@font-face{font-family:Basement Grotesque;src:url(/BasementGrotesque-BlackExpanded.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Basement Grotesque Black;src:url(/BasementGrotesque-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Suisse Intl Mono;src:url(/SuisseIntlMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Suisse Intl;src:url(/SuisseIntl-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #0a0a0a;--panel: #121212;--line: #262626;--line-hi: #3a3a3a;--fg: #ededed;--dim: #8a8a8a;--accent: #e8e8e8;--warn: #ffb454;--mono: "Suisse Intl Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:Suisse Intl,system-ui,sans-serif;min-height:100vh;padding:clamp(16px,3vw,40px);background-image:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px}.back-link{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim);text-decoration:none;margin-bottom:28px;transition:color .15s}.back-link:hover{color:var(--fg)}.masthead{margin-bottom:clamp(20px,4vw,36px)}.masthead h1{font-family:Basement Grotesque,system-ui,sans-serif;font-weight:900;font-size:clamp(38px,9vw,104px);line-height:.92;letter-spacing:-.01em;text-transform:uppercase}.masthead .sub{font-family:var(--mono);font-size:clamp(11px,1.4vw,13px);color:var(--dim);margin-top:12px;letter-spacing:.02em}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(16px,2.5vw,32px);align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.stage{position:relative;border:1px solid var(--line);background:repeating-conic-gradient(#141414,#141414 25%,#0f0f0f 0%,#0f0f0f 50%) 50% / 20px 20px;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.stage.is-drag{border-color:var(--fg)}.stage.is-drag:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed var(--fg);pointer-events:none}#gl{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;image-rendering:pixelated}.dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center;padding:24px}.dropzone[hidden]{display:none}.dz-title{font-family:Basement Grotesque,sans-serif;font-size:clamp(15px,2.4vw,22px);letter-spacing:.02em}.dz-sub{font-family:var(--mono);font-size:11px;color:var(--dim)}.badge{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--dim);background:#000000b8;border:1px solid var(--line);padding:4px 8px}.transport{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;background:#000000d1;border:1px solid var(--line);padding:8px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.transport[hidden]{display:none}.t-btn{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--dim);background:transparent;border:1px solid var(--line-hi);padding:5px 9px;cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0}.t-btn:hover,.t-btn.is-on{color:var(--fg);border-color:var(--fg)}.time{font-family:var(--mono);font-size:10px;color:var(--dim);flex-shrink:0;font-variant-numeric:tabular-nums}.scrub{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.scrub::-webkit-slider-runnable-track{height:1px;background:var(--line-hi)}.scrub::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--fg);margin-top:-4px;border-radius:0}.scrub::-moz-range-track{height:1px;background:var(--line-hi)}.scrub::-moz-range-thumb{width:9px;height:9px;background:var(--fg);border:0;border-radius:0}.panel{border:1px solid var(--line);background:var(--panel);padding:18px;display:flex;flex-direction:column;gap:18px}.row{display:flex;flex-direction:column;gap:8px}.lbl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline}.val{color:var(--fg);font-variant-numeric:tabular-nums}.val:before{content:"[";color:var(--line-hi)}.val:after{content:"]";color:var(--line-hi)}.file-btn{display:block;text-align:center;font-family:Basement Grotesque,sans-serif;font-size:13px;letter-spacing:.04em;padding:13px;border:1px solid var(--fg);color:var(--bg);background:var(--fg);cursor:pointer;transition:opacity .15s}.file-btn:hover{opacity:.82}.select{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--fg);background:#0d0d0d;border:1px solid var(--line-hi);padding:9px 10px;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.select:focus-visible{outline:1px solid var(--fg);outline-offset:1px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:1px;background:var(--line-hi)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:var(--fg);margin-top:-5px;border-radius:0}.range::-moz-range-track{height:1px;background:var(--line-hi)}.range::-moz-range-thumb{width:11px;height:11px;background:var(--fg);border:0;border-radius:0}.range:disabled{opacity:.3;cursor:not-allowed}.ramp{display:flex;align-items:center;gap:8px}.ramp-bar{flex:1;height:22px;border:1px solid var(--line-hi)}.swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:22px;padding:0;border:1px solid var(--line-hi);background:transparent;cursor:pointer;flex-shrink:0}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:none}.swatch::-moz-color-swatch{border:none}.presets{display:flex;flex-wrap:wrap;gap:5px}.preset{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--dim);background:transparent;border:1px solid var(--line);padding:5px 7px;cursor:pointer;transition:color .15s,border-color .15s}.preset:hover{color:var(--fg);border-color:var(--line-hi)}.check{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{position:absolute;opacity:0;pointer-events:none}.box{width:13px;height:13px;border:1px solid var(--line-hi);flex-shrink:0;position:relative}.check input:checked+.box{background:var(--fg);border-color:var(--fg)}.check input:checked+.box:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--bg)}.check input:focus-visible+.box{outline:1px solid var(--fg);outline-offset:2px}.check:has(input:checked){color:var(--fg)}.actions{gap:8px}.btn{font-family:Basement Grotesque,sans-serif;font-size:12px;letter-spacing:.04em;padding:12px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;width:100%;transition:opacity .15s}.btn:hover:not(:disabled){opacity:.82}.btn:disabled{opacity:.26;cursor:not-allowed}.btn[hidden]{display:none}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line-hi)}.btn.ghost:hover:not(:disabled){border-color:var(--fg);opacity:1}.btn.ghost.is-held{background:var(--fg);color:var(--bg)}.btn.is-rec{background:var(--warn);border-color:var(--warn);color:#1a1a1a}.note{font-family:var(--mono);font-size:10px;line-height:1.55;color:var(--dim);border-top:1px solid var(--line);padding-top:12px}.note.warn{color:var(--warn)}.credit{font-family:var(--mono);font-size:9px;line-height:1.6;color:#5a5a5a}.credit a{color:var(--dim);text-decoration:underline}.credit a:hover{color:var(--fg)}.byline{margin-top:6px}.byline .who{color:var(--dim)}