@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: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;--warn: #ffb454;--ok: #8fff6a;--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(14px,3vw,40px);padding-bottom:max(clamp(14px,3vw,40px),env(safe-area-inset-bottom));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:24px;transition:color .15s}.back-link:hover{color:var(--fg)}.masthead{margin-bottom:clamp(18px,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:300px;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}#preview{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain}.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);line-height:1.5}.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;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge[hidden]{display:none}.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:6px 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:20px;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}.stage-col{display:flex;flex-direction:column;gap:8px;min-width:0}.strip{display:flex;gap:6px;overflow-x:auto;padding:8px;background:var(--panel);border:1px solid var(--line);scrollbar-width:thin}.strip[hidden]{display:none}.strip::-webkit-scrollbar{height:4px}.strip::-webkit-scrollbar-thumb{background:var(--line-hi)}.thumb{position:relative;width:46px;height:46px;flex-shrink:0;border:1px solid var(--line-hi);object-fit:cover;background:#000}.thumb.is-active{border-color:var(--fg)}.working{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;z-index:5}.working[hidden]{display:none}.work-title{font-family:Basement Grotesque,sans-serif;font-size:clamp(16px,3vw,24px);letter-spacing:.04em}.work-sub{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.06em;line-height:1.6;max-width:34ch}.bar{width:min(280px,80%);height:2px;background:var(--line-hi);overflow:hidden}.bar span{display:block;height:100%;width:0%;background:var(--fg);transition:width .2s linear}.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}.row[hidden]{display:none}.group{border-top:1px solid var(--line);padding-top:15px;gap:9px}.grp-title{font-family:Basement Grotesque,sans-serif;font-size:11px;letter-spacing:.1em;color:var(--fg);margin-bottom:2px}.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;gap:8px}.val{color:var(--fg);font-variant-numeric:tabular-nums}.val:before{content:"[";color:var(--line-hi)}.val:after{content:"]";color:var(--line-hi)}.hint{font-family:var(--mono);font-size:9px;color:#5a5a5a;line-height:1.55}.file-btn{display:block;text-align:center;font-family:Basement Grotesque,sans-serif;font-size:13px;letter-spacing:.04em;padding:14px;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: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}.text-input{font-family:var(--mono);font-size:12px;color:var(--fg);background:#0d0d0d;border:1px solid var(--line-hi);padding:11px 10px;width:100%;border-radius:0}.text-input::placeholder{color:#4a4a4a}.text-input:focus-visible{outline:1px solid var(--fg);outline-offset:1px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;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;flex-wrap:wrap}.ramp-label{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--dim);margin-right:4px}.swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:24px;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}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;aspect-ratio:16 / 9;border:1px solid var(--line);padding:3px}.pos-btn{background:transparent;border:1px solid transparent;cursor:pointer;position:relative;transition:background .15s,border-color .15s}.pos-btn:after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:4px;height:4px;background:var(--line-hi);transition:background .15s,scale .15s}.pos-btn:hover{background:#ffffff0a;border-color:var(--line)}.pos-btn:hover:after{background:var(--dim)}.pos-btn.is-on{background:#ffffff12;border-color:var(--line-hi)}.pos-btn.is-on:after{background:var(--fg);scale:1.6}.pos-btn:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}#preview.can-grab{cursor:grab}#preview.is-dragging{cursor:grabbing}#preview.is-cropping{cursor:crosshair;touch-action:none}#preview.is-cropping[data-crop-cursor=move]{cursor:move}#preview.is-cropping[data-crop-cursor=nw],#preview.is-cropping[data-crop-cursor=se]{cursor:nwse-resize}#preview.is-cropping[data-crop-cursor=ne],#preview.is-cropping[data-crop-cursor=sw]{cursor:nesw-resize}#preview.is-cropping[data-crop-cursor=n],#preview.is-cropping[data-crop-cursor=s]{cursor:ns-resize}#preview.is-cropping[data-crop-cursor=e],#preview.is-cropping[data-crop-cursor=w]{cursor:ew-resize}.crop-tools{display:flex;flex-direction:column;gap:8px}.crop-tools[hidden]{display:none}.aspects{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:7px 9px;cursor:pointer;transition:color .15s,border-color .15s}.preset:hover{color:var(--fg);border-color:var(--line-hi)}.preset.wide{width:100%}.preset[hidden]{display:none}.btn.ghost.is-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.est{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:10px;letter-spacing:.08em;border:1px solid var(--line);padding:9px 10px;margin-top:2px}.est-k{color:var(--dim)}.est-v{color:var(--fg);font-variant-numeric:tabular-nums}.est-v.is-over{color:var(--warn)}.est-v.is-under{color:var(--ok)}.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;padding:2px 0}.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:14px;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}.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)}.note.ok{color:var(--ok)}.credit{font-family:var(--mono);font-size:9px;line-height:1.6;color:#5a5a5a}.byline .who{color:var(--dim)}@media (max-width: 900px){#preview{max-height:46vh}.stage{min-height:220px}.panel{padding:16px}}@media (max-width: 560px){.masthead{margin-bottom:16px}.back-link{margin-bottom:18px}.range{height:32px}.range::-webkit-slider-thumb{width:15px;height:15px;margin-top:-7px}.range::-moz-range-thumb{width:15px;height:15px}.scrub{height:30px}.scrub::-webkit-slider-thumb{width:13px;height:13px;margin-top:-6px}.scrub::-moz-range-thumb{width:13px;height:13px}.pos-btn{padding:11px 4px}.t-btn{padding:8px 10px}.swatch{width:44px;height:30px}.thumb{width:54px;height:54px}.text-input,.select{font-size:16px}.btn,.file-btn{padding:15px}}