.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}.field{margin-bottom:14px;display:block}.field input{border:1px solid var(--line);width:100%;color:var(--fg);font:inherit;background:0 0;border-radius:8px;padding:8px 10px;font-size:13px}.field input:focus{border-color:var(--line-strong);outline:none}.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{--fg:#111;--muted:#1111118c;--line:#1111111a;--line-strong:#1111113d;--glass:#ffffffb8;--press:#1111110f;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0}html,body{overscroll-behavior:none;color:#000;-webkit-font-smoothing:antialiased;background:#e0e0e0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.poster{text-align:center;pointer-events:none;place-content:center;display:grid;position:fixed;inset:0}.poster h1{letter-spacing:-.025em;font-size:min(22vw,34vh);font-weight:400;line-height:1.05}.poster p{opacity:.6;margin-top:1.5em;font-size:12px}.poster[hidden]{display:none}