:root{color-scheme:dark;--bg: #05080f;--panel: #0c1322;--panel-border: #1c2740;--text: #dbe4f3;--muted: #8a9bb8;--label: #a8b8d4;--accent: #ffc43d;--accent-2: #5eead4;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--panel-width: 22rem}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45}a{color:var(--accent-2)}.app{display:grid;grid-template-columns:var(--panel-width) 1fr;height:100vh;height:100dvh}.panel{background:var(--panel);border-right:1px solid var(--panel-border);overflow-y:auto;padding:1rem 1.25rem .5rem;display:flex;flex-direction:column;gap:.7rem}.panel__header h1{margin:0 0 .35rem;font-size:1.35rem;letter-spacing:.01em;font-weight:600;color:var(--accent)}.lead{margin:0;color:var(--muted)}.section h2{margin:0 0 .45rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);font-weight:600}.field{display:block;margin-bottom:.5rem}.field__label{display:block;margin-bottom:.25rem}.field--check{display:flex;gap:.5rem;align-items:baseline}select,button{font:inherit;color:inherit;background:#121c30;border:1px solid var(--panel-border);border-radius:4px;padding:.4rem .6rem;width:100%}button{cursor:pointer;background:#18263f;margin-top:.2rem}button:hover{background:#1f3050}button:disabled{cursor:progress;opacity:.6}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.meta{margin:0;color:var(--muted);font-size:.85rem}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:.75rem;row-gap:.15rem;margin:.4rem 0 0;align-items:baseline}.kv dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--label);white-space:nowrap}.kv dt.kv__code{text-transform:none;letter-spacing:0;font-family:var(--mono);font-size:.78rem}.kv dd{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.hint{margin:.4rem 0 0;color:var(--muted);font-size:.85rem;min-height:1.2em}.kv--bench{margin-top:.4rem}.kv--bench dd{font-size:.9rem}#bench-status{font-size:.8rem}.kv .kv__divider{border-top:1px solid var(--panel-border);padding-top:.3rem;margin-top:.15rem}.panel__footer{margin-top:auto;color:var(--muted);font-size:.75rem;line-height:1.35}.panel__footer p{margin:.3rem 0 0}.stage{position:relative;min-width:0;min-height:0}canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}canvas.is-dragging{cursor:grabbing}.hud{position:absolute;left:.75rem;bottom:.6rem;font-family:var(--mono);font-size:.75rem;color:var(--muted);pointer-events:none}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#05080fb3;font-size:1rem;color:var(--muted)}.loading[hidden]{display:none}@media(max-width:800px){.app{grid-template-columns:1fr;grid-template-rows:minmax(55vh,1fr) auto;height:auto;min-height:100dvh}.stage{order:-1;height:55vh}.panel{border-right:0;border-top:1px solid var(--panel-border)}}