:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#030711;--bg-1:#091221;--bg-2:#10233a;--panel:#060e18d1;--panel-border:#92d1ff2e;--panel-shadow:#00000073;--text:#eff7ff;--muted:#cfe8ffb8;--accent:#71d6ff;--accent-strong:#b6f0ff;--accent-soft:#71d6ff2e;--danger:#ff7272;--font-sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at top, #3d85be29, transparent 38%), linear-gradient(180deg, var(--bg-1), var(--bg-0) 38%, #02040a 100%);color:var(--text);font-family:var(--font-sans);overflow:hidden}button,select,input{font:inherit}.app-shell{isolation:isolate;width:100vw;height:100vh;position:relative}.surface-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud-shell{z-index:2;gap:.75rem;width:min(22rem,100vw - 2rem);display:grid;position:absolute;top:1rem;right:1rem}.hud-toggle,.panel-button{border:1px solid var(--panel-border);color:var(--text);box-shadow:0 1rem 2.5rem -1.4rem var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101ce6;border-radius:999px}.hud-toggle{letter-spacing:.08em;text-transform:uppercase;justify-self:end;padding:.7rem 1rem;font-size:.74rem}.control-panel,.diagnostics{border:1px solid var(--panel-border);background:var(--panel);box-shadow:0 1.5rem 4rem -2rem var(--panel-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.2rem}.control-panel{padding:1rem}.panel-header{gap:.35rem;margin-bottom:1rem;display:grid}.panel-kicker,.diagnostics-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}.panel-title{margin:0;font-size:1.25rem;line-height:1.1}.panel-subtitle,.diagnostics-subtitle{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.panel-note{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.panel-group{gap:.35rem;margin-bottom:1rem;display:grid}.panel-group label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.panel-select{width:100%;color:var(--text);background:#020a14c7;border:1px solid #92d1ff38;border-radius:.85rem;padding:.75rem .9rem}.control-list{gap:.85rem;display:grid}.control-row{gap:.45rem;display:grid}.control-meta{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.control-name{color:var(--text);font-size:.88rem}.control-value{color:var(--accent-strong);font-family:var(--font-mono);font-size:.82rem}.control-slider{width:100%;accent-color:var(--accent)}.panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.panel-button{padding:.85rem .9rem}.panel-button.is-danger{color:#ffd6d6;border-color:#ff72724d}.diagnostics{z-index:2;width:min(18rem,100vw - 2rem);padding:1rem;position:absolute;bottom:1rem;left:1rem}.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .8rem;margin-top:1rem;display:grid}.diagnostic-item{gap:.2rem;display:grid}.diagnostic-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.diagnostic-value{font-family:var(--font-mono);font-size:.9rem}@media (width<=720px){.hud-shell{width:min(24rem,100vw - 1.5rem);top:auto;bottom:5.75rem;right:.75rem}.diagnostics{width:calc(100vw - 1.5rem);bottom:.75rem;left:.75rem}.panel-actions,.diagnostics-grid{grid-template-columns:1fr}}