:root{color-scheme:dark;--ink: #e8e4dc;--muted: #8b9099;--panel: rgba(20, 22, 26, .82);--chip: rgba(16, 18, 22, .55);--chip-hover: rgba(16, 18, 22, .75);--line: rgba(232, 228, 220, .14);--accent: #4d7fd4}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0e1013;color:var(--ink);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}canvas{display:block;touch-action:none}.enter-label{font:600 13px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.22em;color:#2b2f36;user-select:none;pointer-events:none;white-space:nowrap}.panel{position:fixed;display:flex;gap:8px;pointer-events:none}.panel>*{pointer-events:auto}.panel[data-edge=side]{top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:row-reverse;align-items:flex-start}.panel[data-edge=sheet]{left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-start}.panel-toggle{display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--chip);backdrop-filter:blur(8px);color:var(--ink);font:inherit;cursor:pointer}.panel-toggle:hover{background:var(--chip-hover)}.panel-count{color:var(--muted);font-variant-numeric:tabular-nums}.panel-chevron{transition:transform .2s ease}.panel[data-edge=side] .panel-chevron{transform:rotate(-90deg)}.panel[data-edge=side][data-open] .panel-chevron{transform:rotate(90deg)}.panel[data-edge=sheet][data-open] .panel-chevron{transform:rotate(180deg)}.panel-collapse{display:grid;min-height:0;min-width:0;transition:grid-template-rows .26s cubic-bezier(.22,.61,.36,1),grid-template-columns .26s cubic-bezier(.22,.61,.36,1),visibility 0s .26s;visibility:hidden}.panel[data-open] .panel-collapse{visibility:visible;transition:grid-template-rows .26s cubic-bezier(.22,.61,.36,1),grid-template-columns .26s cubic-bezier(.22,.61,.36,1),visibility 0s}.panel[data-edge=sheet] .panel-collapse{grid-template-rows:0fr;width:100%}.panel[data-edge=sheet][data-open] .panel-collapse{grid-template-rows:1fr}.panel[data-edge=side] .panel-collapse{grid-template-columns:0fr;max-height:100%}.panel[data-edge=side][data-open] .panel-collapse{grid-template-columns:1fr}.panel-body{overflow:hidden;min-height:0;min-width:0}.panel-body>*{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.panel[data-edge=side] .panel-body>*{width:320px;max-height:calc(100dvh - 32px)}.panel[data-edge=sheet] .panel-body>*{width:100%;max-height:min(38dvh,380px)}.panel-rows{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.panel-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.chip-action{display:flex;align-items:center;justify-content:flex-start;gap:8px}@media (pointer: coarse){.chip,.panel-toggle{min-height:44px}.hud-range{height:44px}}@media (prefers-reduced-motion: reduce){.panel-collapse,.panel-chevron{transition:none}}.hud-label,.hud-value,.hud-hint,.hud-of{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.5)}.hud-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hud-label{width:52px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hud-value{font-variant-numeric:tabular-nums;min-width:22px}.hud-hint{margin:2px 0 0;color:var(--muted);font-size:11px;max-width:34ch}.chip{padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--chip);backdrop-filter:blur(8px);color:var(--ink);font:inherit;cursor:pointer}.chip:hover{background:var(--chip-hover);border-color:#e8e4dc59}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff}.chip-swatch{display:inline-flex;flex-direction:column;width:10px;height:10px;margin-right:6px;vertical-align:-1px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #00000059}.chip-swatch>span{flex:1}.hud-of{color:var(--muted);font-size:11px;margin-left:3px}.hud-range{-webkit-appearance:none;appearance:none;width:108px;height:20px;background:transparent;cursor:pointer}.hud-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--chip);border:1px solid var(--line);backdrop-filter:blur(8px)}.hud-range::-moz-range-track{height:4px;border-radius:999px;background:var(--chip);border:1px solid var(--line);backdrop-filter:blur(8px)}.hud-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--ink);border:none}.hud-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--ink);border:none}.hud-range:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}