.handle{z-index:30;cursor:pointer;background:0 0;border:0;width:22px;height:64px;padding:0;position:fixed;top:50%;right:0;transform:translateY(-50%)}.handle:before{content:"";background:var(--fg);opacity:.28;border-radius:3px;width:3px;transition:opacity .25s,transform .25s;position:absolute;top:12px;bottom:12px;right:8px}.handle:hover:before,.handle:focus-visible:before{opacity:.7;transform:scaleY(1.2)}.handle:focus-visible{outline:none}.sheet{z-index:40;width:min(300px,90vw);padding:28px 24px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(140%);border-left:1px solid var(--line);color:var(--fg);font:12px/1.3 var(--font);-webkit-user-select:none;user-select:none;transition:transform .45s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.sheet[data-open]{transform:translate(0)}.sheet button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s,background .2s,border-color .2s}.sheet button:hover{color:var(--fg)}.top{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.title,.sheet h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.sheet h3{letter-spacing:.08em;margin:0 0 12px;font-weight:500}.sheet section{margin-bottom:26px}.finishes{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);margin-bottom:28px;display:grid;overflow:hidden}.finishes button{padding:8px 0}.finishes button:nth-child(-n+6){border-bottom:1px solid var(--line)}.finishes button[aria-pressed=true]{background:var(--press);color:var(--fg)}.choice{row-gap:8px;margin-bottom:16px;display:grid}.segments{border:1px solid var(--line);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segments button{padding:6px 0;font-size:11px}.segments button+button{border-left:1px solid var(--line)}.segments button[aria-pressed=true],.actions button.toggle[aria-pressed=true]{background:var(--press);color:var(--fg)}.swatches{grid-template-columns:1fr 1fr;gap:12px 10px;margin-bottom:16px;display:grid}.swatch{cursor:pointer;align-items:center;gap:10px;display:flex}.swatch input{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;padding:0}.swatch input::-webkit-color-swatch-wrapper{padding:2px}.swatch input::-webkit-color-swatch{border:0;border-radius:50%}.swatch input::-moz-color-swatch{border:0;border-radius:50%}.row{grid-template-columns:1fr auto;row-gap:6px;margin-bottom:14px;display:grid}.value{color:var(--muted);font-variant-numeric:tabular-nums}.row input{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:14px;margin:0}.row input::-webkit-slider-runnable-track{background:var(--line-strong);height:1px}.row input::-webkit-slider-thumb{appearance:none;background:var(--fg);border-radius:50%;width:10px;height:10px;margin-top:-4.5px;transition:transform .15s}.row input:hover::-webkit-slider-thumb{transform:scale(1.4)}.row input:focus-visible::-webkit-slider-thumb{transform:scale(1.4)}.row input::-moz-range-track{background:var(--line-strong);height:1px}.row input::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:10px;height:10px}.row input:focus-visible{outline:none}.actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin:10px 0 26px;display:grid}.actions button{border:1px solid var(--line-strong);color:var(--fg);border-radius:8px;padding:8px 0}.actions button.quiet{border-color:var(--line);color:var(--muted)}.actions button:hover{border-color:var(--fg)}.json{border:1px solid var(--line);background:var(--press);width:100%;color:var(--fg);resize:vertical;-webkit-user-select:text;user-select:text;border-radius:8px;padding:10px 12px;font:11px/1.5 ui-monospace,SF Mono,Menlo,monospace;display:block}.json:focus{border-color:var(--line-strong);outline:none}.json[data-invalid]{border-color:#d4553c}:root{--bg:#000;--fg:#ededed;--muted:#8a8a8a;--line:#ffffff1f;--line-strong:#ffffff47;--glass:#0c0c0cb8;--press:#ffffff1a;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}#stage{cursor:grab;touch-action:none;opacity:0;width:100%;height:100%;animation:3s 1s forwards reveal;display:block;position:fixed;inset:0}#stage:active{cursor:grabbing}@keyframes reveal{to{opacity:1}}.hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;color:var(--fg);mix-blend-mode:difference;font:12px/1 var(--font);letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .6s,transform .6s;position:fixed;transform:translate(-50%,4px)}.hint[data-visible]{opacity:.6;transform:translate(-50%)}.source{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));z-index:20;width:32px;height:32px;color:var(--fg);mix-blend-mode:difference;opacity:.3;border-radius:8px;place-items:center;transition:opacity .25s;display:grid;position:fixed}.source:hover,.source:focus-visible{opacity:.8}.source:focus-visible{outline-offset:2px;outline:1px solid}.source svg{fill:currentColor;width:16px;height:16px}.poster{fill:var(--fg);mix-blend-mode:difference;pointer-events:none;animation:1.2s both reveal;position:fixed;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){#stage{animation-duration:.8s;animation-delay:0s}.hint{transition:opacity .6s;transform:translate(-50%)}}