:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;color:#dce2ec;background:#0c0f15;--panel:#131820;--line:#282f3c;--muted:#8e99ac;--accent:#6286ff;--green:#73d7ae}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;background:#5679ee;color:#fff;border-radius:5px;font-weight:550;min-height:32px;padding:6px 12px;transition:background .15s,border-color .15s}button:hover{background:#6688ff}button:disabled{opacity:.45;cursor:default}.secondary{background:#1a212d;border-color:#303a4b;color:#d4ddeb}.secondary:hover{background:#252f3e;border-color:#465670}.small{min-height:28px;padding:4px 9px;font-size:12px}input,select,textarea{width:100%;color:#e2e8f3;background:#0e131c;border:1px solid #30394a;border-radius:5px;padding:7px 9px;margin:5px 0 12px;min-height:32px;font-size:13px}input[type=file]{font-size:12px;padding:6px}textarea{resize:vertical;line-height:1.55}label{display:block;color:#a8b4c7;font-size:12px}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600;letter-spacing:-.02em}h3{font-size:13px;font-weight:600}p{line-height:1.55;color:#a0adbf}.caption,.note{font-size:11px;color:var(--muted)}.badge,.counter{font-size:10px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;color:#99a8c0;font-weight:500;white-space:nowrap}.counter{margin-left:6px}.muted{color:var(--muted);font-weight:400}.appHeader{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#11151d;border-bottom:1px solid var(--line);gap:12px}.brand{color:#e7ecf5;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.04em}.brand .muted{margin-left:5px;letter-spacing:0}.mark{width:26px;height:26px;display:grid;place-items:center;background:#5679ee;color:#fff;border-radius:6px;font-size:13px}.accountName{font-size:12px;color:#aab6c9;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#accountBar{display:flex;gap:10px;align-items:center}.aiButton{display:flex;align-items:center;gap:7px;max-width:320px}#aiSummary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aiDot{width:6px;height:6px;background:#8995ad;border-radius:50%;flex-shrink:0}.aiButton[data-enabled=true] .aiDot{background:var(--green);box-shadow:0 0 6px #73d7ae40}main{padding:12px;max-width:none;margin:0;height:calc(100dvh - 74px);overflow:auto}footer{height:26px;border-top:1px solid #202734;color:#69788f;font-size:10px;display:flex;justify-content:space-between;align-items:center;padding:0 12px}article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px}.panel{padding:12px}.panelHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.sectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sectionHeading .caption{display:inline-block;margin-top:3px}.setupGrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.hostsPanel{overflow:hidden}.tableHeading,.hostRow{display:grid;grid-template-columns:minmax(120px,1fr) 200px 80px;align-items:center;gap:12px;padding:10px 12px}.tableHeading{color:#75859e;font-size:11px;border-bottom:1px solid var(--line);background:#171d27}.hostRow{border:0;border-bottom:1px solid #242b37;border-radius:0;background:transparent;min-height:58px}.hostRow:last-child{border-bottom:0}.hostRow:hover{background:#18202c}.hostNameGroup{display:flex;align-items:center;gap:10px;min-width:0}.hostNameGroup h2{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hostIcon{width:28px;height:26px;border:1px solid #3c495e;border-radius:4px;display:grid;place-items:center;color:#a7b8d4;background:#1b2433;flex-shrink:0}.hostIcon:before{content:'▣';font-size:17px}.hostStatus{font-size:11px;color:#8997ad;display:flex;align-items:center;gap:7px}.statusDot{width:6px;height:6px;border-radius:50%;background:#647087;flex-shrink:0}.hostStatus.online .statusDot{background:var(--green)}.hostRow button{min-height:28px;font-size:12px;padding:4px 8px}.emptyHosts{padding:32px 12px;text-align:center;color:#8190a8;font-size:12px}.setupAside{display:flex;flex-direction:column;gap:12px}.overviewStatus{font-size:12px;line-height:1.5;margin-bottom:10px;overflow-wrap:anywhere}.setupAside button{width:100%}.shortcutRow{display:flex;align-items:center;gap:7px;font-size:11px;color:#8392aa;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}kbd{display:inline-block;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#aab8cf;background:#1b2330;border:1px solid #334056;border-radius:3px;padding:1px 4px;line-height:16px}.help{font-size:11px;color:#9daac0}.help summary{width:fit-content;cursor:pointer;color:#93a6c6;line-height:20px}.help summary:hover{color:#d5e1f7}.help p{font-size:11px;line-height:1.6;margin:8px 0}.popoverHelp{position:relative}.popoverHelp[open]>p{position:absolute;right:0;top:22px;z-index:20;width:280px;padding:12px;border:1px solid #344156;border-radius:6px;background:#192232;box-shadow:0 10px 30px #0006;margin:0}.options{padding-top:8px}.iconPreview{display:flex;gap:8px;align-items:center;font-size:11px;margin:0 0 12px}.downloadCard .help{margin-bottom:10px}#auth{max-width:330px;margin:clamp(20px,12vh,110px) auto}#auth article{padding:20px}#auth h2{font-size:17px;margin-bottom:18px}#auth button{width:100%;margin-top:6px}#registerNote{margin-top:12px}#viewer{display:flex;flex-direction:column;height:100%;min-height:440px;gap:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}.viewerTitle,.viewerControls{display:flex;align-items:center;gap:10px;min-width:0}.viewerTitle h2{font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusChip{font-size:11px;color:#91a0b8;white-space:nowrap}.statusChip.active{color:var(--green)}.viewerLayout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:10px;flex:1;min-height:0}.remotePanel{display:flex;flex-direction:column;min-height:0;min-width:0}.screen{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;background:#05070b;border:1px solid var(--line);border-radius:6px;overflow:hidden}.screen img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.screen img.controlled{cursor:crosshair;touch-action:none;outline:2px solid var(--accent);outline-offset:-2px}.screen img:focus-visible:not(.controlled){outline:none}.screenFooter{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6f809b;padding:5px 2px 0;gap:10px}#waiting{color:#73819a;font-size:12px;text-align:center;display:flex;flex-direction:column;gap:10px}.emptyIcon{font-size:32px;color:#303e56}.gallery{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px}.gallery .panelHeading{margin-bottom:6px}.galleryMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px;font-size:10px;color:#8695ad}.galleryMeta .help{font-size:10px}.shotList{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}.shotItem{flex-shrink:0;border:1px solid #293448;border-radius:5px;background:#0f151f;overflow:hidden}.shotItem .shot{display:block;width:100%;padding:0;background:transparent;border:0;border-radius:0;min-height:0;overflow:hidden;text-align:left}.shot:hover{background:#1c283c}.shot img{display:block;width:100%}.shot>span{display:block;padding:5px 7px;font-size:10px;color:#8e9db7;border-bottom:1px solid #253043}.shotPreview{position:relative}.shotOverlay{position:absolute;inset:0;background:#03070d9c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.spinner{width:23px;height:23px;border:2px solid #d4dfff40;border-top-color:#a6bbff;border-radius:50%;animation:spin 1s linear infinite}.overlayLabel{font-size:11px;color:#e8efff}.shotAi{font-size:11px;line-height:1.5;margin:6px 7px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#a7b5cc}.shotAi[data-status=error]{color:#f29ba9}.shotAi[data-status=running],.shotAi[data-status=queued]{color:#8ba6df}dialog{color:#dce2ec;background:#111720;border:1px solid #344054;border-radius:8px;padding:12px;max-height:calc(100dvh - 24px);box-shadow:0 20px 80px #0007}dialog::backdrop{background:#050911c9;backdrop-filter:blur(3px)}.shotToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.dialogTitle{display:flex;flex-direction:column;gap:4px}#shotDialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none}.shotDetail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:10px;height:calc(100% - 56px);min-height:0}.shotImagePane{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;background:#070a10;border:1px solid var(--line);border-radius:5px;overflow:auto;padding:6px}#shotImage{display:block;max-width:100%;max-height:100%;object-fit:contain}#shotImage:not([src]){display:none}#shotLoading{font-size:11px;padding:5px}.analysisPanel{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);background:#151c27;border-radius:5px;padding:10px}.analysisHeading{display:flex;justify-content:space-between;align-items:center;gap:10px}.analysisMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:8px}#analysisModel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.analysisAnswer{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font-size:13px;line-height:1.6;scrollbar-gutter:stable}.analysisPanel>.analysisAnswer{min-height:0;flex:1}.reasoningPanel{margin:0 0 10px;flex:0 1 auto;font-size:11px;color:#9caecd}.reasoningPanel summary{cursor:pointer;padding:2px 0 6px}.reasoningPanel .analysisAnswer{font-size:12px;color:#879bb9;max-height:27vh;line-height:1.55;padding:6px 0 8px;border-bottom:1px solid var(--line)}#aiDialog{width:min(600px,calc(100vw - 24px))}#aiForm .keyRow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 14px}.modelFields{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:10px}.checkLabel{display:flex;align-items:center;gap:7px;margin:2px 0 12px}input[type=checkbox]{width:14px;height:14px;min-height:0;margin:0;accent-color:var(--accent)}#aiPrompt{min-height:130px}#aiModelsStatus{margin:-6px 0 10px;color:#cfaa74}.formFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}#aiSaveStatus{font-size:11px;color:#9dafca}#error{background:#311923;border:1px solid #713746;color:#f6aab8;border-radius:5px;padding:10px;font-size:12px;margin-top:10px}[hidden]{display:none!important}:focus-visible{outline:2px solid #8ca8ff;outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#354257;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.viewerControls>.help{display:none}.viewerTitle{gap:8px}.viewerTitle h2{max-width:150px}.viewerLayout{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:760px){main{height:auto;min-height:calc(100dvh - 74px);padding:8px}.appHeader{padding:0 8px}.brand .muted,.accountName{display:none}#accountBar{gap:5px}.aiButton{max-width:180px}.setupGrid{grid-template-columns:1fr;gap:8px}.setupAside{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tableHeading,.hostRow{grid-template-columns:minmax(100px,1fr) 105px 66px;gap:6px;padding:9px}.hostStatus{font-size:10px}.hostIcon{display:none}.toolbar{align-items:flex-start;flex-direction:column;gap:6px}.viewerControls{justify-content:space-between;width:100%}#viewer{height:auto;min-height:0}.viewerLayout{display:flex;flex-direction:column;gap:8px}.screen{height:48vh;min-height:240px;flex:none}.gallery{height:36vh;min-height:220px}.shotList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.shotDetail{grid-template-columns:1fr;height:auto}.shotImagePane{min-height:180px;max-height:42vh}.analysisPanel{min-height:36vh;max-height:50vh}#shotDialog{height:auto;max-height:calc(100dvh - 16px)}.analysisPanel>.analysisAnswer{min-height:120px;max-height:40vh}.modelFields{grid-template-columns:1fr 120px}.popoverHelp[open]>p{width:min(280px,80vw)}footer span:last-child{display:none}}@media(max-width:430px){.setupAside{grid-template-columns:1fr}.viewerTitle h2{max-width:110px}.viewerTitle .statusChip{font-size:10px}.modelFields{grid-template-columns:1fr}.aiButton{max-width:145px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}button{transition:none}}

main.hasContext{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px}#workspace{min-width:0;min-height:0}.contextPanel{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px;min-height:0}.contextMeta{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px;font-size:10px;color:#8ba0c2}.contextSummary{flex:1;min-height:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#bcc9dc}.contextFootnote{font-size:10px;line-height:1.5;color:#73859f;border-top:1px solid var(--line);margin-top:10px;padding-top:8px}#contextError{color:#e69cab;margin-top:8px}#contextReasoningDetails{margin-top:8px}.dialogActions{display:flex;gap:6px;align-items:center}.deleteButton{color:#efa7b2}.deleteButton:hover{color:#ffd0d8;background:#3b2330}.shotItem{position:relative}.shotDelete{position:absolute;right:5px;top:5px;width:23px;min-height:23px;padding:0;background:#101724df;border:1px solid #4a3b48;color:#f1b2bd;border-radius:4px;z-index:2;font-size:16px}.shotDelete:hover{background:#54303a}.chatHistory{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;font-size:12px}.chatMessage{padding:9px;border:1px solid #2b374a;border-radius:5px;margin-bottom:8px;background:#121925}.chatMessage.user{background:#1b2840;border-color:#304463}.messageMeta{display:flex;justify-content:space-between;font-size:10px;color:#8095b5;margin-bottom:5px}.messageBody{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.chatMessage .reasoningPanel{margin-bottom:6px}.chatMessage .analysisAnswer{max-height:200px}.latestMessage{flex:0 1 auto;min-height:0;overflow:auto;max-height:38vh;border-top:1px solid var(--line);padding-top:8px}.latestMessage>.analysisAnswer{max-height:26vh;min-height:0;overflow:auto}.latestMessage:empty{display:none}.chatComposer{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);flex-shrink:0}.chatComposer textarea{margin:0 0 6px;resize:vertical;max-height:140px;min-height:55px}.composerActions{display:flex;align-items:center;justify-content:space-between;gap:8px}.composerActions span{font-size:10px;color:#8ba0c2}main.hasContext #error{grid-column:1/-1}.chatMessage.error .messageBody{color:#e69cab}@media(max-width:1200px){main.hasContext{grid-template-columns:minmax(0,1fr) 220px}.viewerLayout{grid-template-columns:minmax(0,1fr) 230px}.viewerControls .help{display:none}.viewerTitle h2{max-width:135px}.setupGrid{grid-template-columns:minmax(0,1fr) 240px}.tableHeading,.hostRow{grid-template-columns:minmax(90px,1fr) 150px 65px;gap:8px}.hostRow button{padding:4px}}@media(max-width:960px){main.hasContext{grid-template-columns:1fr}#contextPanel{min-height:150px;max-height:240px}.setupGrid{grid-template-columns:minmax(0,1fr) 250px}#viewer{height:70vh;min-height:450px}.viewerControls{font-size:10px}.shotDetail{grid-template-columns:1fr 1fr}.chatHistory{min-height:100px}}@media(max-width:760px){main.hasContext{display:block}.contextPanel{margin-top:10px}.setupGrid{grid-template-columns:1fr}#viewer{height:auto;min-height:0}.shotDetail{grid-template-columns:1fr}.analysisPanel{min-height:380px;max-height:70vh}.chatHistory{max-height:38vh}.latestMessage{max-height:28vh}.latestMessage>.analysisAnswer{max-height:20vh}.viewerLayout{display:flex}.tableHeading,.hostRow{grid-template-columns:minmax(100px,1fr) 105px 66px}}

#loadMoreShots{margin-top:8px;flex-shrink:0}