:root{color-scheme:dark;--bg:#000;--panel:rgb(0 0 0/.68);--menu:rgb(0 0 0/.5);--line:rgb(255 255 255/.2);--elevated:rgb(255 255 255/.1);--hover:rgb(255 255 255/.15);--selected:rgb(59 130 246/.2);--blue:#3b82f6;--text:#ededed;--muted:rgb(237 237 237/.7);--top:40px;--timeline-height:36px;--gesture-gap:env(safe-area-inset-bottom,0px);--bottom:calc(var(--timeline-height) + var(--gesture-gap));--right:292px;--control:28px;--radius:8px;--surface-radius:10px;--accent-text:#a4caff;--shadow:0 4px 30px rgb(0 0 0/.1)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:12px/16px "Inter Variable","SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{outline:none}button{border:0;background:transparent;cursor:pointer;border-radius:var(--radius);min-height:var(--control);padding:0 8px;font-weight:500;white-space:nowrap}button:hover:not(:disabled),a.icon-btn:hover{background:var(--hover)}button:active:not(:disabled){background:var(--elevated)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}button svg{pointer-events:none}svg{width:16px;height:16px;flex:none;vertical-align:middle}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}p{line-height:1.6;margin:8px 0;color:var(--muted)}h1,h2,h3{font-size:12px;line-height:16px;margin:0;font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.glass{background:var(--panel);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;min-width:0;width:100%;height:var(--control);margin:0;cursor:pointer;touch-action:none}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:rgb(255 255 255/.22)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;background:var(--blue);border-radius:50%;margin-top:-3.5px}input:disabled{opacity:.5;cursor:default}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}input:not([type=range],[type=checkbox],[type=radio],[type=color]),select{height:var(--control);border:1px solid var(--line);background:var(--elevated);border-radius:var(--radius);padding:0 8px;min-width:0}select option{background:#171717;color:var(--text)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control);height:var(--control);min-width:var(--control);padding:0;color:var(--text)}.topbar{position:absolute;inset:0 0 auto;height:var(--top);z-index:30;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(8rem,auto) minmax(max-content,1fr);align-items:center;gap:8px;padding:0 8px;font-weight:500;white-space:nowrap;border-bottom:1px solid rgb(255 255 255/.08)}.top-actions{justify-content:flex-end}.top-navigation,.top-actions{display:flex;align-items:center;gap:8px}.toolbar{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none;margin:auto;max-width:100%}.toolbar>*{flex:none}.topbar i{width:1px;height:var(--control);background:var(--line);flex:none}.tool-group{display:flex;gap:0;align-items:center}.tool.active{background:var(--blue);color:#fff}.tool.active:hover{background:var(--blue)}.tool-chevron{width:16px;min-width:16px;padding:0;border:0;background:transparent!important}.tool-chevron svg{width:12px}.save-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:76px;flex:none;border:1px solid var(--line);background:var(--elevated);min-width:70px}#all.active{color:var(--text)}.top-actions button.active{background:var(--selected);color:var(--accent-text)}
.workspace{position:absolute;inset:var(--top) 0 var(--bottom);display:block;min-height:0}.drawer{position:relative;min-width:0;min-height:0;z-index:20;overflow:visible}.drawer-content{height:100%;display:flex;flex-direction:column;overflow:hidden}.drawer-heading{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-bottom:1px solid var(--line)}.drawer-heading>strong{flex:1;min-width:0}.drawer-heading>.icon-btn{flex:none}.drawer.collapsed{display:none}.resize-handle{position:absolute;top:0;bottom:0;width:5px;touch-action:none;z-index:2}.resize-handle:hover{background:rgb(59 130 246/.4)}[data-resize=left]{right:-2px;cursor:col-resize}[data-resize=right]{left:-2px;cursor:col-resize}.image-workspace{height:100%;position:relative;min-width:0;min-height:0;background:#000}#stage{position:absolute;inset:0;overflow:hidden;background:#000}#viewport,#spatial{width:100%;height:100%;position:absolute;inset:0;touch-action:none}#viewport{cursor:grab}#spatial{cursor:grab}#spatial:active{cursor:grabbing}#spatial canvas{display:block;width:100%;height:100%}.viewport-top,.viewport-bottom{position:absolute;left:8px;right:8px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;color:var(--muted);font-variant-numeric:tabular-nums}.viewport-top{top:8px;flex-wrap:wrap}.viewport-top>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-top #data-note{font-size:12px}.viewport-bottom{bottom:52px;justify-content:flex-end}.zoom-controls{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:4px;width:238px;max-width:calc(100% - 16px);z-index:11;padding:2px 4px;border-radius:var(--radius);border:1px solid rgb(255 255 255/.1);flex-wrap:wrap}.zoom-controls input{flex:1;min-width:36px}.zoom-controls button{flex:none}.zoom-controls #zoom-label{min-width:48px;font-variant-numeric:tabular-nums}.zoom-controls .icon-btn{width:24px;min-width:24px}.zoom-controls #fit{margin-left:auto}#ripple-layer{position:absolute;inset:0;pointer-events:none}.ripple{position:absolute;width:36px;height:36px;margin:-18px;border:1px solid var(--blue);border-radius:50%;animation:ripple .6s ease-out forwards}@keyframes ripple{to{transform:scale(1.8);opacity:0}}#magnifier{position:absolute;bottom:56px;left:8px;width:150px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;pointer-events:none}#magnifier canvas{display:block;width:148px;height:107px}#magnifier>span{display:flex;justify-content:space-between;align-items:center;padding:6px;color:var(--muted)}#magnifier b{font-weight:400}
.inspector-tabs{display:flex;align-items:center;min-height:44px;flex:none;border-bottom:1px solid var(--line);padding:0 12px;gap:0}.inspector-tabs>.icon-btn{margin-right:6px}.inspector-tabs>[role=tab]{flex:1;align-self:stretch;border-radius:0;color:var(--muted);border-bottom:2px solid transparent}.inspector-tabs>[aria-selected=true]{color:var(--text);border-bottom-color:var(--blue)}.panel-content{min-height:0;flex:1;padding:12px;display:flex;flex-direction:column;gap:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--elevated) transparent}.section-title{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:none;min-height:28px}.section-title button{display:flex;gap:4px;align-items:center}.section-title #object-count{color:var(--muted);margin-left:4px;font-variant-numeric:tabular-nums}.text-button{color:var(--accent-text)}.object-filter{display:flex;align-items:center;gap:8px;flex:none}.object-filter select{flex:1}.object-filter span{color:var(--muted);white-space:nowrap}.objects-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}#panel-objects{overflow:hidden}.object-row,.manual-row{display:flex;align-items:center;border-bottom:1px solid rgb(255 255 255/.08);border-radius:var(--radius);margin-bottom:4px;min-height:56px}.object-row.selected,.manual-row.selected{background:var(--selected)}.object-select{display:flex;align-items:center;gap:8px;text-align:left;padding:10px 6px;flex:1;min-width:0;white-space:normal}.object-select>span:last-child{min-width:0;flex:1}.object-select strong{display:block;font-weight:500}.object-select small{display:block;color:var(--muted);margin-top:4px;font-size:12px;line-height:16px}.object-row .eye{margin-right:4px}.layer-dot{width:8px;height:8px;border-radius:50%;background:var(--layer);flex:none}.object-labels{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.object-labels em{font-style:normal;font-size:11px;display:inline-flex;gap:4px;align-items:center;color:var(--muted)}.manual-row .icon-btn{flex:none}.manual-row.selected strong{color:var(--accent-text)}.empty-object{text-align:center;padding:34px 8px}.empty-object>svg,.report-empty>svg{width:28px;height:28px;color:var(--muted);margin-bottom:16px}.empty-object h2{font-size:12px}.empty-object p{margin:12px 0 20px}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:6px;min-height:28px;border-radius:var(--radius);width:100%;padding:6px 8px;white-space:normal}.primary{background:var(--blue);color:white}.primary:hover:not(:disabled){background:#4c8ff8}.secondary{background:var(--elevated);border:1px solid var(--line)}#selection-detail{padding:14px 4px}.detail-kicker{color:var(--accent-text);margin-bottom:8px}#selection-detail p{margin:8px 0 16px}.opacity-control{padding-top:12px;border-top:1px solid var(--line);flex:none}.opacity-control label{display:flex;justify-content:space-between;color:var(--muted)}.opacity-control output{font-variant-numeric:tabular-nums}.panel-footer{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);flex:none}.panel-footer>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;background:#3fb950;border-radius:50%}.label-row{display:flex;align-items:center;gap:8px;min-height:36px}.label-row label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer}.label-row label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-row input{appearance:none;width:14px;height:14px;border:1px solid var(--line);border-radius:50%;margin:0;flex:none}.label-row input:checked{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px #101010}.recent-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.recent-combo{display:flex;flex-wrap:wrap;gap:4px;width:100%;white-space:normal;text-align:left;padding:6px;margin:2px 0;align-items:center}.recent-combo .layer-dot{width:6px;height:6px}.label-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.label-footer .primary{flex:1}.label-footer>button{white-space:nowrap}
.small-badge{border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--muted);display:inline-block}.report-empty{text-align:center;padding:36px 8px}.report-empty p{margin:12px 0}.report-stamp{display:flex;align-items:center;color:#8fe0a1;gap:5px;margin:3px 0 16px}.report-stamp span{margin-left:auto;color:var(--muted);font-size:10px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.metric-grid>div{padding:12px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:68px}.metric-grid>div:nth-child(2n){border-right:0}.metric-grid>div:nth-child(n+3){border-bottom:0}.metric-grid span{display:block;color:var(--muted);margin-bottom:8px}.metric-grid strong{font-size:18px;line-height:22px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-grid strong small{font-size:12px;font-weight:400;margin-left:4px;color:var(--muted)}.risk{margin:18px 0}.risk>div:first-child{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.risk b{font-weight:500;color:#f5c76b}.risk-track{display:flex;gap:5px;margin:10px 0 6px}.risk-track i{height:3px;background:var(--elevated);flex:1}.risk-track i.on{background:#da8b2e}.risk small{color:var(--muted);display:flex;justify-content:space-between}.findings{border-top:1px solid var(--line);padding-top:14px}.findings p{line-height:1.8}.footnote{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 0}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;margin:0 auto 20px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.model-tabs{display:flex;border:1px solid var(--line);border-radius:var(--radius);padding:3px;gap:3px}.model-tabs button{flex:1}.model-tabs button.active{background:var(--blue);color:#fff}.benchmark-hero{padding:12px 0;text-align:center}.benchmark-hero>span{display:block;color:var(--muted)}.benchmark-hero>strong{display:block;font-size:48px;line-height:1.3;font-weight:500;color:var(--accent-text);font-variant-numeric:tabular-nums}.score-bars{display:flex;flex-direction:column;gap:14px;padding:10px 0}.score-row{display:grid;grid-template-columns:1fr auto;gap:6px;color:var(--muted)}.score-row b{font-weight:500}.score-row>i{grid-column:1/-1;height:3px;background:var(--elevated);border-radius:3px;overflow:hidden}.score-row em{display:block;height:100%;background:rgb(255 255 255/.25)}.score-row.selected{color:var(--text)}.score-row.selected em{background:var(--blue)}.latency{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.latency strong{font-size:24px;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.latency small{font-size:12px;margin-left:5px}.comparison-detail>span{color:var(--muted)}.comparison-detail>b{display:block;margin-top:8px;font-weight:500}.feature-tags{display:flex;gap:6px}.feature-tags span{border-radius:4px;background:var(--elevated);color:var(--muted);padding:4px 6px}.feature-tags span.on{background:var(--selected);color:var(--accent-text)}.feature-tags svg{width:12px;height:12px;margin-right:3px}
.timeline{position:absolute;inset:auto 0 var(--gesture-gap);height:var(--timeline-height);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;z-index:30;border-top:1px solid rgb(255 255 255/.08)}.footer-left,.footer-right{display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-width:0}.footer-left button{display:flex;align-items:center;gap:4px;flex:none;padding:0 4px}.footer-left #coordinate-label{font-variant-numeric:tabular-nums;color:var(--muted)}.footer-right{justify-content:flex-end;color:var(--muted);overflow:visible}#track-label{display:none;max-width:180px;overflow:hidden;text-overflow:ellipsis}.playback{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior:contain}.cine{display:flex;align-items:center;gap:2px;flex:none}.playback #slice-label{font-variant-numeric:tabular-nums;min-width:66px;text-align:center;flex:none}.playback #slice{max-width:220px;min-width:72px;flex:1}.playback select{border:0;background:transparent;padding:0 2px;width:70px;flex:none}.playback .active{color:var(--accent-text);background:var(--selected)}.playback #play{background:var(--elevated)}
.popover{position:fixed;top:48px;right:12px;width:304px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 72px);overflow:auto;padding:12px;border-radius:var(--surface-radius);z-index:60;background:var(--menu);border:1px solid var(--line);box-shadow:var(--shadow)}.popover-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;min-height:28px;margin-bottom:8px}.popover .secondary{margin-top:10px}.menu{width:204px;padding:8px}.menu>button,.menu nav>button{display:flex;align-items:center;gap:8px;text-align:left;width:100%;min-height:28px;border-radius:var(--radius)}.menu button.active{color:var(--accent-text);background:var(--selected)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 16px}.preset-grid button{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px;background:var(--elevated);border:1px solid var(--line)}.preset-grid small{font-size:10px;color:var(--muted)}.setting-row{display:flex;align-items:center;gap:8px;color:var(--muted);margin:14px 0}.setting-row>input[type=range]{flex:1}.setting-row input[type=number]{width:60px;padding:0 4px;text-align:center}.setting-row output{width:30px;text-align:right}.setting-select{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.check-row{display:flex;align-items:center;gap:8px;min-height:36px}.popover fieldset{border:0;padding:0;margin:10px 0 16px}.popover legend{color:var(--muted);margin-bottom:10px}.popover fieldset label{display:inline-flex;align-items:center;gap:4px;margin-right:12px}#toast{position:fixed;left:50%;top:72px;transform:translateX(-50%);padding:8px 12px;background:rgb(0 0 0/.85);border:1px solid var(--line);border-radius:var(--radius);z-index:100;max-width:calc(100% - 24px);opacity:0;pointer-events:none;line-height:20px;box-shadow:0 4px 30px #0003}#toast.visible{opacity:1}#chrome-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}dialog{background:var(--panel);backdrop-filter:blur(40px);color:var(--text);border:1px solid var(--line);border-radius:10px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:16px}dialog::backdrop{background:rgb(0 0 0/.6)}dialog form>label{display:flex;align-items:center;gap:12px;margin:16px 0}dialog label input:not([type=color]){flex:1;width:100%}dialog [role=alert]{color:#ffb4ae;min-height:16px}.dialog-actions{display:flex;gap:8px;margin-top:20px}.dialog-actions>button{flex:1}
@media(min-width:1450px){.toolbar{justify-content:center}.footer-right #track-label{display:block}}
@media(max-width:1050px){.topbar{grid-template-columns:auto minmax(8rem,1fr) auto}.topbar,.top-actions{justify-content:flex-end}.top-navigation,.top-actions{gap:4px}.top-actions .save-button{min-width:76px}.footer-left button span{display:none}.footer-left #coordinate-label{display:none}.viewport-top{display:block}.viewport-top #data-note{display:block;margin-top:4px}.footer-right{font-size:12px}}
@media(max-width:700px){:root{--right:252px}.top-actions #open-benchmark{display:none}.footer-right{font-size:10px}.playback{gap:2px}.playback #slice{min-width:50px}.playback #fps{width:59px}.playback #loop{display:none}.zoom-controls{gap:2px}.zoom-controls input{min-width:40px}.panel-content{padding:10px}}
@media(pointer:coarse){:root{--control:36px;--top:48px}.tool-chevron{min-height:36px;width:20px;min-width:20px}.topbar{padding:0 6px}.sample-row{min-height:64px}.resize-handle{width:10px}.zoom-controls{width:266px}.zoom-controls .icon-btn{width:28px;min-width:28px}.drawer-heading,.inspector-tabs{min-height:48px}}
.ai-annotate{display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgb(88 154 255/.4);background:var(--selected);color:var(--accent-text);flex:none}
.ai-annotate:hover:not(:disabled){background:rgb(59 130 246/.32)}.ai-annotate[aria-busy=true] svg{animation:ai-mark-turn 2.4s linear infinite}
.ai-task{position:absolute;top:calc(var(--top) + 12px);left:50%;transform:translateX(-50%);z-index:35;width:400px;max-width:calc(100vw - 24px);border:1px solid rgb(86 157 255/.42);border-radius:var(--surface-radius);padding:16px;box-shadow:0 12px 42px #0006,0 0 24px rgb(59 130 246/.1)}
.ai-task-heading{display:flex;align-items:center;gap:10px}.ai-task-heading strong{flex:1;font-size:14px}.ai-task-mark{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--selected);color:var(--accent-text)}
.ai-task-mark::after{content:'';position:absolute;inset:0;border:1px solid transparent;border-top-color:#68caff;border-right-color:var(--blue);border-radius:50%}.ai-task[aria-busy=true] .ai-task-mark::after{animation:ai-mark-turn 2s linear infinite}
.ai-task-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 12px}.ai-task-status p{margin:0;min-width:0}.ai-task-status>span{font-size:24px;line-height:28px;font-weight:600;color:var(--accent-text);font-variant-numeric:tabular-nums}
.ai-task progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#ai-progress-track{height:7px;overflow:hidden;border-radius:8px;background:var(--elevated)}#ai-progress-fill{height:100%;position:relative;overflow:hidden;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),#65dbe5);transition:transform .08s linear;border-radius:inherit}
#ai-progress-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff7a,transparent);transform:translateX(-100%);animation:ai-progress-shine 1.2s linear infinite}
.ai-task-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.ai-task-actions button{width:auto;min-width:72px}.ai-task.collapsed{width:240px}.ai-task.collapsed .ai-task-body{display:none}
@keyframes ai-progress-shine{to{transform:translateX(100%)}}@keyframes ai-mark-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ai-task[aria-busy=true] .ai-task-mark::after,.ai-annotate[aria-busy=true] svg,#ai-progress-fill::after{animation:none}#ai-progress-fill{transition:none}#ai-progress-fill::after{display:none}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#stage[data-view="mpr"] .viewport-top,#stage[data-view="mpr"] .viewport-bottom{display:none}.secondary.active{background:var(--selected);color:var(--accent-text)}.sample-more svg{stroke-width:3}.tool{position:relative}.polygon-ai-badge{position:absolute;width:13px;height:13px;right:-2px;top:-1px;pointer-events:none}
#colon-browser{margin-bottom:16px}#colon-browser label{display:block;color:var(--muted);margin-bottom:8px}#colon-select{width:100%}
.metric-grid strong{white-space:normal;overflow-wrap:anywhere}.metric-grid>div{min-width:0}
.comparison-detail{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}

#inspector{position:absolute;inset:0 0 0 auto;width:var(--right);max-width:100%;border-left:1px solid var(--line);box-shadow:var(--shadow)}
#sample-pop label{display:block;margin:12px 0 8px;color:var(--muted)}#sample-pop select{width:100%}#sample-locate{margin-top:16px}

.tool-icon{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.tool-icon svg{width:16px;height:16px}
.tool-chevron:hover:not(:disabled),.tool-chevron[aria-expanded=true]{color:var(--accent-text)}
#workspace-pop .check-row{justify-content:space-between;cursor:pointer}
.setting-switch{appearance:none;-webkit-appearance:none;width:32px;height:20px;flex:none;border:0;border-radius:9999px;background:var(--line);cursor:inherit;margin:0}
.setting-switch:checked{background:var(--blue)}.setting-switch::after{content:"";display:block;width:16px;height:16px;margin:2px;border-radius:50%;background:var(--text)}.setting-switch:checked::after{transform:translateX(12px)}

.toolbar-wrap{display:flex;align-items:center;min-width:0;max-width:100%;margin:auto}.toolbar-wrap>.icon-btn{flex:none}.toolbar{margin:0}.toolbar-content{display:flex;align-items:center;gap:8px;width:max-content;padding:0 4px}.toolbar-content>*{flex:none}body:not(.panel-closed) .viewport-top{right:calc(var(--right) + 8px)}

:root{--danger:#f85149;--danger-hover:rgb(239 68 68/.2);--danger-text:#fee2e2}
.layout-preview{display:grid;width:16px;height:16px;gap:2px;flex:none;pointer-events:none}.layout-preview>span{border:1px solid currentColor;min-width:0;min-height:0}.layout-preview.compare{grid-template-columns:1fr 1fr}.layout-preview.mpr{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-preview.mpr>span:first-child{grid-row:1 / 3}.object-delete{color:var(--danger)}.object-delete:hover:not(:disabled){background:var(--danger-hover);color:var(--danger-text)}

#target-guides{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.target-guide{position:absolute;width:44px;height:44px;margin:-22px;pointer-events:none}
.target-guide-ring{position:absolute;inset:6px;border:2px solid #52adff;border-radius:50%;background:rgb(10 132 255/.14);box-shadow:0 0 12px rgb(10 132 255/.25);animation:target-breathe 2s ease-in-out infinite}
.target-guide-dot{position:absolute;inset:18px;border-radius:50%;background:#b0deff;box-shadow:0 0 5px #0a84ff}
.target-guide-label{position:absolute;top:12px;left:50px;white-space:nowrap;font-size:12px;line-height:20px;color:#b4d7ff;text-shadow:0 1px 4px #000}
.target-guide.label-left .target-guide-label{left:auto;right:50px}
@keyframes target-breathe{0%,100%{transform:scale(.82);opacity:.55}50%{transform:scale(1.2);opacity:1}}
@media(prefers-reduced-motion:reduce){.target-guide-ring{animation:none;transform:none;opacity:1}}

.drawing-actions{position:absolute;left:12px;right:12px;top:48px;display:flex;justify-content:center;gap:6px;z-index:10;pointer-events:none}.drawing-actions button{pointer-events:auto;background:var(--panel);border:1px solid var(--line)}body:not(.panel-closed) .drawing-actions{right:calc(var(--right) + 12px)}

.volume-controls{position:absolute;right:12px;top:42px;z-index:12;max-width:calc(100% - 24px);color:var(--text);font-size:12px;background:rgb(24 24 27/.96);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 32px #0006}
.volume-controls summary{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;cursor:pointer;list-style:none}.volume-controls summary::-webkit-details-marker{display:none}.volume-controls summary svg{width:16px;height:16px}.volume-controls[open] summary{border-bottom:1px solid var(--line)}
.volume-settings{width:248px;max-width:100%;padding:12px;display:grid;gap:14px;max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain}.volume-settings>label{display:grid;gap:7px;color:var(--muted)}.volume-settings select{width:100%;min-height:36px;border:1px solid var(--line);border-radius:4px;background:#27272a;color:var(--text);padding:4px 8px;font-size:12px}.volume-settings .volume-range{grid-template-columns:1fr auto}.volume-range input{grid-column:1/-1;width:100%;min-height:26px;accent-color:var(--blue)}.volume-range output{color:var(--text);font-variant-numeric:tabular-nums}.volume-settings .volume-check{display:flex;align-items:center;justify-content:space-between;min-height:28px}.volume-check input{width:18px;height:18px;accent-color:var(--blue)}.volume-settings button{min-height:36px;border:1px solid var(--line);border-radius:4px;background:#27272a;color:var(--text)}

.volume-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 16px;color:var(--text);background:#18181b;border:1px solid var(--line);border-radius:6px;font-size:12px;pointer-events:none}

.annotation-report-guide{flex:none;border-top:1px solid var(--line);padding-top:8px}
.report-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
.report-guide-heading .icon-btn{width:40px;min-width:40px;min-height:40px}
.annotation-report-guide>.primary{min-height:40px;flex-wrap:wrap}
.annotation-report-guide>.primary svg{flex:none}
#panel-report:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

/* Keep touch gestures clear of the iPad home-indicator area, including with a mouse attached. */
@media (any-pointer:coarse) {
  :root { --timeline-height:44px; --gesture-gap:max(24px,env(safe-area-inset-bottom,0px)); }
  .timeline { border-top:0; box-shadow:inset 0 1px 0 rgb(255 255 255/.08); padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px)); }
  .timeline .icon-btn { width:44px; min-width:44px; height:var(--timeline-height); }
  .timeline button,.timeline select,.timeline #slice { min-height:var(--timeline-height); height:var(--timeline-height); }
  .timeline #slice { height:var(--timeline-height); }
  .timeline #slice::-webkit-slider-runnable-track { height:4px; border-radius:4px; }
  .timeline #slice::-webkit-slider-thumb { width:20px; height:20px; margin-top:-8px; }
  .timeline #slice::-moz-range-track { height:4px; border-radius:4px; background:var(--line); }
  .timeline #slice::-moz-range-thumb { width:20px; height:20px; border:0; border-radius:50%; background:var(--blue); }
  .timeline #workspace-settings { min-width:44px; }
}

.display-panel{width:720px;padding:16px;background:rgb(12 12 12/.88)}
.display-panel .display-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 24px}
.display-panel .display-group{min-width:0;margin:0;padding:0;border:0}
.display-panel legend{font-weight:500;color:var(--text);margin-bottom:12px}
.display-panel .display-group .setting-row{display:grid;grid-template-columns:42px minmax(40px,1fr) 64px;gap:12px;width:100%;margin:8px 0;align-items:center}
.display-panel .setting-row input[type=number]{width:64px;text-align:right;font-variant-numeric:tabular-nums}
.display-panel .preset-grid{margin:0;gap:8px}
.display-panel .preset-grid button{padding:8px;background:transparent;border-color:var(--line)}
.display-panel .preset-grid button.active{color:#a4caff;background:var(--selected);border-color:var(--blue)}
.display-panel .preset-grid button:hover{background:var(--hover)}
.display-panel .color-map-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:214px;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.display-panel .color-map-list .display-option{display:flex;align-items:center;gap:6px;min-width:0;margin:0;padding:5px 4px;border-radius:6px;cursor:pointer;min-height:30px}
.display-option:hover{background:var(--hover)}
.display-option:has(:checked){background:var(--selected)}
.display-option input{margin:0;flex:none}
.display-option i{width:28px;height:12px;border-radius:2px;flex:none}
.display-option span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.display-adjustments{display:flex;flex-direction:column;gap:22px;min-width:0}
.display-panel .setting-select{width:100%;border:0;padding:0;gap:12px;display:flex;justify-content:space-between}
.display-panel .setting-select select{max-width:70%}
#window-histogram{display:block;width:100%;height:96px;background:rgb(255 255 255/.04);border-radius:4px;cursor:ew-resize;touch-action:none}
#histogram-range{font-size:11px;font-variant-numeric:tabular-nums;margin:6px 0 12px}
.display-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}
.display-footer .secondary{margin:0;width:auto;min-width:96px;flex:none}
#case-browser{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
#case-browser label{display:block;margin-bottom:8px;color:var(--muted)}
#case-select{display:block;width:100%;min-height:36px}
@media(max-width:600px){.display-panel .display-content{grid-template-columns:minmax(0,1fr)}.display-footer span{max-width:65%}}
@media(pointer:coarse){.display-panel .color-map-list .display-option{min-height:36px}.display-panel .preset-grid button{min-height:36px}}

.language-control{display:inline-flex;align-items:center;gap:7px;color:#b6b6b6;font:12px system-ui,sans-serif;flex-shrink:0}
.language-caption{font-size:11px;white-space:nowrap}
.language-select{position:relative;display:inline-flex;flex-shrink:0}
.language-control select{font:inherit;color:#ededed;background:#1e1e1e;border:1px solid #444;border-radius:6px;min-height:36px;padding:6px 8px;cursor:pointer}
.language-control select:hover{border-color:#888}.language-control select:focus-visible{outline:2px solid #1769ff;outline-offset:2px}
.timeline .language-caption{display:none}.timeline .language-control select{width:96px;min-height:30px;padding:3px 6px}
@media(any-pointer:coarse){
  /* Paint a compact control while the native select keeps its full touch target. */
  .language-select::before{content:"";position:absolute;inset:4px 0;background:#1e1e1e;border:1px solid #444;border-radius:6px;pointer-events:none}
  .language-select::after{content:"";position:absolute;right:12px;top:50%;width:5px;height:5px;border:solid #ededed;border-width:0 1px 1px 0;transform:translateY(-75%) rotate(45deg);pointer-events:none}
  .language-control select,.timeline .language-control select,.language-control select:hover,.timeline .language-control select:hover{position:relative;box-sizing:border-box;appearance:none;-webkit-appearance:none;width:96px;height:44px;min-height:44px;margin:0;padding:6px 28px 6px 10px;background:transparent;border-color:transparent}
  .language-select:hover::before{border-color:#888}
  .language-select:has(select:focus-visible)::before{outline:2px solid #1769ff;outline-offset:2px}
  .language-control select:focus-visible{outline:none}
}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:96px;height:56px;object-fit:contain}
html[lang=en] .intro h1{line-height:1.3}
html[lang=en] .card h2{font-size:21px;line-height:1.35}html[lang=en] .features{flex-wrap:wrap}
html[lang=en] .metric-grid strong{font-size:20px;overflow-wrap:anywhere}html[lang=en] .setting-row{grid-template-columns:70px minmax(60px,1fr) 60px}html[lang=en] .popover{overflow-wrap:anywhere}
@media(max-width:900px){.timeline .footer-left{gap:8px}html[lang=en] #workspace-settings span{display:none}}

.topic-controls{position:absolute;right:12px;bottom:12px;z-index:11;display:flex;align-items:center;gap:6px;max-width:calc(100% - 274px);padding:4px;border:1px solid var(--line);border-radius:6px;flex-wrap:wrap}
.topic-controls button{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;min-height:32px;white-space:nowrap}.topic-controls svg{width:16px;height:16px}.topic-controls select{max-width:180px;min-height:32px}#key-slices{display:flex;gap:2px}
.pet-controls{position:absolute;top:42px;right:12px;z-index:12;border:1px solid var(--line);border-radius:6px;padding:8px;max-width:235px;font-size:12px}.pet-controls summary{cursor:pointer}.pet-controls label{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px}.pet-controls input{width:95px}
body:not(.panel-closed) .topic-controls{max-width:calc(100% - var(--right) - 274px)}
body:not(.panel-closed) .pet-controls{right:calc(var(--right) + 12px)}
.staging-evidence{margin:14px 0;padding:12px;background:var(--elevated);border-radius:6px}.staging-evidence h3{margin:0 0 10px}.staging-evidence ol{padding-left:20px;line-height:1.8}.staging-evidence p{color:var(--muted);font-size:12px;line-height:1.7}
@media(max-width:950px){.topic-controls{max-width:calc(100% - 24px);bottom:58px}.topic-controls button{font-size:11px;padding:4px 6px}.topic-controls select{max-width:145px}.pet-controls{top:40px}}
@media(max-width:950px){body:not(.panel-closed) .topic-controls{max-width:calc(100% - var(--right) - 24px)}}
@media(pointer:coarse){.topic-controls button,.topic-controls select{min-height:36px}}
[data-view=petquad] .viewport-top,[data-view=petquad] .viewport-bottom{display:none}
body[data-demo="thyroid"] [data-view=compare] .viewport-top{top:32px}
.image-loading{position:fixed;inset:0;z-index:100;background:#000b;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:#ddd;font-size:14px}

.tile-status{position:absolute;top:36px;left:12px;pointer-events:none;padding:5px 9px;background:#161616dd;color:#ddd;border-radius:4px;font-size:11px;z-index:3}
body[data-demo="pathology"] .viewport-top span,body[data-demo="pathology"] #orientation{background:rgba(0,0,0,.78);padding:4px 7px;border-radius:4px}

.benchmark-task-label{display:block;margin:14px 0 8px;color:var(--muted)}
#benchmark-task{display:block;width:100%;min-height:40px;max-width:100%}
.benchmark-task-title{margin:16px 0 10px;font-size:14px;line-height:1.5}
.benchmark-note{color:var(--blue);font-size:12px}