:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eefc;background:#03050a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 15%,#142044,#03050a 46%)}.shell{grid-template-columns:minmax(0,1fr) minmax(20rem,29rem);min-height:100vh;display:grid}.viewport{background:#010207;min-height:34rem}canvas{width:100%;height:100%;min-height:34rem;display:block}.panel{background:#04070feb;border-left:1px solid #27304d;padding:clamp(1.4rem,3vw,2.6rem);overflow:auto}.eyebrow{color:#82b7ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem}h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.status{color:#b7c4de;line-height:1.55}.controls{gap:.75rem;margin:1.4rem 0;display:grid}label{color:#9fb0cf;gap:.35rem;font-size:.82rem;display:grid}select{color:#eef4ff;background:#0d1424;border:1px solid #354260;border-radius:.55rem;width:100%;padding:.62rem .75rem}pre{color:#aec8ff;white-space:pre-wrap;background:#070b13;border:1px solid #26324e;border-radius:.7rem;max-height:48vh;padding:1rem;font:.73rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}@media (width<=900px){.shell{grid-template-columns:1fr}.panel{border-top:1px solid #27304d;border-left:0}canvas,.viewport{min-height:58vh}}