@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--void:#000;--surface:#353535;--text:#fff;--text-muted:#999;--border:#e5e5e5;--scrim:#000000e6;--accent-type:#6e60ee;--accent-halftone:#03e65b;--accent-edges:#ffc533;--accent-textile:#ff3386;--accent-print:#ff5d4b;--accent-glitch:#00e5ff;--accent-geometry:#b78bff;--accent-color:#ffe14d;--accent-optics:#6fd3ff;--accent-generative:#7bffb0;--font-display:"Departure Mono", ui-monospace, monospace;--font-ui:"JetBrains Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-caption:10px;--lh-caption:1.1;--ls-caption:0;--text-body:14px;--lh-body:1.2;--ls-body:0;--text-subheading:18px;--lh-subheading:1.25;--ls-subheading:0;--text-heading-sm:22px;--lh-heading-sm:.8;--ls-heading-sm:-.22px;--text-heading:39px;--lh-heading:.9;--ls-heading:-.78px;--text-heading-lg:59px;--lh-heading-lg:.85;--ls-heading-lg:-1.18px;--text-display:165px;--lh-display:.8;--ls-display:-3.3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:18px;--space-5:24px;--space-6:36px;--gap-element:var(--space-2);--pad-card:var(--space-4);--gap-section:var(--space-6);--radius-button:60px;--radius-card:8.4px;--border-width:1px;--ls-label:.08em;--rail-width:200px;--inspector-width:260px;--ds-max-width:960px;--ds-chip-min:220px;--bp-compact:720px;--viewport-min:320px;--tap-min:24px;--indicator-width:2px;--focus-width:2px;--thumb-width:160px;--thumb-height:120px;--gallery-max-width:1120px;--gallery-max-height:86vh;--opacity-disabled:.4}*{box-sizing:border-box}body{background:var(--void);color:var(--text);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);margin:0}:focus-visible{outline:var(--focus-width) solid var(--text);outline-offset:var(--space-1)}.param-panel{gap:var(--gap-element);padding:var(--pad-card);flex-direction:column;display:flex}.control{gap:var(--space-1);flex-direction:column;display:flex}.control-inline{flex-direction:row;justify-content:space-between;align-items:center}.control-head{justify-content:space-between;align-items:baseline;display:flex}.control label{color:var(--text);font-size:var(--text-caption);line-height:var(--lh-caption)}.control-value{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:var(--text)}.control select,.control button{color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-button);padding:var(--space-1) var(--space-3);font:inherit;background:0 0}.shell{grid-template-columns:var(--rail-width) 1fr var(--inspector-width);grid-template-rows:auto 1fr;grid-template-areas:"top top top""rail viewport inspector";height:100dvh;display:grid}.topbar{justify-content:space-between;align-items:center;gap:var(--gap-element);padding:var(--pad-card);border-bottom:var(--border-width) solid var(--border);grid-area:top;display:flex}.topbar [role=alert]{min-width:0;font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text);margin:0}.rail{padding:var(--pad-card);grid-area:rail;overflow-y:auto}.rail-group{margin-bottom:var(--gap-section)}.rail-label{font-family:var(--font-ui);font-size:var(--text-caption);font-weight:500;line-height:var(--lh-caption);text-transform:uppercase;letter-spacing:var(--ls-label);margin:0 0 var(--gap-element)}.rail-item{width:100%;min-height:var(--tap-min);text-align:left;color:var(--text-muted);border:0;border-left:var(--indicator-width) solid transparent;padding:var(--space-1) 0 var(--space-1) var(--space-2);font:inherit;cursor:pointer;background:0 0;align-items:center;display:flex}.rail-item.is-active{color:var(--text);border-left-color:var(--text)}.viewport{background:var(--void);grid-area:viewport;place-items:center;display:grid;overflow:auto}.viewport canvas{max-width:100%;max-height:100%;image-rendering:pixelated}.inspector{background:var(--surface);border-left:var(--border-width) solid var(--border);grid-area:inspector;overflow-y:auto}.inspector h1{font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:800;line-height:var(--lh-heading-sm);letter-spacing:var(--ls-heading-sm);padding:var(--pad-card) var(--pad-card) 0;margin:0}.topbar button{background:var(--text);color:var(--void);border-radius:var(--radius-button);padding:var(--space-2) var(--space-5);font:inherit;cursor:pointer;border:0}.topbar button:disabled{opacity:var(--opacity-disabled);cursor:default}@media (width<=720px){.shell{grid-template:"top""rail""viewport"1fr"inspector"/1fr;height:auto;min-height:100dvh}.rail{gap:var(--gap-section);border-bottom:var(--border-width) solid var(--border);display:flex;overflow:auto hidden}.rail-group{flex:none;margin-bottom:0}.rail-item{white-space:nowrap}.viewport{min-height:var(--viewport-min)}.inspector{border-left:0;border-top:var(--border-width) solid var(--border)}}.topbar-actions{gap:var(--gap-element);align-items:center;display:flex}.topbar button.secondary{color:var(--text);border:var(--border-width) solid var(--border);background:0 0}.rail-search{gap:var(--space-1);margin-bottom:var(--gap-section);font-family:var(--font-ui);font-size:var(--text-caption);line-height:var(--lh-caption);color:var(--text);text-transform:uppercase;letter-spacing:var(--ls-label);flex-direction:column;display:flex}.rail-search input{width:100%;color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-card);padding:var(--space-1) var(--space-2);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);background:0 0}.rail-empty{font-size:var(--text-caption);line-height:var(--lh-caption);color:var(--text);margin:0}.rail-group>.rail-label{align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.rail-mark{font-family:var(--font-mono)}.gallery{width:min(var(--gallery-max-width), calc(100vw - var(--space-6)));max-height:var(--gallery-max-height);background:var(--void);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-card);flex-direction:column;padding:0;display:flex;overflow:hidden}.gallery::backdrop{background:var(--scrim)}.gallery-head{justify-content:space-between;align-items:flex-end;gap:var(--gap-element);padding:var(--pad-card);border-bottom:var(--border-width) solid var(--border);flex:none;display:flex}.gallery-search{gap:var(--space-1);font-size:var(--text-caption);line-height:var(--lh-caption);text-transform:uppercase;letter-spacing:var(--ls-label);flex-direction:column;flex:1;display:flex}.gallery-search input{width:100%;color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);background:0 0}.gallery-close{color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-button);padding:var(--space-2) var(--space-5);font:inherit;cursor:pointer;background:0 0}.gallery-body{min-height:0;padding:var(--pad-card);flex:1;overflow-y:auto}.gallery-empty{color:var(--text);margin:0}.gallery-group{margin-bottom:var(--gap-section)}.gallery-group:last-child{margin-bottom:0}.gallery-label{font-size:var(--text-caption);line-height:var(--lh-caption);text-transform:uppercase;letter-spacing:var(--ls-label);margin-bottom:var(--gap-element);font-weight:500}.gallery-grid{grid-template-columns:repeat(auto-fill, minmax(var(--thumb-width), 1fr));gap:var(--gap-element);margin:0;padding:0;list-style:none;display:grid}.gallery-item{gap:var(--space-1);width:100%;color:var(--text-muted);border:var(--indicator-width) solid transparent;border-radius:var(--radius-card);font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;padding:0;display:flex}.gallery-item.is-active{color:var(--text);border-color:var(--text)}.gallery-thumb{aspect-ratio:var(--thumb-width) / var(--thumb-height);background:var(--void);place-items:center;display:grid;overflow:hidden}.gallery-thumb canvas{max-width:100%;max-height:100%;image-rendering:pixelated}.gallery-fallback{font-size:var(--text-caption);line-height:var(--lh-caption);color:var(--text-muted);padding:var(--space-2);text-align:center}.gallery-name{font-size:var(--text-caption);line-height:var(--lh-caption);padding:0 var(--space-1) var(--space-1)}@media (width<=720px){.gallery{max-height:92vh}.gallery-head{flex-direction:column;align-items:stretch}}.ds{padding:var(--gap-section);max-width:var(--ds-max-width)}.ds h1{font-family:var(--font-display);font-size:var(--text-heading);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);margin:0}.ds-note{color:var(--text-muted);margin:var(--space-2) 0 var(--gap-section)}.ds-group{margin-bottom:var(--gap-section)}.ds-group h2{font-size:var(--text-caption);line-height:var(--lh-caption);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted);margin:0 0 var(--space-3)}.ds-grid{grid-template-columns:repeat(auto-fill, minmax(var(--ds-chip-min), 1fr));gap:var(--space-3);display:grid}.ds-token{align-items:center;gap:var(--space-2);background:var(--surface);border-radius:var(--radius-card);padding:var(--space-3);display:flex}.ds-chip{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-card);border:var(--border-width) solid var(--border);flex:none}.ds-name{font-family:var(--font-mono);font-size:var(--text-caption)}.ds-value{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text);margin-left:auto}.ds-panel{background:var(--surface);border-radius:var(--radius-card);max-width:var(--inspector-width)}