:root{color-scheme:dark;font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#05070d}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:radial-gradient(circle at top,#0b1324,#05070d);color:#f8fbff}main.viewer{position:relative;width:100%;height:100vh;overflow:hidden}main.viewer canvas{width:100%!important;height:100%!important}.overlay{position:absolute;left:5%;bottom:5%;padding:1.25rem 1.75rem;border-radius:16px;background:rgba(5,7,13,.65);border:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:420px;display:flex;flex-direction:column;gap:1rem}.overlay h1{margin:0;font-size:clamp(1.5rem,3vw,2.5rem)}.overlay p{margin:.25rem 0 0;color:#a5b2ca}.overlay .toggle{margin-top:.5rem;align-self:flex-start}.controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem;color:#cfd7ea}.control-group{display:flex;gap:.4rem}.pill{border:1px solid hsla(0,0%,100%,.2);background:transparent;border-radius:999px;padding:.3rem .9rem;color:inherit;font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease}.pill.active{background:linear-gradient(135deg,#7b5dff,#46b1ff);color:#fff;border-color:transparent}.debug-panel{position:absolute;top:1.5rem;right:1.5rem;width:200px;background:rgba(11,13,22,.85);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:.75rem;font-size:.85rem;box-shadow:0 20px 45px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.debug-panel header{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca9c7;margin-bottom:.5rem}.debug-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;gap:.5rem}.debug-control label{color:#c7d2e7}.debug-control button,.debug-control select{flex:1 1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#f8fbff;padding:.2rem .4rem;font-size:.85rem}.debug-control button{cursor:pointer}