:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eee7db;--muted:#aaa69a;--panel:#252a25;--line:#ffffff24;--rust:#c7643e;--gold:#d5a24d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#app{width:100%;min-height:100%;margin:0}body{color:var(--ink);background:#171a17}button,input{font:inherit}a{color:inherit}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171a17f2;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:3.5rem;padding:.65rem 1rem;display:grid;position:sticky;top:0}.brand b{margin-right:.5rem}.brand span{color:var(--gold);letter-spacing:.08em;font-size:.7rem;font-weight:800}.topbar nav{justify-content:center;gap:1rem;display:flex}.topbar nav a{color:#c4bfb4;font-size:.68rem;font-weight:800;text-decoration:none}.topbar nav a:hover,.topbar nav a:focus-visible{color:#fff;text-decoration:underline}.topbar p{color:var(--muted);margin:0;font-size:.68rem}main{grid-template-columns:minmax(360px,440px) minmax(0,1fr);align-items:start;min-height:calc(100vh - 3.5rem);display:grid}.catalogue{border-right:1px solid var(--line);background:linear-gradient(#202420,#171a17 42rem);padding:2.25rem 1.15rem 5rem}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .45rem;font-size:.65rem;font-weight:900}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.055em;margin:0;font:800 clamp(2.7rem,4vw,4.6rem)/.91 Georgia,serif}.lede{color:var(--muted);line-height:1.55}.scope-note{border-left:3px solid var(--rust);background:#ffffff08;gap:.2rem;padding:.8rem;display:grid}.scope-note+.scope-note{margin-top:.55rem}.scope-note.subtle{border-left-color:var(--gold)}.scope-note b{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.scope-note span{color:#cbc5b8;font-size:.75rem;line-height:1.45}.atlas-preview{border:1px solid var(--line);color:#e4b45e;background:#111;margin-top:.8rem;font-size:.68rem;font-weight:800;text-decoration:none;display:block}.atlas-preview img{object-fit:cover;object-position:top;width:100%;max-height:18rem;display:block}.atlas-preview span{padding:.65rem;display:block}.atlas-preview:hover,.atlas-preview:focus-visible{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:2px}.shader-family{border:0;margin:1.8rem 0 0;padding:0}.shader-family legend{border-bottom:1px solid var(--line);color:#d0c9bc;letter-spacing:.1em;text-transform:uppercase;width:100%;padding:.55rem 0;font-size:.68rem;font-weight:900}.shader-options{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem;display:grid}.shader-option{border:1px solid var(--line);cursor:pointer;background:#ffffff08;min-width:0;display:block;position:relative;overflow:hidden}.shader-option:hover{border-color:#fff6}.shader-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #f0b85a}.shader-option:has(input:checked){border-color:var(--rust);box-shadow:inset 0 -3px var(--rust);background:#b85b3924}.shader-option input{z-index:2;width:1rem;height:1rem;accent-color:var(--rust);margin:0;position:absolute;top:.45rem;left:.45rem}.shader-option img{aspect-ratio:11/15;object-fit:cover;background:#c8bca4;width:100%;display:block}.shader-option span{min-height:3.35rem;padding:.55rem;display:block}.shader-option b,.shader-option small{display:block}.shader-option b{font-size:.69rem;line-height:1.25}.shader-option small{color:var(--muted);margin-top:.25rem;font-size:.61rem;line-height:1.3}.workbench{background:radial-gradient(circle at 70% 0,#52605733,#0000 38rem),#1c201c;min-width:0;padding:1.2rem clamp(1rem,2.3vw,2.2rem) 5rem;position:relative}.sticky-viewer{z-index:4;position:sticky;top:4.7rem}.canvas-shell{--split:50%;aspect-ratio:16/10;background:#c8bca4;border:1px solid #ffffff38;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 60px #0008}canvas{width:100%;height:100%;display:block}.divider{z-index:5;top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-1px)}.divider:after{content:"A/B";background:var(--rust);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;font-size:.63rem;font-weight:900;display:grid;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.canvas-label{z-index:6;color:#fff;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#151713dd;padding:.35rem .5rem;font-size:.63rem;font-weight:900;position:absolute;top:.7rem}.canvas-label.reference{left:.7rem}.canvas-label.selected{right:.7rem}.loading{color:#272820;background:#c8bca4;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.compare-controls{background:#1c201cf2;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 0 1rem;display:grid}.compare-controls label{color:var(--muted);font-size:.7rem;font-weight:800}.compare-controls input{width:100%;min-height:2.75rem;accent-color:var(--rust)}.view-buttons{gap:.4rem;display:flex}.compare-controls button{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);cursor:pointer;background:#ffffff0b;padding:.55rem .7rem;font-size:.68rem;font-weight:800}.compare-controls button:hover,.compare-controls button:focus-visible{border-color:var(--gold);background:#ffffff18}.readout,.control-panel,.boundary,.evidence-panel{border:1px solid var(--line);background:#252a25e8;margin-top:1rem;padding:clamp(1rem,2vw,1.5rem)}.readout{grid-template-columns:minmax(190px,.72fr) 1fr;gap:1rem 2rem;display:grid}.readout h2,.control-panel h2,.boundary h2,.evidence-panel h2{letter-spacing:-.025em;margin:0;font:700 clamp(1.5rem,3vw,2.6rem)/1 Georgia,serif}.pipeline-badge{color:#c6beb0;letter-spacing:.05em;border:1px solid #ffffff30;margin-top:.75rem;padding:.3rem .45rem;font:800 .6rem/1 monospace;display:inline-block}.visual-read{color:#d2ccbf;margin:0;font:1.03rem/1.55 Georgia,serif}.readout dl{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1rem;margin:0;display:grid}.readout dl div{border-top:1px solid var(--line);padding-top:.75rem}.readout dt,.fingerprint dt{color:var(--muted);text-transform:uppercase;font-size:.61rem;font-weight:900}.readout dd,.fingerprint dd{margin:.35rem 0 0;font-size:.77rem;line-height:1.5}.readout-links{flex-wrap:wrap;gap:.5rem;display:flex}.readout-links a{border:1px solid var(--line);color:#e4b45e;text-underline-offset:.25rem;min-height:2.5rem;padding:.62rem .72rem;font-size:.7rem;font-weight:800}.control-panel{grid-template-columns:minmax(200px,.6fr) 1.4fr;gap:2rem;margin-top:3rem;scroll-margin-top:4.5rem;display:grid}.fingerprint{grid-template-columns:1fr 1fr;gap:1rem;margin:0;display:grid}.fingerprint div{border-top:1px solid var(--line);padding-top:.7rem}code{color:#f0c778}.boundary p:last-child,.evidence-panel>p{color:#c5c0b4;max-width:75ch;line-height:1.65}.evidence-panel{grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:1rem 2rem;scroll-margin-top:4.5rem;display:grid}.evidence-links{flex-wrap:wrap;grid-column:1/-1;gap:.6rem;display:flex}.evidence-links a{border:1px solid var(--line);color:#e4b45e;min-height:2.75rem;padding:.72rem .85rem;font-size:.72rem;font-weight:800}.mobile-compare{display:none}body.capture{overflow:hidden}body.capture #app,body.capture main,body.capture .workbench,body.capture .sticky-viewer,body.capture .canvas-shell{aspect-ratio:auto;border:0;width:100vw;height:100vh;min-height:0;margin:0;padding:0}body.capture main{display:block}body.capture .catalogue,body.capture .app-ui{display:none!important}body.capture .canvas-shell{box-shadow:none;position:fixed;inset:0}@media (width<=1100px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}main{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}.compare-controls{grid-template-columns:1fr}.compare-controls label{margin-bottom:-.6rem}.view-buttons{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=820px){.topbar{display:block;position:relative}.topbar p{margin-top:.25rem}main{flex-direction:column;display:flex}.catalogue{border:0;width:100%}.workbench{width:100%;padding:.75rem}.sticky-viewer{position:relative;top:auto}.shader-options{grid-template-columns:repeat(3,1fr)}.control-panel,.evidence-panel{grid-template-columns:1fr}.evidence-links{grid-column:auto}body{padding-bottom:4rem}.mobile-compare{z-index:30;border:1px solid var(--gold);min-height:3rem;color:var(--ink);background:#171a17f4;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;text-decoration:none;display:flex;position:fixed;bottom:.65rem;left:.65rem;right:.65rem;box-shadow:0 10px 30px #000b}.mobile-compare span{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;overflow:hidden}.mobile-compare b{color:var(--gold);flex:none;font-size:.7rem}}@media (width<=560px){.shader-options{grid-template-columns:1fr 1fr}.canvas-label{max-width:44%;font-size:.54rem}.compare-controls input,.compare-controls button{min-height:44px}.readout,.readout dl,.fingerprint{grid-template-columns:1fr}.view-buttons{gap:.3rem}.compare-controls button{padding-inline:.35rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}