@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,600;1,6..72,400;1,6..72,600&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";:root{--ink: #05070a;--ink-2: #090d11;--panel: rgba(239, 230, 210, .055);--panel-strong: rgba(239, 230, 210, .09);--bone: #efe6d2;--bone-2: rgba(239, 230, 210, .68);--bone-3: rgba(239, 230, 210, .42);--line: rgba(239, 230, 210, .16);--line-soft: rgba(239, 230, 210, .08);--gold: oklch(.82 .13 75);--gold-soft: oklch(.82 .13 75 / .42);--green: #7bd6b1;--cyan: #76d9ef;--red: #e26b5d;--serif: "Newsreader", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color:var(--bone);background:var(--ink);font-family:var(--mono);font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:radial-gradient(120% 90% at 68% 0%,rgba(118,217,239,.13),transparent 55%),radial-gradient(100% 80% at 30% 105%,rgba(212,175,55,.14),transparent 56%),var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{border:0}button:focus-visible,.upload-button:focus-within,input[type=range]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{background:var(--gold);color:var(--ink)}.app-shell{position:relative;width:100vw;height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:hidden}.app-shell:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");z-index:20}.topbar,.hero,.instrument-panel,.mode-ledger,.model-provenance,.audit-panel{position:relative;z-index:2}.topbar,.brandline,.hero,.controls,.metrics,.mode-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;min-height:36px}.brandline{gap:12px;color:var(--bone-2);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold)}.upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border:1px solid var(--gold-soft);border-radius:5px;color:var(--gold);background:#d4af3714;cursor:pointer;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.hero{justify-content:space-between;gap:18px;padding-bottom:2px}.eyebrow{margin:0 0 3px;color:var(--gold);font-size:9px;letter-spacing:.24em;text-transform:uppercase}h1{margin:0;font-family:var(--serif);font-size:clamp(30px,4.8vw,60px);font-weight:400;line-height:.94;letter-spacing:0}.source-chip{max-width:min(36vw,420px);overflow:hidden;padding:8px 10px;border:1px solid var(--line);border-radius:5px;color:var(--bone-2);background:var(--panel);font-size:10px;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.visual-stage{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#030507;box-shadow:inset 0 0 0 1px #ffffff05,0 24px 70px #0000005c}.visual-stage canvas{display:block;width:100%;height:100%}.stage-labels{position:absolute;inset:12px 14px auto;pointer-events:none;color:var(--bone-2);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.stage-labels span{position:absolute;top:0;max-width:30%;overflow:hidden;padding:4px 7px;border:1px solid rgba(239,230,210,.16);border-radius:4px;background:#05070a6b;text-shadow:0 1px 8px rgba(0,0,0,.82);transform:translate(-50%);text-overflow:ellipsis;white-space:nowrap}.stage-labels span span{position:static;max-width:none;padding:0;border:0;background:transparent;transform:none;text-shadow:none}.label-short{display:none}.split-handle{position:absolute;top:0;bottom:0;z-index:6;width:34px;padding:0;border:0;background:transparent;cursor:ew-resize;transform:translate(-50%);touch-action:none}.split-handle:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:linear-gradient(180deg,#ffd8821a,#ffd882f2,#7bd6b1b3,#ffd8821a);box-shadow:0 0 18px #ffc65cb8}.split-handle:after{content:"";position:absolute;top:calc(50% - 18px);left:calc(50% - 9px);width:18px;height:36px;border:1px solid rgba(255,216,130,.6);border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,216,130,.46) 5px 6px,transparent 6px 9px),linear-gradient(180deg,#ffd88238,#05070ac7),#05070ab3;box-shadow:0 0 20px #00000070}.split-handle:hover:after,.split-handle:focus-visible:after{border-color:var(--gold);background:var(--gold)}.gpu-badge{position:absolute;right:12px;bottom:12px;max-width:min(52ch,calc(100% - 24px));overflow:hidden;padding:6px 8px;border:1px solid rgba(123,214,177,.28);border-radius:4px;color:var(--green);background:#05070ab8;font-size:9px;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.gpu-badge.is-error{border-color:#e26b5d61;color:#ffb3a9}.instrument-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px}.controls,.metrics,.mode-ledger,.audit-panel{min-width:0;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel)}.controls{flex-wrap:wrap;gap:10px;padding:10px;overflow:visible}.toggle{flex:0 0 auto;min-width:78px;min-height:44px;border-radius:5px;color:var(--bone-2);background:var(--panel-strong);cursor:pointer;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.toggle.is-on{color:var(--ink);background:var(--gold)}.scrub-presets{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;overflow:hidden;border:1px solid var(--line-soft);border-radius:5px;background:#00000024}.preset{min-height:44px;padding:0 10px;border-right:1px solid var(--line-soft);color:#efe6d2c7;background:transparent;cursor:pointer;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.preset:last-child{border-right:0}.preset.is-on{color:var(--ink);background:var(--green)}.range-control{flex:0 0 146px;display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;color:var(--bone-2);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.range-control input{grid-column:1 / -1;width:100%;accent-color:var(--gold)}.range-control b,.metric b{color:var(--gold);font-weight:500;font-variant-numeric:tabular-nums}.metrics{flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px}.metric{display:grid;gap:4px;min-width:94px;padding:2px 0}.metric span{color:#efe6d28f;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.metric b{font-size:16px}.mode-ledger{display:grid;grid-template-columns:repeat(8,minmax(84px,1fr));gap:0;overflow:hidden}.model-provenance{min-width:0;overflow:hidden;padding:8px 10px;border:1px solid var(--line-soft);border-radius:8px;color:#efe6d28a;background:#05070a5c;font-size:9px;line-height:1.35;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.audit-panel{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(300px,.9fr);gap:10px;align-items:center;padding:10px}.audit-actions{display:inline-flex;min-width:0;overflow:hidden;border:1px solid var(--line-soft);border-radius:5px}.audit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;border-right:1px solid var(--line-soft);color:#efe6d2c7;background:#00000024;cursor:pointer;font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.audit-button:last-child{border-right:0}.audit-button:hover,.audit-button:focus-visible{color:var(--ink);background:var(--cyan)}.audit-import input{position:absolute;inset:0;opacity:0;cursor:pointer}.audit-summary{min-width:0;display:grid;gap:3px;color:#efe6d294;font-size:9px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}.audit-summary span,.audit-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-summary b{color:var(--gold);font-weight:500}.reverse-preview{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reverse-tile{min-width:0;margin:0;display:grid;gap:4px}.reverse-tile img{width:100%;aspect-ratio:16 / 10;display:block;border:1px solid var(--line-soft);border-radius:5px;object-fit:cover;image-rendering:auto;background:#05070a}.reverse-tile span{overflow:hidden;color:#efe6d27a;font-size:8px;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mode-row{min-width:0;gap:8px;padding:9px 10px;border-right:1px solid var(--line-soft);color:var(--bone-2);font-size:10px;font-variant-numeric:tabular-nums}.mode-row:last-child{border-right:0}.mode-swatch{flex:0 0 auto;width:10px;height:10px;border-radius:50%;box-shadow:0 0 14px currentColor}.mode-index{color:var(--bone)}.mode-value{display:inline-flex;gap:3px;align-items:baseline}.mode-value em{color:var(--bone-3);font-style:normal;font-size:8px}.error-band{position:absolute;left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;padding:12px 14px;border:1px solid rgba(226,107,93,.4);border-radius:8px;color:#ffb3a9;background:#320c0aeb;font-size:12px}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto minmax(520px,62dvh) auto auto;overflow:visible}.instrument-panel{grid-template-columns:1fr}.mode-ledger{grid-template-columns:repeat(4,minmax(90px,1fr))}.model-provenance{white-space:normal}.audit-panel{grid-template-columns:1fr}.audit-actions{width:100%}.audit-button{flex:1 1 0;padding-inline:8px}.audit-summary span,.audit-summary b{white-space:normal}}@media(max-width:620px){.app-shell{gap:10px;padding-inline:max(12px,env(safe-area-inset-left))}.brandline span:nth-child(3){display:none}.topbar{align-items:flex-start}.upload-button{padding-inline:10px;font-size:9px;letter-spacing:.12em}.hero{align-items:flex-start;flex-direction:column;gap:8px}.source-chip{display:block;max-width:100%;padding:6px 8px;font-size:8px;letter-spacing:.08em}h1{font-size:30px;line-height:.98}.visual-stage{min-height:520px}.stage-labels{right:10px;left:10px}.stage-labels span{max-width:28%;font-size:7px;letter-spacing:.12em}.gpu-badge{max-width:88px;font-size:8px;letter-spacing:.08em}.label-full{display:none}.label-short{display:inline}.controls{padding-bottom:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;overflow:visible}.range-control{min-width:0}.scrub-presets{grid-column:1 / -1}.toggle{min-width:0;grid-column:1 / -1}.preset{flex:1 1 0;padding:0 8px;letter-spacing:.08em}.mode-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reverse-preview{grid-template-columns:1fr}.reverse-tile img{aspect-ratio:16 / 8}}