:root{color-scheme:light;--bg:#f5f4f1;--panel:#ffffff;--ink:#1b1a17;--muted:#6d6a63;--faint:#8f8b83;--line:#e2ded6;--line-strong:#c9c4ba;--accent:#c2410c;--accent-soft:#fbe9de;--ok:#2f7d32;--warn:#a16207;--err:#b91c1c;--stage:#edebe6;--radius:8px;--radius-sm:6px;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#141311;--panel:#1c1b18;--ink:#e9e6e0;--muted:#9b968d;--faint:#7c776e;--line:#2e2c28;--line-strong:#403d37;--accent:#f0874a;--accent-soft:rgba(240,135,74,0.14);--ok:#7bc47f;--warn:#e0b341;--err:#e57373;--stage:#0f0e0c}}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;padding:0 1.25rem 4rem;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono,code,pre{font-family:var(--mono);font-variant-ligatures:none}code{font-size:.86em;padding:.08em .34em;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink)}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.footer,header.topbar,main#app{max-width:1120px;margin-inline:auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:2rem 0 1.1rem}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.02em}h1{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.5rem}h1 .version{font-family:var(--mono);font-size:.68rem;font-weight:500;color:var(--muted)}.tagline{margin:.12rem 0 0;color:var(--muted);font-size:.82rem}.topbar-links{display:flex;align-items:center;gap:1rem;font-size:.8rem;white-space:nowrap;padding-top:.4rem}.topbar-links a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.topbar-links a:hover{color:var(--ink);border-bottom-color:var(--ink)}.hintbar{display:flex;flex-wrap:wrap;gap:.3rem .75rem;align-items:baseline;padding:.55rem 0;border-block:1px solid var(--line);color:var(--muted);font-size:.78rem}.hintbar strong{color:var(--ink);font-weight:600}.hintbar .sep{color:var(--line-strong)}.tabs{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:1.25rem;background:var(--bg);border-bottom:1px solid var(--line)}.tab{appearance:none;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .8rem;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font:inherit;font-size:.86rem;font-weight:550;cursor:pointer}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.panel[hidden]{display:none}.panel{padding-top:.25rem}h2{margin:0 0 .25rem;font-size:1rem;font-weight:650;letter-spacing:-.01em}.panel-sub{margin:0 0 .9rem;max-width:82ch;font-size:.82rem}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1rem 1.1rem 1.1rem;margin:.9rem 0}.panel-head{margin-bottom:.6rem}.panel-title{margin:0;font-size:.92rem;font-weight:650;letter-spacing:0}.panel-sub{color:var(--muted)}.panel-head .panel-sub{margin:.15rem 0 0}.badge{display:inline-flex;align-items:center;gap:.38rem;color:var(--muted);font-size:.73rem;font-weight:500;white-space:nowrap}.badge:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.badge[data-state=ready]{color:var(--ok)}.badge[data-state=ready]:before{background:var(--ok)}.badge[data-state=running]{color:var(--accent)}.badge[data-state=running]:before{background:var(--accent);animation:blink 1.1s steps(2,start) infinite}.badge[data-state=initializing],.badge[data-state=outdated]{color:var(--warn)}.badge[data-state=initializing]:before,.badge[data-state=outdated]:before{background:var(--warn);animation:blink 1.1s steps(2,start) infinite}.badge[data-state=error]{color:var(--err)}.badge[data-state=error]:before{background:var(--err)}.badge[data-state=uninitialized]{font-style:italic}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.pill{display:inline-flex;padding:.1rem .4rem;border-radius:4px;background:var(--bg);color:var(--faint);font-family:var(--mono);font-size:.68rem;text-transform:lowercase}.pill,.row{align-items:center}.row{display:flex;flex-wrap:wrap;gap:.5rem}.controls{padding:.1rem 0 .3rem}.fixture-row{margin-bottom:.5rem}.field-label{color:var(--muted);font-size:.78rem}button,select{font:inherit;font-size:.8rem;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.4rem .7rem;cursor:pointer;transition:border-color .12s,background .12s,color .12s}button:hover:not(:disabled),select:hover{border-color:var(--ink)}button:disabled{color:var(--faint);border-color:var(--line);cursor:not-allowed}button.primary{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}button.primary:disabled{background:var(--panel);border-color:var(--line);color:var(--faint)}button.secondary{background:var(--panel)}select{appearance:none;-webkit-appearance:none;max-width:15rem;padding-right:1.9rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%238f8b83' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .6rem center}.stage{position:relative;display:inline-block;max-width:100%;margin-top:.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--stage);overflow:hidden}.stage img,.stage video{display:block;max-width:100%;max-height:78vh;width:auto;height:auto}.stage canvas.overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-3d{position:absolute;right:10px;bottom:10px;width:230px;height:180px;z-index:2;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);overflow:hidden}.stage-3d canvas{display:block;width:100%;height:100%;touch-action:none}.stage-3d .empty{inset:0;display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.76rem;text-align:center}.stage-3d .empty,.stage-3d .label{position:absolute;color:var(--muted)}.stage-3d .label{top:6px;left:8px;padding:1px 5px;border-radius:3px;background:var(--panel);font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;pointer-events:none}.stats{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:.6rem;color:var(--muted);font-size:.75rem}.stats>span{white-space:nowrap}.stats code{padding:0;border:0;background:none;color:var(--ink);font-weight:600}.stats code.ms{color:var(--accent)}.stats code.count{color:var(--warn)}.stats code.ok{color:var(--ok)}.alert,.warn{max-width:70rem;margin:.55rem 0;padding:.5rem .7rem;border:1px solid;border-left:3px solid;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.79rem}.alert{border-color:color-mix(in srgb,var(--err) 35%,var(--line));border-left-color:var(--err);background:color-mix(in srgb,var(--err) 7%,var(--panel))}.warn{border-color:color-mix(in srgb,var(--warn) 35%,var(--line));border-left-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--panel))}details{margin-top:.7rem;border-top:1px dashed var(--line);padding-top:.55rem}details[hidden]{display:none}summary{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.76rem;cursor:pointer;user-select:none;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"+";display:inline-block;width:.8em;color:var(--accent);font-family:var(--mono);text-align:center}details[open] summary:before{content:"–"}details[open] summary{margin-bottom:.4rem}pre{max-height:340px;margin:.3rem 0 0;padding:.6rem .7rem;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);line-height:1.45}.footer,pre{font-size:.75rem}.footer{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted)}.drop-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.drop-card{min-width:min(26rem,84vw);padding:2rem 2.4rem;border:2px dashed var(--accent);border-radius:12px;background:var(--panel);text-align:center}.drop-card strong{display:block;margin-bottom:.35rem;font-size:1rem}.drop-card span{color:var(--muted);font-size:.8rem}.drop-card.is-error{border-color:var(--err)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--bg);border-radius:999px}@media (max-width:720px){body{padding:0 .9rem 3rem}.topbar{flex-direction:column;gap:.6rem;padding-top:1.4rem}.topbar-links{padding-top:0}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto}.card{padding:.85rem .85rem 1rem}select{max-width:11rem}.stage-3d{width:140px;height:110px;right:8px;bottom:8px}pre{max-height:260px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}