@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=Rajdhani:wght@500;600;700&display=swap";:root{--accent-purple: #7c3aed;--accent-magenta: #c026d3;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--rack-black: #0a0a0a;--rack-surface: #141414;--rack-highlight: #1a1a1a;--rack-border: #2a2a2a;--module-bg: #111111;--metal-dark: #1c1c1c;--metal-mid: #252525;--metal-light: #333;--led-magenta: #e879f9;--led-cyan: #22d3ee;--led-amber: #fbbf24;--led-green: #4ade80;--led-red: #f87171;--led-off: #1a1a1a;--text-bright: #f5f5f5;--text-dim: #737373;--text-accent: #a78bfa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,sans-serif;background:radial-gradient(ellipse at center top,#1a1520,#0d0d0d 50%),#0d0d0d;min-height:100vh;padding:20px}#app{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:900px;margin:0 auto;padding:20px 0}.myroneman-unit{width:100%;display:flex;flex-direction:column;gap:12px}.header-module{background:var(--rack-surface);border:1px solid var(--rack-border);border-radius:4px;position:relative;display:flex;align-items:stretch;padding:0;min-height:70px;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff08}.rack-ear{width:24px;background:linear-gradient(180deg,#3a3a3a,#252525,#2a2a2a);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0;flex-shrink:0}.rack-ear--left{border-radius:4px 0 0 4px;border-right:1px solid var(--rack-border)}.rack-ear--right{border-radius:0 4px 4px 0;border-left:1px solid var(--rack-border)}.rack-screw{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#555,#222 60%,#1a1a1a);box-shadow:inset 0 1px 2px #000c,0 1px #ffffff0d;position:relative}.rack-screw:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(25deg);width:6px;height:1px;background:#111}.rack-screw:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-65deg);width:6px;height:1px;background:#111}.header-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 20px;padding:12px 24px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,rgba(255,255,255,.006) 2px,rgba(255,255,255,.006) 3px),linear-gradient(180deg,var(--rack-highlight) 0%,var(--rack-black) 100%)}.brand-section{display:flex;flex-direction:column;gap:2px}.brand-label{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:600;letter-spacing:3px;color:var(--accent-purple);text-transform:uppercase}.brand-logo{height:38px;width:auto;object-fit:contain;display:block;margin-left:-4px}.brand-model{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent-cyan)}.header-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-section{display:flex;align-items:center;gap:6px}.preset-nav-btn{font-family:Rajdhani,sans-serif;font-weight:700;font-size:12px;background:var(--metal-dark);color:var(--text-bright);border:1px solid var(--rack-border);padding:4px 8px;cursor:pointer;border-radius:2px;transition:all .15s ease;min-width:24px}.preset-nav-btn:hover{background:var(--metal-mid);border-color:var(--accent-purple)}.preset-nav-btn:active{background:var(--accent-purple)}.preset-name{font-family:Rajdhani,sans-serif;font-weight:600;font-size:11px;color:var(--accent-cyan);background:var(--rack-black);border:1px solid var(--rack-border);padding:4px 12px;border-radius:2px;width:140px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-save-btn{font-family:Rajdhani,sans-serif;font-weight:700;font-size:10px;background:var(--metal-dark);color:var(--text-dim);border:1px solid var(--rack-border);padding:4px 8px;cursor:pointer;border-radius:2px;transition:all .15s ease;margin-left:4px}.preset-save-btn:hover{background:var(--metal-mid);border-color:var(--accent-cyan);color:var(--text-bright)}.mode-section{display:flex;align-items:center;gap:8px}.mode-label{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--text-dim)}.mode-toggle{display:inline-flex;align-items:center;border:1px solid var(--rack-border);border-radius:12px;overflow:hidden;background:var(--rack-black)}.mode-option{appearance:none;border:0;background:transparent;color:var(--text-dim);font-family:Rajdhani,sans-serif;font-size:9px;font-weight:700;letter-spacing:.8px;padding:4px 10px;cursor:pointer;transition:all .15s ease}.mode-option+.mode-option{border-left:1px solid var(--rack-border)}.mode-option.active{background:linear-gradient(180deg,var(--accent-cyan) 0%,#0ea5a4 100%);color:#0a0a0a;box-shadow:inset 0 0 10px #22d3ee59}.mode-option:hover{color:var(--text-bright)}.meters-section{display:flex;align-items:center;gap:16px;margin-left:auto}.meter-group{display:flex;flex-direction:column;gap:3px}.meter-label{font-family:Rajdhani,sans-serif;font-size:8px;font-weight:600;color:var(--text-dim);letter-spacing:1px}.level-meter{width:100px;height:8px;background:#050505;border:1px solid var(--rack-border);border-radius:2px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-purple) 70%,var(--accent-magenta) 100%);width:0%;transition:width .05s ease-out}.gr-meter .meter-fill{background:linear-gradient(90deg,var(--accent-purple),var(--accent-magenta));float:right}.gr-value{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:var(--accent-magenta);min-width:55px;text-align:right}.gr-meter-row{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--rack-border);min-width:0}.gr-meter-row .level-meter{flex:1}.power-indicator{display:flex;align-items:center;gap:6px}.power-led{width:8px;height:8px;border-radius:50%;background:var(--led-magenta);box-shadow:0 0 8px var(--led-magenta);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.power-text{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:1px}.download-link{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;color:var(--accent-purple);text-decoration:none;padding:6px 12px;border:1px solid var(--accent-purple);border-radius:3px;transition:all .2s ease;opacity:.7}.download-link:hover{background:var(--accent-purple);color:#fff;opacity:1}.modules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module{background:var(--module-bg);border:1px solid var(--rack-border);border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff05;min-width:0;width:100%}.module-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(180deg,var(--rack-highlight) 0%,var(--rack-black) 100%);border-bottom:1px solid var(--rack-border)}.module-title{font-family:Orbitron,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent-cyan);text-transform:uppercase}.module-bypass{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:3px;transition:all .15s ease;border:1px solid transparent}.module-bypass:hover{background:#ffffff0d;border-color:var(--rack-border)}.bypass-led{width:6px;height:6px;border-radius:50%;background:var(--led-off);border:1px solid #333;transition:all .15s ease}.bypass-led.active{background:var(--led-green);box-shadow:0 0 6px var(--led-green)}.bypass-label{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:.5px;min-width:22px;text-align:right;transition:color .15s ease}.module-bypass:hover .bypass-label{color:var(--text-bright)}.module-content{padding:14px;display:flex;flex-direction:column;gap:10px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(255,255,255,.004) 3px,rgba(255,255,255,.004) 4px),var(--module-bg);min-width:0;overflow:hidden}.controls-panel.simple-mode .pro-only{display:none!important}.param-row{display:flex;align-items:center;gap:10px;min-width:0}.param-label{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;color:var(--text-dim);letter-spacing:.5px;min-width:85px;width:85px;flex-shrink:0;text-transform:uppercase}.param-slider{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:4px;background:var(--rack-black);border-radius:2px;border:1px solid var(--rack-border);cursor:pointer}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#4a4a4a,#2a2a2a,#3a3a3a);border:1px solid #555;cursor:grab;box-shadow:0 2px 4px #0006;transition:all .15s ease}.param-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 4px #0006,0 0 8px #06b6d44d}.param-slider::-webkit-slider-thumb:active{cursor:grabbing}.param-slider::-moz-range-track{height:4px;background:var(--rack-black);border-radius:2px;border:1px solid var(--rack-border)}.param-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#4a4a4a,#2a2a2a,#3a3a3a);border:1px solid #555;cursor:grab;box-shadow:0 2px 4px #0006;transition:all .15s ease}.param-slider::-moz-range-thumb:hover{box-shadow:0 2px 4px #0006,0 0 8px #06b6d44d}.param-slider::-moz-range-thumb:active{cursor:grabbing}.param-value{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;color:var(--accent-cyan);min-width:55px;width:55px;flex-shrink:0;text-align:right}.param-select{flex:1;min-width:0;background:var(--rack-black);color:var(--text-bright);border:1px solid var(--rack-border);padding:6px 10px;border-radius:3px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s ease}.param-select:hover{border-color:var(--accent-purple)}.param-select:focus{outline:none;border-color:var(--accent-cyan)}.param-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-switch{position:relative;width:32px;height:16px;background:var(--rack-black);border:1px solid var(--rack-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#444;border-radius:50%;transition:all .2s ease}.toggle-switch.active{background:var(--accent-cyan);border-color:var(--accent-cyan)}.toggle-switch.active:after{left:18px;background:#fff;box-shadow:0 0 6px var(--accent-cyan)}.toggle-label{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:.5px}.start-overlay{position:fixed;inset:0;z-index:1000;transition:opacity .3s ease,visibility .3s ease}.start-overlay:before{content:"";position:absolute;inset:0;background:#0a0a0ad9;z-index:-2}.start-overlay .threads-bg{position:absolute;inset:0;z-index:-1;pointer-events:auto}.start-overlay .threads-bg canvas{width:100%;height:100%;display:block}.start-overlay .start-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;pointer-events:none}.start-overlay .start-content>*{pointer-events:auto}.start-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-brand{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.start-logo{max-width:80%;height:auto;min-width:200px;object-fit:contain}.start-buttons{display:flex;gap:20px}.start-button{background:linear-gradient(180deg,var(--metal-light) 0%,var(--metal-dark) 100%);border:1px solid var(--rack-border);border-radius:4px;width:100px;height:100px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.start-button:hover:not(:disabled){border-color:var(--accent-purple);box-shadow:0 0 20px #7c3aed4d;transform:translateY(-2px)}.start-button:disabled{opacity:.6;cursor:wait}.start-icon{font-size:28px;filter:grayscale(.2)}.start-text{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;color:var(--text-bright);letter-spacing:2px}.demo-button{background:transparent;border:1px solid var(--rack-border);border-radius:4px;width:100px;height:100px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.demo-button:hover:not(:disabled){border-color:var(--accent-cyan);box-shadow:0 0 20px #06b6d433;transform:translateY(-2px)}.demo-button:disabled{opacity:.6;cursor:wait}.demo-button .start-icon{font-size:28px}.demo-button .start-text{color:var(--text-dim)}.controls-panel{display:none;width:100%}.controls-panel.active{display:flex;flex-direction:column;gap:12px}@media(max-width:900px){.meters-section{margin-left:0}.level-meter{width:80px}}@media(max-width:700px){body{padding:10px}.modules-grid{grid-template-columns:1fr}.header-content{padding:12px 16px;gap:10px 16px}.brand-logo{height:32px;margin-left:-2px}.brand-section{gap:1px}.preset-name{width:120px}.meters-section{width:100%;justify-content:flex-start;gap:16px}.level-meter{width:70px}.rack-ear{display:none}}input[type=checkbox].hidden-checkbox{position:absolute;opacity:0;width:0;height:0}