:root{--neon-pink: #f72585;--raspberry-plum: #b5179e;--indigo-bloom: #7209b7;--ultrasonic-blue: #560bad;--true-azure: #480ca8;--vivid-royal: #3a0ca3;--bright-indigo: #3f37c9;--electric-sapphire: #4361ee;--blue-energy: #4895ef;--sky-aqua: #4cc9f0;--bg-base: #06020f;--bg-panel: #0d0820;--bg-panel-2: #100c28;--border: rgba(63, 55, 201, .25);--border-bright: rgba(67, 97, 238, .45);--text-primary: #e2d9f3;--text-muted: #7b6fa0;--text-dim: #3d3060;font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-base)}input[type=range]{accent-color:var(--electric-sapphire);width:100%}.app-root{display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;min-height:100vh;width:100%}.app-header{text-align:center;margin-bottom:28px;width:100%}.app-title{margin:0 0 6px;font-size:clamp(20px,4vw,28px);letter-spacing:2px;color:#4cc9f0}.app-subtitle{margin:0;color:#4cc9f0;font-size:11px;letter-spacing:.5px}.app-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;justify-content:center;width:100%;max-width:1040px}.left-col{display:flex;flex-direction:column;gap:16px;flex:0 0 auto;width:min(420px,100%)}.right-col{display:flex;flex-direction:column;gap:16px;flex:1 1 320px;min-width:280px;max-width:500px}.section-label{margin:0 0 8px;font-size:11px;color:var(--electric-sapphire);letter-spacing:2px;text-transform:uppercase}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px}@media(max-width:820px){.right-col{max-width:100%;width:100%;flex:1 1 100%}.left-col{width:100%}}@media(max-width:480px){.app-root{padding:16px 10px 32px}.app-layout{gap:16px}}