:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101114;--panel:#16171c;--line:#2a2d36;--text:#ececec;--muted:#9aa0a6;--accent:#6cb0e0}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif}.app{flex-direction:column;height:100%;display:flex}.top{border-bottom:1px solid var(--line);padding:1rem 1.4rem .85rem}.kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}h1{letter-spacing:-.04em;margin:.12rem 0 0;font-size:1.55rem}.lede{color:var(--muted);max-width:46rem;margin:.35rem 0 0;font-size:.92rem}.kinds{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.kinds button,.export button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#22242b;border-radius:999px;padding:.4rem .75rem;font-size:.82rem}.kinds button.active,.export button:hover:not(:disabled){background:var(--accent);color:#102030;border-color:var(--accent)}.export button:disabled{opacity:.45;cursor:default}.layout{flex:1;grid-template-columns:minmax(280px,320px) 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--line);background:var(--panel);padding:1rem 1.1rem 1.4rem;overflow:auto}.field{gap:.28rem;margin-bottom:.75rem;font-size:.84rem;display:grid}.field span{color:var(--muted);justify-content:space-between;gap:.5rem;display:flex}.field strong{color:var(--text);font-variant-numeric:tabular-nums}.field-row{grid-template-columns:1fr 4.4rem;align-items:center;gap:.45rem;display:grid}.field input[type=range]{width:100%}.num{width:100%;color:var(--text);border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#101114;border-radius:6px;padding:.25rem .35rem}.hint,.status,.loading{color:var(--muted);font-size:.82rem;line-height:1.4}.export{gap:.5rem;margin-top:.9rem;display:flex}.stage{height:calc(100vh - 7.2rem);min-height:0;position:relative}.stage canvas{width:100%;height:100%;display:block}.loading{place-items:center;height:100%;padding:2rem;display:grid}.loading.overlay{background:var(--bg);pointer-events:none;margin:0;position:absolute;inset:0}@media (width<=860px){.layout{display:block}.stage{border-top:1px solid var(--line);height:52vh}}