:root{--bg: #06080f;--panel: #0d111c;--line: #1d2436;--ink: #e8ecf5;--dim: #8b95ad;--accent: #6ea8ff;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body{display:grid;grid-template-rows:auto 1fr auto auto auto;min-height:100vh;max-width:1180px;margin:0 auto;padding:0 24px 80px}#bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:18px 0 12px;background:linear-gradient(var(--bg) 72%,transparent)}#bar button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}#bar button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}#bar button:disabled{opacity:.3;cursor:default}#crumb{text-align:center}#counter{display:block;font:11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}#title{margin:6px 0 0;font-size:21px;font-weight:600;letter-spacing:-.01em}#dots{grid-column:1 / -1;display:flex;justify-content:center;gap:6px;padding-top:12px}#dots button{width:26px;height:4px;padding:0;border:0;border-radius:2px;background:var(--line);cursor:pointer;transition:background .15s}#dots button:hover{background:var(--dim)}#dots button[aria-current=true]{background:var(--accent)}#stage{position:relative}#view{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:14px;background:#000;touch-action:none;cursor:grab}#view:active{cursor:grabbing}#hint{margin:10px 2px 0;font:12px/1.4 var(--mono);color:var(--dim)}#panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 22px;margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}#panel:empty{display:none}.ctrl{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.ctrl>label{font-size:13px;color:var(--dim)}.ctrl>output{font:12px var(--mono);color:var(--ink)}.ctrl>input{grid-column:1 / -1;width:100%;accent-color:var(--accent)}.ctrl[data-type=bool]{grid-template-columns:auto 1fr}.ctrl[data-type=bool]>input{grid-column:auto;width:auto;justify-self:start}.ctrl[data-type=select]{grid-template-columns:1fr}.ctrl>select{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#131a2a;color:var(--ink);font:13px var(--mono)}.ctrl[data-rebuild=true]>label:after{content:" ↻";color:var(--accent)}.group{grid-column:1 / -1;margin:6px 0 -4px;font:11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}#notes{margin-top:30px}#blurb p{margin:0 0 14px;max-width:74ch;color:#c9d2e4}#blurb strong{color:var(--ink);font-weight:600}#blurb em{color:var(--accent);font-style:normal}#blurb code{font:13px var(--mono);color:var(--accent)}#blurb ul{max-width:74ch;padding-left:20px;color:#c9d2e4}#blurb li{margin-bottom:6px}#blurb .formula{display:block;margin:16px 0;padding:14px 18px;border-left:2px solid var(--accent);background:var(--panel);border-radius:0 8px 8px 0;font:13px/1.7 var(--mono);color:var(--ink);white-space:pre;overflow-x:auto}#codebox{margin-top:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}#codebox summary{padding:12px 18px;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);cursor:pointer}#codebox pre{margin:0;padding:0 18px 18px;overflow-x:auto}#codebox code{font:12.5px/1.6 var(--mono);color:#c9d2e4}.k{color:#c792ea}.f{color:#82aaff}.n{color:#f78c6c}.s{color:#c3e88d}.c{color:#5c6b8a;font-style:italic}#boot{position:fixed;inset:0;display:grid;place-content:center;background:var(--bg);font:13px var(--mono);color:var(--dim);z-index:10}#boot[hidden]{display:none}#boot.error{color:#ff8b8b;text-align:center;padding:40px;line-height:1.8}#foot{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font:13px var(--mono)}#foot a{color:var(--accent);text-decoration:none}#foot a:hover{text-decoration:underline}#backend{position:fixed;right:14px;bottom:14px;z-index:6;display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}#backend[hidden]{display:none}#backend-name{color:var(--ink)}#backend-name:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--accent);vertical-align:baseline}#backend-swap{padding-left:10px;border-left:1px solid var(--line);color:var(--dim);text-decoration:none;transition:color .15s}#backend-swap:hover{color:var(--accent)}