.audio-transport.svelte-yvtb65{z-index:8;pointer-events:auto;justify-content:center;align-items:flex-end;gap:8px;max-height:min(22vh,160px);display:flex;position:absolute;bottom:16px;left:16px;right:16px;overflow:auto hidden}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:30px minmax(48px,max-content);align-items:center;gap:7px;min-width:0;max-width:min(180px,100vw - 32px);min-height:42px;padding:6px 8px;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:30px minmax(50px,1fr);width:clamp(118px,13vw,170px)}article.expanded.svelte-yvtb65{flex:min(680px,100vw - 32px);grid-template-columns:30px minmax(58px,.28fr) max-content minmax(150px,1fr);width:min(680px,100vw - 32px);max-width:min(680px,100vw - 32px)}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:30px;height:30px;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:18px minmax(0,1fr);align-items:center;gap:7px;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,.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-direction:column;justify-content:flex-end;align-items:stretch;max-height:min(30vh,240px);bottom:10px;left:10px;right:10px;overflow:hidden auto}article.svelte-yvtb65{grid-template-columns:34px minmax(78px,1fr) max-content;width:100%;min-width:0;max-width:none}article.expanded.svelte-yvtb65{grid-template-columns:34px minmax(78px,1fr) max-content;width:100%;max-width:none}.transport-scrub.svelte-yvtb65{grid-column:2/-1}}.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{color:var(--ink-muted);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;margin:10px 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,.side-main,.delta-main{border-right:0}.folder-history-toggle,.side-menu-toggle,.delta-menu-toggle{border-left-color:var(--rule-soft);min-height:36px}.folder-history-toggle.active,.side-menu-toggle.active,.side-main.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,.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}.sidebar,.controls{border-right:1px solid var(--rule);background:var(--paper);min-height:0;padding:14px;overflow:hidden}.sidebar{grid-template-rows:auto auto minmax(0,1fr);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}.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-row{color:var(--ink);white-space:nowrap;font-size:10px;display:contents}.metric-row>span{background:var(--panel);align-items:center;min-height:28px;padding:0 7px;display:flex}.metric-row>span: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>span{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{color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;line-height:28px;display:block;overflow:hidden}.metric-table .warning-text{grid-column:1/-1}.variant-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;margin-top:8px;display:flex}.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 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}.row-search{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;margin-top:12px;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:14px;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) auto;align-items:center;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-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,.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,.quality-tabs button:first-child{border-left:0}.mode-tabs button.active,.group-tabs 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}.side-picker,.delta-picker{align-items:stretch;display:flex}.side-menu-panel,.delta-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}.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}.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}.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-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{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{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%)}.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{grid-template-columns:88px minmax(0,1fr) 44px;align-items:center;gap:8px;margin:10px 0;display:grid}.panel label>span{margin:0}.panel output{color:var(--ink-muted);text-align:right;font-size:10px}.panel .toggle-row{grid-template-columns:18px minmax(0,1fr)}.panel .toggle-row input{width:16px;min-height:16px}.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){.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 .side-picker,.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 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}}