.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+3){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}@media (pointer:coarse){.handle{width:44px;height:96px}.handle:before{opacity:.45;width:4px;top:18px;bottom:18px}.sheet{-webkit-backdrop-filter:none;width:min(340px,88vw);padding-top:calc(24px + env(safe-area-inset-top));background:#0c0c0ce6;font-size:14px}.title,.sheet h3{font-size:12px}.top button{padding:8px 0 8px 16px}.finishes button,.actions button{padding:12px 0}.segments button{padding:10px 0;font-size:13px}.row{margin-bottom:18px}.row input{height:28px}.row input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-10.5px}.row input::-moz-range-thumb{width:22px;height:22px}.json{font-size:13px}}: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;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow:hidden}#stage{opacity:0;width:100%;height:100%;margin:auto;animation:1.6s .2s forwards reveal;display:block;position:fixed;inset:0}body[data-fit=contain] #stage{aspect-ratio:9/16;width:auto;max-width:100%}@keyframes reveal{to{opacity:1}}.notice{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:var(--fg);font:12px/1 var(--font);opacity:.6;text-align:center;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#stage{animation-duration:.6s;animation-delay:0s}}