.audio-transport.svelte-yvtb65{z-index:8;pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;max-height:min(28vh,210px);display:flex;position:absolute;bottom:16px;left:16px;right:16px;overflow:auto}article.svelte-yvtb65{border:1px solid color-mix(in srgb, var(--variant-color,var(--accent)) 38%, var(--rule));background:color-mix(in srgb, var(--paper) 92%, transparent);grid-template-columns:28px minmax(42px,max-content);align-items:center;gap:6px;min-width:0;max-width:min(148px,100%);min-height:36px;padding:5px 7px;display:grid;box-shadow:0 10px 30px #0000003d}article.active.svelte-yvtb65{border-color:color-mix(in srgb, var(--variant-color,var(--accent)) 72%, var(--accent-strong))}article.compact.svelte-yvtb65{flex:none;grid-template-columns:28px minmax(42px,1fr);width:clamp(92px,9vw,130px)}article.expanded.svelte-yvtb65{flex:min(520px,100%);grid-template-columns:28px minmax(64px,.25fr) max-content minmax(120px,1fr);width:min(520px,100%);max-width:100%}button.svelte-yvtb65{font:inherit}.transport-play.svelte-yvtb65{border:1px solid color-mix(in srgb, var(--variant-color,var(--accent)) 48%, var(--rule));background:color-mix(in srgb, var(--variant-color,var(--accent)) 18%, var(--paper-deep));width:28px;height:28px;color:var(--ink-strong);cursor:pointer;place-items:center;padding:0;display:grid}.transport-label.svelte-yvtb65{width:100%;min-width:0;color:var(--ink-strong);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;padding:0;display:grid}.transport-label.active.svelte-yvtb65{color:color-mix(in srgb, var(--variant-color,var(--accent)) 72%, var(--ink-strong))}.transport-label.svelte-yvtb65 svg{display:none}.transport-play.svelte-yvtb65 svg{color:var(--variant-color,var(--accent-strong))}strong.svelte-yvtb65{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.transport-time.svelte-yvtb65{color:var(--ink);font-family:var(--font-mono);white-space:nowrap;font-size:11px}.transport-scrub.svelte-yvtb65{width:100%;min-width:0;accent-color:var(--variant-color,var(--accent-strong))}.native-audio.svelte-yvtb65{display:none}@media (width<=860px){.audio-transport.svelte-yvtb65{flex-flow:row;justify-content:flex-start;align-items:center;max-height:70px;padding-bottom:2px;bottom:10px;left:10px;right:10px;overflow:auto hidden}article.svelte-yvtb65{flex:none;grid-template-columns:32px minmax(54px,1fr);width:clamp(108px,34vw,150px);min-width:0;max-width:none;min-height:42px;padding:5px 6px}article.expanded.svelte-yvtb65{flex:1 0 clamp(240px,100vw - 132px,420px);grid-template-columns:32px minmax(48px,max-content) max-content minmax(96px,1fr);width:auto;max-width:calc(100vw - 20px)}.transport-scrub.svelte-yvtb65{grid-column:auto}}@media (width<=560px){.audio-transport.svelte-yvtb65{max-height:66px;bottom:8px;left:8px;right:8px}article.expanded.svelte-yvtb65{flex-basis:clamp(220px,100vw - 126px,420px);grid-template-columns:30px minmax(42px,max-content) minmax(64px,max-content) minmax(86px,1fr)}.transport-time.svelte-yvtb65,strong.svelte-yvtb65{font-size:10px}}.context-menu-dialog.svelte-l8h85k{z-index:1000;width:min(260px,100vw - 16px);color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto}.context-menu-dialog.svelte-l8h85k::backdrop{background:0 0}.context-menu-card.svelte-l8h85k{border:1px solid var(--rule);background:color-mix(in srgb, var(--panel) 96%, var(--paper-deep));gap:6px;margin:0;padding:8px;list-style:none;display:grid;box-shadow:0 16px 32px #0000006b}.context-menu-title.svelte-l8h85k{min-width:0;color:var(--ink-muted);letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:2px 6px 4px;font-size:9px;font-weight:760;overflow:hidden}button.svelte-l8h85k{border:1px solid var(--rule);min-height:34px;color:var(--ink);background:var(--panel-soft);font:inherit;text-align:left;cursor:pointer;border-radius:0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 9px;font-size:11px;font-weight:650;display:grid}button.svelte-l8h85k:hover:not(:disabled),button.svelte-l8h85k:focus-visible{border-color:var(--accent-strong);color:var(--ink-strong);background:color-mix(in srgb, var(--accent) 12%, var(--panel-soft));outline:none}button.svelte-l8h85k:disabled{cursor:default;opacity:.42}button.svelte-l8h85k span:where(.svelte-l8h85k){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recent-folder-entry.svelte-1rt2yy1{border:1px solid var(--rule);width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--paper);font:inherit;text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;display:grid}.recent-folder-entry.svelte-1rt2yy1:hover{background:var(--panel-soft);color:var(--ink-strong)}.recent-folder-entry.svelte-1rt2yy1:focus-visible{outline:1px solid var(--accent-strong);outline-offset:-1px}.recent-folder-icon.svelte-1rt2yy1{color:var(--ink-muted);place-items:center;display:grid}.recent-folder-copy.svelte-1rt2yy1{gap:3px;min-width:0;display:grid}.recent-folder-title.svelte-1rt2yy1,small.svelte-1rt2yy1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recent-folder-title.svelte-1rt2yy1{font-size:11px;font-weight:650}small.svelte-1rt2yy1{color:var(--ink-muted);font-size:10px;font-weight:500}.toggle-row.svelte-g8wd8k{min-height:30px;color:var(--ink-muted);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;margin:8px 0;font-size:11px;font-weight:500;line-height:1.2;display:grid}.toggle-row.compact.svelte-g8wd8k{margin:0}input.svelte-g8wd8k{width:16px;min-height:16px;margin:0}span.svelte-g8wd8k{min-width:0}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#161616;--paper-deep:#0d0d0d;--panel:#1c1c1c;--panel-soft:#242424;--ink:#d5d1c9;--ink-strong:#f0eee8;--ink-muted:#99958d;--rule:#3b3b3b;--rule-soft:#282828;--accent:#c6beb2;--accent-strong:#ebe3d6;--warning:#d4aa22;--danger:#c98c78;--mark-bg:#111821;--mark-primary:#edf2f8;--mark-secondary:#5bd7b5;color:var(--ink);background:var(--paper-deep);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Geist Mono Variable,Monaspace Xenon,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:root[data-theme=light]{--paper:#efeee9;--paper-deep:#faf9f5;--panel:#f5f4ef;--panel-soft:#e8e6df;--ink:#34322f;--ink-strong:#141312;--ink-muted:#6c6860;--rule:#beb9ae;--rule-soft:#d9d5cc;--accent:#6f6a61;--accent-strong:#1f1e1c;--warning:#9c7515;--danger:#9a4f3f}*{box-sizing:border-box}body{background:var(--paper-deep);min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{background:var(--paper-deep);grid-template-rows:58px minmax(0,1fr);width:100vw;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--rule);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.brand{flex:0 360px;align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{flex:none;width:36px;height:36px}.brand-mark svg{width:100%;height:100%;display:block}.brand-mark rect{fill:var(--mark-bg)}.brand-mark path{fill:none;stroke-width:4px;stroke-linejoin:round}.brand-mark .mark-top{stroke:var(--mark-primary)}.brand-mark .mark-stack{stroke:var(--mark-secondary);stroke-linecap:round}.brand h1{color:var(--ink-strong);letter-spacing:0;margin:0;font-size:16px;font-weight:700;line-height:1.2}.brand p{max-width:720px;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;font-weight:400;overflow:hidden}.toolbar,.compare-toolbar,.variant-strip,.quality-tabs{align-items:center;gap:8px;display:flex}.toolbar,.compare-toolbar,.group-tabs,.mode-tabs,.quality-tabs,.variant-strip{min-width:0;overflow-x:auto}.compare-toolbar{flex:auto;justify-content:flex-end}.topbar-progress{min-width:180px;color:var(--ink-muted);grid-template-columns:minmax(160px,280px);gap:5px;font-size:10px;font-weight:500;display:grid}.topbar-progress span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{border:1px solid var(--rule);background:var(--paper-deep);height:3px;position:relative;overflow:hidden}.progress-track i{background:var(--accent-strong);height:100%;display:block}.progress-track.indeterminate i{width:34%;animation:1.1s linear infinite progress-sweep}@keyframes progress-sweep{0%{transform:translate(-110%)}to{transform:translate(310%)}}.group-tabs,.group-panel{display:none}.tool-button,.group-tabs button,.mode-tabs button,.quality-tabs button,.variant-strip button{border:1px solid var(--rule);background:var(--panel);cursor:pointer;border-radius:0}.tool-button{min-height:36px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.tool-button.icon-only{width:36px;padding:0}.folder-picker,.delta-picker{flex:none;align-items:stretch;display:inline-flex;position:relative}.toolbar .folder-picker,.toolbar{overflow:visible}.folder-main,.delta-main{border-right:0}.folder-history-toggle,.delta-menu-toggle{border-left-color:var(--rule-soft);min-height:36px}.folder-history-toggle.active,.delta-menu-toggle.active,.delta-main.active{border-color:var(--accent);background:var(--panel-soft);color:var(--ink-strong)}.folder-history-menu{border:1px solid var(--rule);background:var(--paper);min-width:260px;max-width:min(360px,100vw - 24px);max-height:min(380px,100vh - 88px);display:grid;overflow-y:auto;box-shadow:0 14px 28px #00000047}.folder-history-empty{color:var(--ink-muted);margin:0;padding:12px 10px;font-size:10px}.folder-history-menu .recent-folder-entry{border:0;border-bottom:1px solid var(--rule);min-height:46px}.folder-history-menu .recent-folder-entry:last-child{border-bottom:0}.folder-workspace-actions{gap:10px;display:grid}.folder-workspace-actions .toggle-row{min-height:32px;color:var(--ink-muted);grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:0 8px}.folder-workspace-actions .toggle-row input{justify-self:center;width:16px;min-height:16px;margin:0}.folder-empty-workspace{border:1px solid var(--rule);min-height:32px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;padding:0 8px;font-size:11px;font-weight:650;display:grid}.folder-empty-workspace:hover{color:var(--ink-strong);background:var(--panel-soft)}.tool-button.full{width:100%}.tool-button:disabled{cursor:wait;opacity:.5}.tool-button:hover,.group-tabs button:hover,.mode-tabs button:hover,.view-style-tabs>button:hover,.view-style-tabs>.toolbar-dropdown>button:hover,.quality-tabs button:hover,.variant-strip button:hover{border-color:var(--accent);background:var(--panel-soft);color:var(--ink-strong)}.hidden-input,.mobile-actionbar,.mobile-drawer-heading,.mobile-drawer-backdrop{display:none}.workspace{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(280px,320px);min-height:0;display:grid}.workspace:fullscreen{background:var(--paper-deep);grid-template-columns:minmax(0,1fr);width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.sidebar,.controls{border-right:1px solid var(--rule);background:var(--paper);min-height:0;padding:14px;overflow:hidden}.sidebar{grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;display:grid;position:relative}.sidebar.drop-active:after{z-index:4;content:attr(data-drop-label);pointer-events:none;border:1px solid var(--accent-strong);color:var(--accent);background:color-mix(in srgb, var(--paper-deep) 78%, transparent);place-items:center;font-size:11px;font-weight:760;display:grid;position:absolute;inset:8px}.controls{border-right:0;border-left:1px solid var(--rule);flex-direction:column;gap:12px;display:flex;overflow-y:auto}.workspace:fullscreen .viewer-column{grid-area:1/1;width:100%;height:100%}.workspace:fullscreen .viewer-stage{width:100%;height:100%}:is(.workspace:fullscreen .sidebar,.workspace:fullscreen .controls){z-index:20;border:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 94%, transparent);width:min(360px,34vw);max-width:calc(100vw - 48px);padding:14px;transition:transform .16s,background .16s;position:absolute;top:0;bottom:0;overflow:auto;box-shadow:0 18px 42px #0000005c}.workspace:fullscreen .sidebar{left:0;transform:translate(-100%)}.workspace:fullscreen .controls{right:0;transform:translate(100%)}.fullscreen-panel-handle,.fullscreen-topbar{display:none}.workspace:fullscreen .fullscreen-panel-handle{z-index:19;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);opacity:.34;background:linear-gradient(180deg, color-mix(in srgb, var(--accent-strong) 44%, transparent), color-mix(in srgb, var(--accent) 24%, transparent));width:4px;height:min(108px,22vh);box-shadow:0 0 0 1px color-mix(in srgb, var(--paper-deep) 34%, transparent), 0 8px 18px #00000047;pointer-events:auto;border-radius:999px;transition:opacity .14s,transform .14s;display:block;position:absolute;top:50%;transform:translateY(-50%)}.workspace:fullscreen .fullscreen-panel-handle.left{left:10px}.workspace:fullscreen .fullscreen-panel-handle.right{right:10px}.workspace:fullscreen .fullscreen-panel-handle.top{width:min(172px,32vw);height:4px;top:10px;left:50%;transform:translate(-50%)}.workspace:fullscreen .fullscreen-panel-handle:hover{opacity:.76;transform:translateY(-50%)scaleX(1.35)}.workspace:fullscreen .fullscreen-panel-handle.top:hover{transform:translate(-50%)scaleY(1.45)}.workspace:fullscreen .fullscreen-topbar{z-index:22;border:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 94%, transparent);border-radius:6px;align-items:center;gap:8px;width:min(1180px,100vw - 64px);max-height:min(70vh,520px);padding:9px 10px;transition:transform .16s,background .16s;display:flex;position:absolute;top:8px;left:50%;overflow:visible;transform:translate(-50%,calc(-100% - 18px));box-shadow:0 18px 42px #0000005c}.workspace:fullscreen .fullscreen-topbar .variant-strip{flex:auto}.workspace:fullscreen .fullscreen-topbar .tag-menu{flex:none}.workspace:fullscreen .fullscreen-topbar:hover{background:var(--paper);transform:translate(-50%)}.workspace:fullscreen .fullscreen-topbar:focus-within{background:var(--paper);transform:translate(-50%)}.workspace:fullscreen:has(.fullscreen-panel-handle.top:hover) .fullscreen-topbar{background:var(--paper);transform:translate(-50%)}.workspace:fullscreen .sidebar:hover{background:var(--paper);transform:translate(0)}.workspace:fullscreen .sidebar:focus-within{background:var(--paper);transform:translate(0)}.workspace:fullscreen:has(.fullscreen-panel-handle.left:hover) .sidebar{background:var(--paper);transform:translate(0)}.workspace:fullscreen .controls:hover{background:var(--paper);transform:translate(0)}.workspace:fullscreen .controls:focus-within{background:var(--paper);transform:translate(0)}.workspace:fullscreen:has(.fullscreen-panel-handle.right:hover) .controls{background:var(--paper);transform:translate(0)}.panel label>span{color:var(--ink-muted);margin-bottom:6px;font-size:11px;display:block}input,select{border:1px solid var(--rule);width:100%;min-height:34px;color:var(--ink-strong);background:var(--paper-deep);border-radius:0}select{padding:0 8px}input[type=range]{min-height:22px;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--rule) 72%, transparent) transparent}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 14px;display:grid}.metric-grid div{border:1px solid var(--rule-soft);background:var(--panel);border-radius:0;min-width:0;padding:9px}.metric-grid strong{color:var(--ink-strong);font-size:18px;font-weight:700;display:block}.metric-grid span{color:var(--ink-muted);font-size:10px;font-weight:400}.metric-table{grid-template-columns:minmax(12ch,18ch) repeat(2,max-content) minmax(5ch,max-content) repeat(3,max-content);align-items:stretch;gap:1px 8px;margin-top:10px;display:grid;overflow-x:auto}.metric-stop-message{align-items:center;gap:8px;display:flex}.metric-rerun-button{width:24px;min-height:24px;padding:0}.metric-row{color:var(--ink);white-space:nowrap;font-size:10px;display:contents}.metric-row>:is(span,button){background:var(--panel);align-items:center;min-height:28px;padding:0 7px;display:flex}.metric-row>:is(span,button):first-child{border-left:3px solid var(--variant-color,var(--rule));padding-left:10px}.metric-row>span:not(.metric-variant){font-variant-numeric:tabular-nums;justify-content:flex-end}.metric-row.reference>:is(span,button){color:var(--ink-strong);background:var(--panel-soft)}.metric-row>span.metric-warning{color:#9d6500;font-weight:760}.metric-row>span.metric-error{color:#b11f1f;font-weight:800}.metric-row>span.metric-disabled{opacity:.38;text-decoration:line-through}.metric-head>span{border-left-color:var(--rule);color:var(--ink-muted);background:0 0;font-weight:700}.metric-header-button{color:inherit;font:inherit;font-weight:inherit;text-align:right;cursor:pointer;background:0 0;border:0}.metric-header-button.disabled{text-decoration:line-through}.metric-variant{width:100%;min-width:0;color:var(--ink-strong);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:grab;border:0;gap:7px;line-height:28px;display:flex;overflow:hidden}.metric-variant span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.metric-variant:hover,.metric-variant:focus-visible{color:var(--ink-strong);background:color-mix(in srgb, var(--variant-color,var(--accent)) 16%, var(--panel-soft));outline:1px solid color-mix(in srgb, var(--variant-color,var(--accent)) 72%, var(--rule));outline-offset:-1px}.metric-variant.dragging{opacity:.62;cursor:grabbing}.metric-table .warning-text{grid-column:1/-1}.variant-info-list{gap:9px;display:grid}.finding-panel{gap:10px;display:grid}.finding-active-title{border-left:3px solid var(--variant-color,var(--accent));gap:3px;padding-left:9px;display:grid}.finding-active-title span{color:color-mix(in srgb, var(--variant-color,var(--accent)) 72%, var(--ink-strong));font-size:11px;font-weight:800}.finding-active-title strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.finding-tag-list{flex-wrap:wrap;gap:5px;display:flex}.finding-tag-list button{grid-template-columns:16px auto;width:auto;min-height:26px}.finding-sources{color:var(--ink);font-size:10px}.finding-sources summary{color:var(--ink-muted);cursor:pointer}.finding-sources ul{gap:6px;margin:7px 0 0;padding:0;list-style:none;display:grid}.finding-sources code{overflow-wrap:anywhere;display:block}.finding-sources pre{max-height:9em;color:var(--ink);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;line-height:1.35;overflow:auto}.variant-info-list article{border-left:3px solid var(--variant-color,var(--rule));padding-left:10px}.variant-info-list h3{color:color-mix(in srgb, var(--variant-color,var(--accent)) 72%, var(--ink-strong));margin:0 0 8px;font-size:11px;font-weight:800}.variant-info-list ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.variant-info-list li{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:6px;display:grid}.variant-info-list li>span{color:var(--ink-muted);font-size:10px;line-height:1.35}.variant-info-list code{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.35;display:block}.variant-info-list details{min-width:0;color:var(--ink);grid-column:2;font-size:10px}.variant-info-list summary{color:color-mix(in srgb, var(--variant-color,var(--accent)) 70%, var(--ink));cursor:pointer}.variant-info-list pre{max-height:10em;color:var(--ink);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;line-height:1.35;overflow:auto}.variant-summary{min-height:0;margin-top:0}.filter-summary{margin-top:0}.section-label{color:var(--ink-muted);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.section-toggle{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.section-toggle>svg:first-child{transition:transform .12s linear}.section-toggle:not(.collapsed)>svg:first-child{transform:rotate(90deg)}.section-toggle strong{color:var(--ink-muted);margin-left:auto;font-size:11px;font-weight:600}.section-toggle:hover{color:var(--ink-strong)}.variant-chips{flex-wrap:wrap;gap:5px;max-height:min(180px,24vh);margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.variant-chips button{border:1px solid var(--rule);max-width:168px;min-height:24px;color:var(--ink);background:var(--panel);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;padding:0;font-size:10px;font-weight:500;display:inline-grid;overflow:hidden}.variant-chips button[draggable=true],.variant-strip button[draggable=true]{cursor:grab}.variant-chips button.dragging,.variant-strip button.dragging{opacity:.48;outline:1px solid var(--accent);outline-offset:2px}.variant-chips .variant-name{text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;padding:0 7px;display:inline-flex;overflow:hidden}.variant-chips .variant-name svg{color:var(--variant-color);flex:none}.variant-chips strong{border-left:1px solid var(--rule);min-width:28px;color:var(--ink-muted);background:var(--paper-deep);align-self:stretch;place-items:center;padding:0 6px;font-size:10px;font-weight:600;display:inline-grid}.variant-chips button.required{border-color:var(--variant-color);color:var(--ink-strong);background:color-mix(in srgb, var(--variant-color) 18%, var(--panel))}.variant-chips button.required strong{color:var(--ink-strong);background:color-mix(in srgb, var(--variant-color) 24%, var(--paper-deep))}.variant-chips button.disabled{opacity:.38;filter:grayscale(.8)}.variant-chips button:hover{border-color:var(--accent);color:var(--ink-strong);background:var(--panel-soft)}.variant-chips i{background:var(--variant-color);border-radius:0;flex:none;width:6px;height:6px}.filter-chips button{max-width:190px}.tag-filter-chips button{--variant-color:var(--tag-color,var(--accent))}.row-search{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;margin-top:0;display:grid}.row-search label{border:1px solid var(--rule);background:var(--paper-deep);min-width:0;min-height:30px;color:var(--ink-muted);grid-template-columns:16px minmax(0,1fr);align-items:center;padding:0 8px;display:grid}.row-search input{width:100%;min-height:28px;color:var(--ink-strong);background:0 0;border:0;outline:0;font-size:11px}.row-search input::placeholder{color:var(--ink-muted)}.row-search button{border:1px solid var(--rule);background:var(--panel);width:30px;height:30px;color:var(--ink-muted);cursor:pointer;border-radius:0;place-items:center;display:grid}.row-search button:hover{border-color:var(--accent);color:var(--ink-strong);background:var(--panel-soft)}.row-search>span{min-width:max-content;color:var(--ink-muted);font-size:10px}.row-list{flex-direction:column;gap:1px;min-height:0;margin-top:0;padding:2px 8px 2px 0;display:flex;overflow-y:auto}.empty-list{color:var(--ink-muted);padding:12px 4px;font-size:11px}.row-button{min-height:28px;padding:0 4px 0 calc(28px + var(--depth,0) * 18px);border:0;border-left:2px solid var(--rule-soft);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:24px minmax(0,1fr) minmax(0,auto) auto;align-items:center;column-gap:6px;display:grid}.row-button img,.row-thumbnail-placeholder{width:20px;height:20px}.row-button img{object-fit:contain;background:0 0}.row-thumbnail-placeholder{border:1px solid var(--rule-soft);background:linear-gradient(135deg, transparent 0 45%, var(--rule-soft) 45% 55%, transparent 55%), var(--panel);display:block}.tree-node{min-height:28px;padding:0 4px 0 calc(8px + var(--depth,0) * 18px);color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;display:grid}.tree-node svg{transition:transform .14s;transform:rotate(90deg)}.tree-node.collapsed svg{transform:rotate(0)}.tree-node>span:not(.hierarchy-counts){text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.tree-node strong{color:var(--ink-muted);text-align:right;font-size:10px;font-weight:600}.row-button.active{border-left-color:var(--accent-strong);color:var(--ink-strong);background:var(--panel-soft)}.row-button.drop-target{color:var(--ink-strong);background:color-mix(in srgb, var(--accent) 18%, var(--panel));outline:1px solid var(--accent-strong);outline-offset:-1px;position:relative}.row-button.drop-target:after{content:attr(data-drop-label);pointer-events:none;border:1px dashed color-mix(in srgb, var(--accent-strong) 84%, transparent);color:var(--accent);background:color-mix(in srgb, var(--paper-deep) 72%, transparent);place-items:center;font-size:10px;font-weight:780;display:grid;position:absolute;inset:4px}.row-button.selected:not(.active){border-left-color:color-mix(in srgb, var(--accent) 55%, var(--rule-soft));color:var(--ink-strong);background:color-mix(in srgb, var(--panel-soft) 70%, transparent)}.row-button:hover,.tree-node:hover{color:var(--ink-strong);background:var(--panel)}.row-button:focus-visible,.tree-node:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.row-tag-markers{flex-wrap:wrap;justify-content:flex-end;gap:2px;min-width:0;max-width:112px;display:flex}.row-tag-marker,.tag-marker{border:1px solid color-mix(in srgb, var(--tag-color,var(--accent)) 78%, var(--rule));width:14px;height:14px;color:color-mix(in srgb, var(--tag-color,var(--accent)) 82%, var(--ink-strong));background:color-mix(in srgb, var(--tag-color,var(--accent)) 16%, var(--paper-deep));place-items:center;line-height:1;display:inline-grid}.row-tag-marker svg,.tag-marker svg{width:9px;height:9px}.row-count{color:var(--ink-muted);text-align:right;font-size:10px}.hierarchy-counts{font-variant-numeric:tabular-nums;grid-template-columns:2ch 2ch 2ch;justify-content:end;align-items:center;gap:4px;min-width:calc(6ch + 8px);display:grid}.hierarchy-counts span{text-align:right;white-space:nowrap;font-size:10px;font-weight:650;overflow:visible}.hierarchy-counts .error-count{color:var(--danger)}.hierarchy-counts .warning-count{color:var(--warning)}.viewer-column{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}.viewer-column:fullscreen{background:var(--paper-deep);width:100vw;height:100vh}.segmented-control{border:1px solid var(--rule);background:var(--paper-deep);align-items:stretch;gap:0;max-width:100%;padding:2px;display:inline-flex;overflow-x:auto}.mode-tabs button,.group-tabs button,.view-style-tabs>button,.view-style-tabs>.toolbar-dropdown>button,.quality-tabs button{border:0;border-left:1px solid var(--rule);min-width:max-content;height:30px;color:var(--ink-muted);background:0 0;padding:0 10px;font-size:11px;font-weight:500}.group-tabs button{width:30px;padding:0}.mode-tabs button:first-child,.group-tabs button:first-child,.view-style-tabs>button:first-child,.quality-tabs button:first-child{border-left:0}.mode-tabs button.active,.group-tabs button.active,.view-style-tabs>button.active,.view-style-tabs>.toolbar-dropdown>button.active,.quality-tabs button.required{color:var(--ink-strong);background:var(--panel-soft);box-shadow:inset 0 -2px 0 var(--accent)}.quality-tabs button.required{border-color:var(--quality-color);background:color-mix(in srgb, var(--quality-color) 18%, var(--panel));box-shadow:inset 0 -2px 0 var(--quality-color)}.quality-tabs button.disabled{color:var(--ink-muted);opacity:.52;text-decoration:line-through}.toolbar-dropdown{flex:none;align-items:stretch;display:inline-flex;position:relative}.toolbar-dropdown-panel{z-index:1000;max-height:min(420px,100vh - 24px);position:fixed;overflow-y:auto}.delta-picker{align-items:stretch;display:flex}.view-style-tabs{flex:none;overflow:visible}.view-style-tabs>.toolbar-dropdown{align-items:stretch;display:flex}.view-style-tabs>.toolbar-dropdown>button{width:30px;min-width:30px;padding:0}.view-style-tabs>.toolbar-dropdown>button:disabled{cursor:not-allowed;opacity:.42}.side-menu-panel,.delta-menu-panel,.tag-menu-panel{border:1px solid var(--rule-strong);width:max-content;max-width:calc(100vw - 28px);color:var(--ink);background:var(--panel);box-shadow:inset 0 0 0 1px var(--rule);padding:12px}.tag-menu-panel{width:min(360px,100vw - 28px)}.side-controls{gap:12px;display:grid}.side-controls section{gap:8px;display:grid}.side-kicker{color:var(--ink-muted);font-size:10px;font-weight:750}.side-controls label{min-height:26px;color:var(--ink-muted);grid-template-columns:54px minmax(0,1fr) 48px;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:650;display:grid}.side-controls output{color:var(--ink);text-align:right}.side-pad{border:1px solid var(--rule);background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 14%, transparent), transparent), linear-gradient(to right, var(--paper-deep), var(--panel-soft));cursor:crosshair;touch-action:none;width:min(220px,100%);height:136px;padding:0;position:relative}.side-pad:before,.side-pad:after{content:"";background:var(--rule);opacity:.5;position:absolute}.side-pad:before{width:1px;top:0;bottom:0;left:50%}.side-pad:after{height:1px;top:50%;left:0;right:0}.side-pad i{border:2px solid var(--paper-deep);background:var(--accent-strong);width:12px;height:12px;box-shadow:0 0 0 1px var(--ink-strong);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.side-panel .side-pad{width:100%}.delta-menu-section{margin:0}.delta-menu-section+.delta-menu-section,.toolbar-dropdown-footer{border-top:1px solid var(--rule);margin-top:12px;padding-top:12px}.delta-menu-kicker{color:var(--ink-muted);margin-bottom:8px;font-size:10px;font-weight:750;display:block}.tag-menu-section{gap:8px;display:grid}.tag-menu-section+.tag-menu-section{margin-top:12px}.tag-menu-kicker{color:var(--ink-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.finding-trigger{gap:7px;display:inline-flex}.finding-trigger.active{border-color:var(--accent);color:var(--ink-strong);background:var(--panel-soft)}.tag-pick-list{gap:4px;display:grid}.tag-pick-row{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid;position:relative}.tag-pick-row.editing{grid-template-columns:28px minmax(0,1fr) 32px auto auto}.tag-toggle-button{border:1px solid var(--rule);min-height:28px;color:var(--ink);background:var(--paper-deep);font:inherit;text-align:left;cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:7px;padding:0 7px;font-size:11px;display:grid}.tag-toggle-label{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.tag-toggle-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-toggle-label kbd{color:var(--ink-muted);font:inherit;opacity:.72;font-size:10px}.tag-toggle-button.active{border-color:color-mix(in srgb, var(--tag-color,var(--accent)) 74%, var(--rule));color:var(--ink-strong);background:color-mix(in srgb, var(--tag-color,var(--accent)) 18%, var(--panel))}.tag-edit-button,.tag-icon-button,.tag-reset-button,.tag-delete-button{border:1px solid var(--rule);width:28px;min-height:28px;color:var(--ink-muted);background:var(--paper-deep);cursor:pointer;place-items:center;display:grid}.tag-edit-spacer{width:28px;min-height:28px}.tag-icon-button{color:var(--tag-color,var(--accent));border-color:color-mix(in srgb, var(--tag-color,var(--accent)) 65%, var(--rule));background:color-mix(in srgb, var(--tag-color,var(--accent)) 10%, var(--paper-deep))}.tag-icon-palette{z-index:5;border:1px solid var(--rule);background:var(--panel);grid-template-columns:repeat(3,28px);gap:3px;padding:4px;display:grid;position:absolute;top:31px;left:0;box-shadow:0 8px 24px #00000057}.tag-icon-palette button{border:1px solid var(--rule);width:28px;min-height:26px;color:var(--ink-muted);background:var(--paper-deep);cursor:pointer;place-items:center;display:grid}.tag-icon-palette button.active,.tag-icon-palette button:hover{color:var(--tag-color,var(--accent));border-color:color-mix(in srgb, var(--tag-color,var(--accent)) 65%, var(--rule))}.tag-edit-button:hover,.tag-reset-button:hover{color:var(--accent);border-color:var(--accent)}.tag-delete-button:hover{color:var(--danger);border-color:var(--danger)}.tag-label-input,.tag-color-input{border:1px solid var(--rule);min-width:0;min-height:26px;color:var(--ink-strong);background:var(--paper-deep);font:inherit;font-size:11px}.tag-color-input{cursor:pointer;width:32px;padding:2px}.tag-note-label,.finding-note-field{color:var(--ink-muted);gap:6px;margin:0;font-size:10px;display:grid}.tag-note-label textarea,.finding-note-field textarea{resize:vertical;border:1px solid var(--rule);width:100%;min-height:64px;color:var(--ink-strong);background:var(--paper-deep);font:inherit;padding:7px;font-size:11px;line-height:1.35}.tag-create-row{grid-template-columns:minmax(0,1fr) 32px 30px;align-items:center;gap:5px;display:grid}.tag-create-row input,.tag-create-row button{border:1px solid var(--rule);min-height:28px;color:var(--ink-strong);background:var(--paper-deep);font:inherit;font-size:11px}.tag-create-row button{cursor:pointer;place-items:center;display:grid}.tag-color-input{padding:2px}.delta-mode-options{gap:6px;display:flex}.delta-mode-options button{border:1px solid var(--rule);min-width:132px;height:32px;color:var(--ink);font:inherit;text-align:center;background:0 0;flex:none;padding:0 10px;font-size:11px;font-weight:650}.delta-mode-options button.active{color:var(--ink-strong);background:var(--panel-soft);box-shadow:inset 0 -2px 0 var(--accent)}.delta-viz-settings{gap:9px;display:grid}.delta-viz-settings label{min-height:26px;color:var(--ink-muted);grid-template-columns:54px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:11px;font-weight:650;display:grid}.delta-viz-settings input[type=range]{min-width:0}.delta-viz-settings output{color:var(--ink);text-align:right}.viewer-stage{background:var(--paper-deep);min-height:0;position:relative;overflow:hidden}.viewer-stage.drag-active:after{z-index:3;content:"";pointer-events:none;border:1px solid var(--accent-strong);color:var(--accent);background:color-mix(in srgb, var(--paper-deep) 76%, transparent);place-items:center;font-size:12px;font-weight:780;display:grid;position:absolute;inset:10px}.viewer-stage.drag-active:before{z-index:4;content:attr(data-drop-label);pointer-events:none;color:var(--accent);place-items:center;font-size:12px;font-weight:780;display:grid;position:absolute;inset:10px}.viewer-stage.matte-theme,.viewer-stage.matte-checker{background:var(--paper-deep)}.viewer-stage.matte-black{background:#030303}.viewer-stage.matte-grey{background:#777}.viewer-stage.matte-white{background:#d8d8d4}.viewer-stage canvas{outline:none;width:100%;height:100%;display:block}.fullscreen-footer{z-index:12;width:min(760px,100% - 96px);min-height:46px;color:var(--ink-strong);background:color-mix(in srgb, var(--paper) 88%, transparent);border:1px solid color-mix(in srgb, var(--rule) 82%, transparent);pointer-events:none;border-radius:6px;padding:8px 12px;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.workspace:fullscreen .fullscreen-footer{gap:4px;display:grid}.fullscreen-footer-title,.fullscreen-footer-subtitle{align-items:center;gap:10px;min-width:0;display:flex}.fullscreen-footer-title strong,.fullscreen-footer-subtitle>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fullscreen-footer-title strong{font-size:12px;font-weight:800}.fullscreen-footer-title>span{min-width:0;color:color-mix(in srgb, var(--variant-color,var(--accent)) 78%, var(--ink-strong));align-items:center;gap:6px;font-size:11px;font-weight:760;display:inline-flex}.fullscreen-footer-title i{background:var(--variant-color,var(--accent));flex:none;width:7px;height:7px}.fullscreen-footer-subtitle{color:var(--ink-muted);font-size:10px;font-weight:600}.fullscreen-footer-tags{flex:none;align-items:center;gap:3px;display:inline-flex}.viewer-stage.panorama-active canvas{cursor:grab}.viewer-stage.panorama-active canvas:active{cursor:grabbing}.viewer-3d-drag-handle{z-index:5;opacity:0;cursor:grab;pointer-events:none;touch-action:none;background:0 0;border:0;place-items:center;width:152px;height:56px;padding:0;transition:opacity .16s;display:grid;position:absolute;bottom:18px;right:calc(50% - 76px)}.viewer-3d-drag-handle:before{background:color-mix(in srgb, var(--ink-strong) 58%, transparent);width:82px;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, var(--paper-deep) 35%, transparent), 0 4px 14px color-mix(in srgb, var(--paper-deep) 55%, transparent);content:"";border-radius:999px;display:block}.viewer-3d-drag-handle.is-visible,.viewer-3d-drag-handle.is-dragging{opacity:1;pointer-events:auto}.viewer-3d-drag-handle.is-dragging{cursor:grabbing}.viewer-empty-prompt{color:var(--ink-strong);text-align:center;background:0 0;border:0;place-content:center;gap:14px;display:grid;position:absolute;inset:0}.empty-primary-action{color:var(--ink-strong);cursor:pointer;background:0 0;border:1px solid #0000;gap:10px;padding:14px 18px;display:grid}.empty-primary-action span{font-size:18px;font-weight:700}.empty-primary-action small{color:var(--ink-muted);font-size:11px;font-weight:500}.empty-primary-action:focus-visible{outline:1px solid var(--accent-strong);outline-offset:2px}.empty-loading-panel{width:min(360px,100vw - 72px);color:var(--ink-strong);gap:10px;display:grid}.empty-loading-panel span{font-size:18px;font-weight:700}.empty-loading-panel small{min-width:0;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.empty-recents{grid-template-columns:minmax(220px,360px);justify-content:center;gap:6px;width:min(360px,100vw - 72px);display:grid}.empty-recents .recent-folder-entry{min-height:48px}.viewer-empty-prompt .toggle-row{color:var(--ink-muted);grid-template-columns:18px auto;justify-self:center}.viewer-label-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.viewer-audio-overlay-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.viewer-pixel-lens{z-index:6;border:1px solid color-mix(in srgb, var(--accent-strong) 54%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--paper-deep) 94%, transparent), color-mix(in srgb, var(--paper) 92%, transparent)), var(--paper-deep);min-width:258px;max-width:min(380px,100% - 28px);color:var(--ink-strong);font-family:var(--font-mono);opacity:0;pointer-events:none;grid-template-columns:minmax(0,1fr);gap:5px;padding:10px 12px;font-size:10px;line-height:1.22;transition:opacity 90ms,transform 90ms;display:grid;position:absolute;transform:translateY(4px);box-shadow:inset 0 0 0 1px #ffffff0d,0 14px 34px #0000006b}.viewer-pixel-lens.is-visible{opacity:1;transform:none}.viewer-pixel-lens-head{grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:10px;display:grid}.viewer-pixel-lens-title{min-width:0;color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-weight:800;overflow:hidden}.viewer-pixel-lens-swatch{border:1px solid color-mix(in srgb, var(--text) 55%, transparent);background:radial-gradient(circle at 50% 50%, var(--pixel-color) 0 62%, transparent 64%), conic-gradient(#777 0 25%, #222 0 50%, #777 0 75%, #222 0);border-radius:999px;width:16px;height:16px;box-shadow:0 0 0 1px #00000073,0 4px 12px #00000059}.viewer-pixel-lens-row{grid-template-columns:48px minmax(0,1fr);align-items:baseline;gap:12px;min-width:0;display:grid}.viewer-pixel-lens span{color:var(--ink-muted)}.viewer-pixel-lens strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.viewer-pixel-lens-note{color:color-mix(in srgb, var(--ink-muted) 76%, transparent);text-align:right;margin-top:2px;font-size:9px}.viewer-audio-spectrum-overlay{color:var(--ink-strong);font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:11px;line-height:1;position:absolute;overflow:visible}.viewer-audio-spectrum-title{justify-content:flex-end;align-items:center;gap:14px;min-width:0;display:flex;position:absolute;top:-19px;left:auto;right:0}.viewer-audio-spectrum-title span{text-overflow:ellipsis;text-shadow:none;white-space:nowrap;color:color-mix(in srgb, var(--ink-strong) 70%, transparent);font-size:10px;font-weight:700;overflow:hidden}.viewer-audio-frequency-labels,.viewer-audio-time-labels,.viewer-audio-frequency-markers,.viewer-audio-time-markers{pointer-events:none;position:absolute;inset:0}.viewer-audio-frequency-labels span,.viewer-audio-time-labels span{color:color-mix(in srgb, var(--ink-strong) 72%, transparent);text-shadow:none;white-space:nowrap;font-size:11px;font-weight:700;position:absolute}.viewer-audio-frequency-labels span{left:-34px;transform:translateY(-50%)}.viewer-audio-frequency-markers span,.viewer-audio-time-markers span{background:color-mix(in srgb, var(--ink-strong) 72%, transparent);width:2px;height:2px;position:absolute;box-shadow:0 0 0 1px #0000003d}.viewer-audio-frequency-markers span{left:-5px;transform:translate(-50%,-50%)}.viewer-audio-time-labels span{bottom:-18px;transform:translate(-50%)}.viewer-audio-time-markers span{bottom:-5px;transform:translate(-50%,50%)}.viewer-audio-time-labels span:first-child{transform:none}.viewer-audio-time-labels span:last-child{transform:translate(-100%)}.viewer-audio-playhead{pointer-events:auto;cursor:col-resize;touch-action:none;width:14px;position:absolute;top:0;bottom:0;transform:translate(-7px)}.viewer-audio-spectrum-overlay:not(.primary) .viewer-audio-playhead{opacity:.42}.viewer-audio-playhead:after{content:"";background:color-mix(in srgb, var(--accent-strong) 85%, white);width:2px;box-shadow:0 0 0 1px #00000052, 0 0 16px color-mix(in srgb, var(--accent-strong) 72%, transparent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.viewer-audio-scrub-zone{cursor:col-resize;pointer-events:auto;touch-action:none;height:28px;position:absolute;bottom:-29px;left:0;right:0}.viewer-dom-label{max-width:none;color:var(--ink-strong);font-family:var(--font-mono);pointer-events:none;text-align:center;text-shadow:none;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1.05;display:block;position:absolute}.viewer-dom-label.clip-to-width{box-sizing:border-box;text-overflow:ellipsis;overflow:hidden}.viewer-dom-label-clip{pointer-events:none;display:block;position:absolute;overflow:hidden}.viewer-dom-label.selectable{pointer-events:auto;-webkit-user-select:text;user-select:text}.viewer-dom-label.selected-row,.viewer-dom-label.active-variant-label{text-underline-offset:.26em;text-decoration-line:underline;text-decoration-thickness:1px}.viewer-dom-label[data-align=center]{transform:translate(-50%,-50%)}.viewer-dom-label[data-align=right]{text-align:right;transform:translate(-100%,-50%)}.viewer-dom-label[data-align=left]{text-align:left;transform:translateY(-50%)}.viewer-dom-label.start-ellipsis{text-align:left;direction:rtl;unicode-bidi:isolate}.variant-strip{display:none}.variant-strip button{min-width:72px;height:30px;color:var(--ink);align-items:center;gap:7px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.variant-strip button.active{border-color:var(--variant-color);color:var(--ink-strong);background:var(--panel-soft)}.variant-strip button.reference{box-shadow:inset 0 -2px 0 var(--variant-color)}.variant-dot{background:var(--variant-color);border-radius:0;flex:none;width:7px;height:7px}.panel{border:1px solid var(--rule);background:var(--panel);border-radius:0;padding:12px}.panel h2{color:var(--ink-strong);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;display:flex}.panel label{min-height:28px;color:var(--ink-muted);grid-template-columns:88px minmax(0,1fr) 44px;align-items:center;gap:6px;margin:4px 0;font-size:11px;line-height:1.2;display:grid}.panel label>span{margin:0}.panel select,.panel input{min-height:28px;font-size:11px}.panel select{padding:0 7px}.panel input[type=range]{min-height:20px}.panel output{color:var(--ink-muted);text-align:right;font-size:10px}.panel .toggle-row{grid-template-columns:18px minmax(0,1fr);gap:6px;min-height:28px;margin:4px 0}.panel .toggle-row input{width:16px;min-height:16px}.panel .finding-note-field{grid-template-columns:1fr;gap:6px;min-height:0;margin:0;display:grid}.group-panel{gap:8px;margin:10px 0;display:none}.group-panel>span{color:var(--ink-muted);font-size:11px}.group-tabs.segmented-control,.panel .group-panel{display:none}.group-grid{grid-template-columns:repeat(3,30px);gap:4px;display:grid}.group-grid button{border:1px solid var(--rule);width:30px;height:26px;color:var(--ink-muted);background:var(--paper-deep);cursor:pointer;border-radius:0;font-size:11px}.group-grid button.active{border-color:var(--accent);color:var(--ink-strong);background:var(--panel-soft);box-shadow:inset 0 -2px 0 var(--accent)}.quiet,.warning-text,.error-text{color:var(--ink-muted);margin:0;font-size:11px;line-height:1.4}.warning-text{color:var(--accent-strong);margin-top:8px}.error-text{color:var(--danger)}@media (width<=1160px){.app-shell{grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:8px 12px;min-height:0;padding:8px 12px;display:grid}.brand{flex-basis:auto;grid-area:1/1}.toolbar{grid-area:1/2;justify-self:end}.compare-toolbar{grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.compare-toolbar>*{flex:none}.topbar-progress{grid-template-columns:minmax(150px,240px)}.workspace{grid-template-rows:minmax(0,1fr) minmax(220px,38vh);grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.viewer-column{grid-area:1/2;min-height:0}.sidebar{grid-area:1/1/span 2}.controls{border-top:1px solid var(--rule);border-left:0;grid-area:2/2;grid-template-columns:minmax(270px,1.1fr) minmax(240px,.9fr);align-content:start;display:grid;overflow:auto}.row-list{height:auto}.panel{min-width:240px}}@media (width<=860px){body{overflow:hidden}.app-shell{grid-template-rows:auto minmax(0,1fr) 54px;width:100%;height:100dvh;min-height:0;overflow:hidden}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.brand{flex:none;grid-area:1/1;width:auto;min-width:0}.toolbar{grid-area:1/2;justify-self:end;width:auto}.folder-main span{display:none}.compare-toolbar{grid-area:2/1/auto/-1;justify-content:flex-start;width:100%}.compare-toolbar .view-style-tabs,.compare-toolbar .delta-picker,.quality-tabs,.group-tabs,.variant-strip{display:none}.tool-button{min-height:34px}.mobile-actionbar{z-index:20;border-top:1px solid var(--rule);background:var(--paper);grid-row:3;grid-template-columns:repeat(6,minmax(0,1fr));min-height:54px;display:grid}.mobile-actionbar button{border:0;border-left:1px solid var(--rule-soft);min-width:0;min-height:52px;color:var(--ink);cursor:pointer;background:0 0;grid-template-rows:20px 14px;align-content:center;justify-items:center;gap:2px;padding:4px 2px;display:grid}.mobile-actionbar button:first-child{border-left:0}.mobile-actionbar button.active{color:var(--ink-strong);background:var(--panel-soft);box-shadow:inset 0 -2px 0 var(--accent)}.mobile-actionbar button:disabled{color:var(--ink-muted);cursor:default;opacity:.42}.mobile-actionbar span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:650;overflow:hidden}.workspace{grid-row:2;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;min-height:0;display:block;position:relative;overflow:hidden}.viewer-column{width:100%;height:100%;min-height:0}.viewer-stage{width:100%;height:100%}.mobile-drawer-backdrop{z-index:1050;cursor:pointer;background:#0000006b;border:0;display:block;position:fixed;inset:0}.sidebar,.controls{z-index:1100;overscroll-behavior:contain;width:min(88vw,380px);max-width:100vw;padding:12px;transition:transform .18s;position:fixed;top:0;bottom:0;overflow-y:auto;box-shadow:0 18px 40px #00000057}.sidebar{border-right:1px solid var(--rule);border-bottom:0;grid-template-rows:auto auto auto auto auto minmax(0,1fr);left:0;transform:translate(-104%)}.controls{border-top:0;border-left:1px solid var(--rule);grid-template-columns:none;display:flex;right:0;transform:translate(104%)}.sidebar.mobile-open,.controls.mobile-open{transform:translate(0)}.mobile-drawer-heading{border-bottom:1px solid var(--rule);min-height:38px;color:var(--ink-strong);grid-template-columns:minmax(0,1fr) 36px;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:grid}.mobile-drawer-heading button{border:1px solid var(--rule);background:var(--panel);width:30px;height:30px;color:var(--ink);justify-self:end;place-items:center;padding:0;display:grid}.row-list{height:auto;max-height:none;padding-right:2px}.mode-tabs{padding-bottom:2px}.panel{min-width:0}}@media (width<=560px){.brand-mark{width:32px;height:32px}.brand h1{font-size:14px}.brand p{font-size:10px}.metric-grid div{padding:7px}.panel label{grid-template-columns:78px minmax(0,1fr) 38px}}
