:root{color-scheme:dark;--bg: #070b12;--bg2: #0e1420;--panel: linear-gradient(180deg, rgba(25, 32, 45, .98), rgba(10, 14, 22, .98));--line: rgba(170, 190, 215, .14);--line-strong: rgba(170, 190, 215, .22);--text: #dce7f7;--muted: #8f9fb5;--cyan: #28c2ff;--purple: #8d7dff;--green: #63f08a;--amber: #ffb24d;--lime: #b6ff59;--blue: #4b9dff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,#172238 0%,var(--bg) 35%,#04070d 100%);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}input,select{background:#0f1521;color:var(--text);border:1px solid rgba(155,176,203,.16);border-radius:10px}.app-shell{height:100vh;overflow:hidden;padding:10px;display:grid;gap:8px}*{scrollbar-width:thin;scrollbar-color:rgba(155,176,203,.25) rgba(10,14,22,.4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0e1666;border-radius:4px}::-webkit-scrollbar-thumb{background:#9bb0cb40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2dc8ff73}::-webkit-scrollbar-corner{background:transparent}.hero-bar{display:grid;grid-template-columns:260px 1fr auto;gap:10px;align-items:center;background:linear-gradient(180deg,#0f1623fa,#080c14fa);border:1px solid var(--line);border-radius:18px;padding:10px 14px;box-shadow:0 18px 40px #0000004d,inset 0 1px #ffffff0a}.brand-title{font-size:1.1rem;font-weight:900;letter-spacing:.02em}.brand-subtitle{color:var(--muted);font-size:.76rem;margin-top:2px}.top-nav{display:flex;gap:8px;justify-content:center}.top-nav-button,.hero-button{border:1px solid var(--line-strong);color:#c8d4ea;background:linear-gradient(180deg,#131c2b,#0c1220);border-radius:12px;padding:9px 14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.top-nav-button.active{color:#fff;border-color:#529eff99;box-shadow:inset 0 0 0 1px #529eff47,0 0 18px #28c2ff14}.hero-actions{display:flex;gap:8px;align-items:center}.inline-select{display:grid;gap:3px;font-size:.7rem;color:var(--muted)}.inline-select select{min-width:138px;padding:8px 10px}.hero-button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;text-transform:none;letter-spacing:0}.hero-button.ghost{background:transparent}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.status-pill{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#0b1019c7}.status-pill span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.status-pill strong{font-size:.86rem}.workspace-grid{display:grid;grid-template-columns:210px 1fr 220px;gap:8px;min-height:0}.left-rail,.right-rail,.main-stage{min-height:0;overflow:auto}.rail-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 16px 32px #00000038,inset 0 1px #ffffff08}.rail-panel+.rail-panel{margin-top:8px}.rail-title,.panel-header h3{display:flex;align-items:center;gap:6px;margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.panel-header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.panel-body,.tab-layout{display:grid;gap:10px}.dense-grid{grid-template-columns:repeat(12,1fr)}.dense-grid>.panel:nth-child(1),.dense-grid>.panel:nth-child(2){grid-column:span 6}.dense-grid>.wide-panel{grid-column:span 8}.dense-grid>.compact-panel{grid-column:span 4}.patch-grid,.perform-grid,.mod-grid,.fx-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1 / -1}.mod-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mod-chip{display:flex;align-items:center;gap:7px;justify-content:flex-start;padding:8px 10px;background:#111924;border-radius:10px;border:1px solid rgba(155,176,203,.16);color:var(--text);font-size:.76rem}.mod-chip.armed{transform:translateY(-1px);box-shadow:0 0 0 1px currentColor,0 0 16px #2dc8ff29}.mod-chip-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.mod-chip.cyan{color:var(--cyan)}.mod-chip.purple{color:var(--purple)}.mod-chip.green{color:var(--green)}.mod-chip.amber{color:var(--amber)}.mod-chip.lime{color:var(--lime)}.mod-chip.blue{color:var(--blue)}.hint-list{padding-left:16px;color:var(--muted);margin:6px 0 0;display:grid;gap:6px;font-size:.78rem}.field-stack{display:grid;gap:8px}.wave-screen{background:linear-gradient(180deg,#0e1f2de0,#090f18f2);border:1px solid rgba(155,176,203,.12);border-radius:12px;padding:8px}.wave-screen.cyan{box-shadow:inset 0 0 0 1px #2dc8ff1a}.wave-screen.purple{box-shadow:inset 0 0 0 1px #8d7dff1a}.wave-screen-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;margin-bottom:6px}.wave-svg{width:100%;height:80px}.wave-svg path{fill:none;stroke:var(--cyan);stroke-width:2.2}.wave-screen.purple .wave-svg path{stroke:var(--lime)}.wave-svg .ghost{opacity:.28}.noise-preview,.filter-visual,.env-view{height:66px;border-radius:10px;border:1px solid rgba(155,176,203,.12);background:linear-gradient(180deg,#0e1620,#080c12);position:relative;overflow:hidden}.filter-visual:before,.env-view:before,.fx-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8}.filter-visual:before,.fx-visual:before{background:linear-gradient(180deg,transparent 58%,rgba(45,200,255,.26) 59%),radial-gradient(circle at 22% 72%,rgba(45,200,255,.55),transparent 6%),radial-gradient(circle at 42% 38%,rgba(45,200,255,.55),transparent 10%),linear-gradient(90deg,transparent,rgba(45,200,255,.08),transparent)}.env-view:before{background:linear-gradient(135deg,transparent 34%,rgba(45,200,255,.7) 35%,rgba(45,200,255,.7) 37%,transparent 38%),linear-gradient(180deg,transparent 20%,rgba(45,200,255,.15) 20%,rgba(45,200,255,.15) 21%,transparent 21%)}.option-selector{display:grid;gap:4px;font-size:.68rem;color:var(--muted)}.option-selector select{min-width:130px;padding:7px 8px}.knob-grid{display:grid;gap:8px}.knob-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.knob-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.knob-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.knob-grid.five-up{grid-template-columns:repeat(5,minmax(0,1fr))}.knob-grid.six-up{grid-template-columns:repeat(6,minmax(0,1fr))}.knob-grid.eight-up{grid-template-columns:repeat(8,minmax(0,1fr))}.control-shell,.fader-shell{position:relative;border:1px solid rgba(155,176,203,.1);border-radius:12px;background:linear-gradient(180deg,#141b27,#0d131d);padding:8px}.control-shell.mod-target,.fader-shell.mod-target{box-shadow:inset 0 0 0 1px #2dc8ff0a}.control-shell.drop-ready:hover,.fader-shell.drop-ready:hover{border-color:#2dc8ff8c;box-shadow:inset 0 0 0 1px #2dc8ff29,0 0 12px #2dc8ff14}.knob-wrap{position:relative;display:grid;place-items:center;min-height:70px}.knob-face{width:54px;height:54px;border-radius:50%;padding:5px;background:linear-gradient(180deg,#313b4a,#101622);box-shadow:inset 0 3px 7px #ffffff14,inset 0 -7px 12px #0000006b,0 7px 14px #00000042}.knob-cap{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#596576,#1f2835 58%,#121825);display:grid;place-items:start center;padding-top:6px}.knob-indicator{width:3px;height:14px;border-radius:999px;background:var(--cyan);box-shadow:0 0 8px #2dc8ff73}.knob-range{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:ns-resize}.control-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:center}.control-value{text-align:center;font-weight:800;margin-top:3px;font-size:.88rem}.route-dots{position:absolute;top:8px;right:8px;display:flex;gap:4px}.route-dot{width:7px;height:7px;border-radius:999px}.fader-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.fader-header{display:flex;justify-content:space-between;font-size:.62rem;color:var(--muted);margin-bottom:6px;text-transform:uppercase;gap:4px}.fader-track-wrap{height:118px;display:grid;place-items:center}.fader-range{width:22px;height:98px;margin:0;background:transparent;writing-mode:vertical-lr;direction:rtl}.fader-route-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:5px}.route-pill{border:1px solid currentColor;border-radius:999px;padding:1px 6px;font-size:.6rem}.matrix-list{display:grid;gap:8px}.matrix-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 36px auto;gap:8px;align-items:center}.matrix-route{border-left:4px solid var(--cyan);padding:8px 10px;border-radius:10px;background:#080d1470;display:flex;gap:8px;align-items:center;font-size:.82rem}.matrix-source{font-weight:800}.matrix-target{color:var(--muted)}.danger-button{background:#2a1317;color:#ff8da0;border:1px solid rgba(255,141,160,.24);border-radius:10px;padding:8px 10px}.mini-danger{padding:4px 8px;line-height:1}.browser-list,.live-route-list{display:grid;gap:8px}.browser-row{background:#111824;color:var(--text);border:1px solid rgba(155,176,203,.14);border-radius:12px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.browser-main{background:transparent;border:0;color:inherit;text-align:left;padding:0;flex:1}.browser-row strong{display:block}.browser-row span{color:var(--muted);font-size:.76rem}.browser-actions{display:flex;gap:6px;align-items:center}.tag{border-radius:999px;padding:4px 8px;background:#2dc8ff1a;color:var(--cyan)!important;font-weight:700;font-size:.72rem}.toolbar-row{display:flex;gap:8px;flex-wrap:wrap}.text-input{min-width:220px;padding:8px 10px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-card{border:1px solid rgba(155,176,203,.12);background:#0a0e1673;border-radius:12px;padding:10px;display:grid;gap:4px}.info-card span{color:var(--muted);font-size:.78rem}.step-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.step-cell{border-radius:10px;border:1px solid rgba(155,176,203,.12);background:#111824;color:var(--text);padding:8px 0;display:grid;gap:3px}.step-cell span{font-weight:800}.step-cell small{color:var(--muted);font-size:.64rem}.step-cell.accent{box-shadow:inset 0 0 0 1px #8d7dff1f}.step-cell.active{background:linear-gradient(180deg,#2dc8ff3d,#2dc8ff14);border-color:#2dc8ff57}.macro-strip{display:grid;gap:8px}.macro-row{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.macro-row span{color:var(--muted);font-weight:700;font-size:.78rem}.live-route-item{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;background:#0a0e1659;border-radius:10px;border:1px solid rgba(155,176,203,.08);font-size:.76rem}.browser-main:hover,.top-nav-button:hover,.hero-button:hover,.mod-chip:hover,.step-cell:hover{filter:brightness(1.06)}@media (max-width: 1360px){.workspace-grid{grid-template-columns:190px 1fr 205px}.knob-grid.eight-up{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1160px){.app-shell{height:auto;overflow:auto}.workspace-grid{grid-template-columns:1fr}.left-rail,.right-rail,.main-stage{overflow:visible}.fader-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-strip,.hero-bar,.patch-grid,.perform-grid,.mod-grid,.fx-layout{grid-template-columns:1fr}}@media (max-width: 860px){.dense-grid,.info-grid{grid-template-columns:1fr}.dense-grid>.panel:nth-child(1),.dense-grid>.panel:nth-child(2),.dense-grid>.wide-panel,.dense-grid>.compact-panel,.full-width{grid-column:auto}.knob-grid.four-up,.knob-grid.five-up,.knob-grid.six-up,.knob-grid.eight-up,.fader-grid,.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-row{grid-template-columns:1fr}}.step-main-button{background:transparent;border:0;color:inherit;width:100%;display:grid;gap:3px;padding:0}.step-actions-row{display:flex;gap:4px;justify-content:center;margin-top:4px}.step-mini-button{border-radius:8px;border:1px solid rgba(155,176,203,.14);background:#090e15cc;color:var(--muted);padding:4px 6px;font-size:.62rem}.step-mini-button.active,.lock-tag.active,.note-chip.active{color:var(--cyan)!important;border-color:#2dc8ff73;box-shadow:inset 0 0 0 1px #2dc8ff1f}.step-cell.lock-selected{box-shadow:inset 0 0 0 1px #2dc8ff80,0 0 14px #2dc8ff14}.step-cell.playing{outline:1px solid rgba(141,125,255,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060abf;display:grid;place-items:center;z-index:30}.modal-card{width:min(720px,calc(100vw - 32px));background:linear-gradient(180deg,#141b27,#0d131d);border:1px solid rgba(155,176,203,.16);border-radius:16px;padding:14px;box-shadow:0 20px 60px #00000073}.note-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.note-chip{border-radius:10px;border:1px solid rgba(155,176,203,.14);background:#0b1118e6;color:var(--text);padding:10px 8px}.lock-list{display:grid;gap:8px}.drum-fader-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 860px){.note-chip-grid,.drum-fader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell.compact-shell{background:linear-gradient(180deg,#070a12f5,#04060cfa),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 120px);padding:8px;gap:6px}.hero-bar.compact-hero{grid-template-columns:210px 1fr auto;border-radius:12px;padding:6px 10px;background:linear-gradient(180deg,#141a26fa,#080b12fa);border-color:#8fabd32e;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 14px 34px #00000038}.brand-block.compact-brand{min-height:48px;display:grid;align-content:center;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#141c29f2,#090c14f2);border:1px solid rgba(166,188,222,.12)}.brand-title{font-size:.92rem;font-weight:900;letter-spacing:.01em}.brand-subtitle{font-size:.62rem;letter-spacing:.02em}.serum-top-nav{gap:4px}.top-nav-button{min-width:74px;min-height:48px;padding:4px 10px 6px;border-radius:8px;display:grid;place-items:center;gap:4px;background:linear-gradient(180deg,#1c2534,#0e1420);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0009}.top-nav-led{width:6px;height:6px;border-radius:999px;background:#ffffff24;box-shadow:0 0 0 1px #ffffff0d}.top-nav-button.active .top-nav-led{background:#7cff4d;box-shadow:0 0 10px #7cff4d99,0 0 0 1px #ffffff14}.top-nav-label{font-size:.7rem;font-weight:800;letter-spacing:.1em}.hero-actions.compact-actions{gap:6px}.inline-select.compact-select span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.inline-select.compact-select select,.option-selector select,.text-input{height:30px;padding:4px 8px;border-radius:7px;font-size:.76rem;background:linear-gradient(180deg,#111827,#0b101a)}.hero-button{min-height:30px;padding:6px 10px;border-radius:7px;font-size:.78rem;font-weight:800;background:linear-gradient(180deg,#182233,#0e1420)}.status-strip{gap:6px}.status-pill{min-height:26px;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#111722f5,#080b12eb)}.status-pill span{font-size:.56rem}.status-pill strong{font-size:.76rem}.rail-panel,.panel{position:relative;padding:8px;border-radius:10px;background:linear-gradient(180deg,#161c28fa,#080c13fa);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000080,0 14px 26px #0000002e}.panel-top-strip{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(50,219,255,.7),rgba(50,219,255,.1) 45%,transparent 80%);border-top-left-radius:10px;border-top-right-radius:10px}.panel-header{margin:-2px -8px 8px;padding:6px 8px 5px;border-bottom:1px solid rgba(146,168,206,.12);background:linear-gradient(180deg,#232c3d85,#0e131c00)}.rail-title,.panel-header h3{font-size:.68rem;font-weight:800;letter-spacing:.12em}.panel-body,.tab-layout{gap:8px}.wave-screen{position:relative;border-radius:8px;padding:6px 8px 7px;background:linear-gradient(180deg,#0f1d28f2,#0a111afa),linear-gradient(90deg,#ffffff05,#fff0);border:1px solid rgba(148,178,214,.12);overflow:hidden}.wave-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 26%,transparent 70%,rgba(0,0,0,.18));pointer-events:none}.wave-screen.cyan{color:#30c9ff}.wave-screen.lime{color:#c6ff45}.wave-screen.purple{color:#9e89ff}.wave-screen.blue{color:#69a7ff}.wave-screen-top{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.wave-svg{height:72px}.wave-grid-lines line{stroke:#ffffff0d;stroke-width:1}.wave-midline{stroke:#ffffff17;stroke-width:1}.wave-svg .main{fill:none;stroke:currentColor;stroke-width:2.1;filter:drop-shadow(0 0 8px rgba(60,210,255,.2))}.wave-svg .ghost{fill:none;stroke:currentColor;stroke-opacity:.28;stroke-width:1.1}.wave-svg .wave-bar{fill:currentColor;fill-opacity:.9}.wave-pulse{fill:none;stroke:currentColor;stroke-opacity:.45;stroke-width:1.5}.wave-pulse.primary{stroke-opacity:.95;stroke-width:2.2}.knob-grid{gap:6px}.control-shell,.fader-shell{border-radius:9px;padding:6px 5px;background:linear-gradient(180deg,#161d29,#0d131c)}.knob-wrap{min-height:54px}.knob-face{width:42px;height:42px;padding:4px;background:linear-gradient(180deg,#4c586a,#111721);box-shadow:inset 0 2px 5px #ffffff14,inset 0 -5px 10px #00000073,0 5px 10px #0003}.knob-cap{background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.1),transparent 28%),radial-gradient(circle at 50% 44%,#566273,#1b2432 58%,#111722);padding-top:5px}.knob-indicator{width:2px;height:11px}.control-label{font-size:.53rem;line-height:1.05;min-height:1.2em}.control-value{font-size:.78rem;margin-top:1px}.route-dots{top:5px;right:5px;gap:3px}.route-dot{width:5px;height:5px}.fader-grid{gap:6px}.fader-header{font-size:.54rem;margin-bottom:4px}.fader-track-wrap{height:88px}.fader-range{height:72px;width:18px}.macro-strip.compact-macro-strip{gap:5px}.macro-row.compact-macro-row{display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:center;font-size:.68rem}.macro-row input{accent-color:#2ec8ff}.matrix-row{grid-template-columns:minmax(0,1fr) 128px 30px auto;gap:6px}.matrix-route{padding:6px 8px;font-size:.74rem;border-radius:8px}.danger-button{padding:6px 8px;font-size:.72rem;border-radius:8px}.info-grid.compact-info-grid{gap:6px}.info-card{padding:8px 10px;border-radius:8px;background:linear-gradient(180deg,#0d121cdb,#080b12c2);border:1px solid rgba(144,170,212,.1)}.info-card strong{font-size:.72rem;display:block;margin-bottom:2px}.info-card span{font-size:.7rem;color:var(--muted);line-height:1.35}.compact-browser-list,.compact-route-list,.compact-step-grid{gap:5px}.browser-row.compact-browser-row{min-height:40px;padding:6px 8px}.step-cell{border-radius:8px;min-height:60px}.step-main-button{padding:6px}.step-main-button span{font-size:.78rem}.step-main-button small{font-size:.58rem}.step-actions-row{gap:4px;padding:0 5px 5px}.step-mini-button{font-size:.58rem;padding:4px 5px;border-radius:6px}.note-chip{min-height:28px;font-size:.68rem}.lock-list{gap:5px}.live-route-item{padding:6px 8px;font-size:.7rem;border-radius:8px}.compact-hints{font-size:.7rem;gap:4px}.mod-chip-list.compact-chip-list{gap:5px}.mod-chip{padding:6px 8px;min-height:32px;border-radius:8px;font-size:.68rem;background:linear-gradient(180deg,#101723fa,#0a0e15fa)}.display-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.serum-main-grid{align-content:start}.serum-panel .panel-right{display:flex;align-items:center;gap:6px}.serum-tab-grid{align-content:start}.matrix-panel input[type=range]{width:100%}@media (max-width: 1400px){.workspace-grid.compact-workspace{grid-template-columns:168px 1fr 178px}.knob-face{width:38px;height:38px}.knob-wrap{min-height:50px}.control-value{font-size:.74rem}}.serum-master-dashboard{display:flex;flex-direction:column;gap:6px;height:100%}.serum-top-row{display:grid;grid-template-columns:1fr 2.5fr 2.5fr 1.5fr;gap:6px;flex:1}.serum-bottom-row{display:grid;grid-template-columns:1.5fr 2.5fr 2fr;gap:6px;flex:1}.dense-panel{display:flex;flex-direction:column;justify-content:space-between;padding:6px}.dense-panel .panel-body{gap:4px}.mini-tabs{display:flex;gap:2px;background:#0b101a;padding:2px;border-radius:6px;border:1px solid rgba(155,176,203,.1)}.mini-tabs button{background:transparent;border:none;color:var(--muted);font-size:.6rem;font-weight:800;padding:4px 8px;border-radius:4px;cursor:pointer}.mini-tabs button.active{background:var(--cyan);color:#000;box-shadow:0 0 8px #2dc8ff66}.dense-panel .wave-screen,.dense-panel .filter-visual,.dense-panel .env-view{min-height:50px;margin-bottom:4px}.custom-select-container{position:relative;font-size:.68rem;color:var(--text);min-width:140px;z-index:10}.custom-select-label{margin-right:8px;color:var(--muted)}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#161d29,#0d131c);border:1px solid rgba(155,176,203,.16);border-radius:7px;padding:4px 10px;height:28px;cursor:pointer;box-shadow:inset 0 1px #ffffff0a,0 2px 4px #0003;transition:border-color .15s ease}.custom-select-trigger:hover{border-color:#2dc8ff80}.custom-select-arrow{font-size:.5rem;color:var(--muted);transition:transform .2s ease}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0d131d;border:1px solid rgba(155,176,203,.2);border-radius:7px;max-height:220px;overflow-y:auto;z-index:100;list-style:none;margin:0;padding:4px;box-shadow:0 12px 34px #0009}.custom-select-dropdown li{padding:6px 10px;cursor:pointer;border-radius:5px;color:#c8d4ea;transition:background .1s}.custom-select-dropdown li:hover,.custom-select-dropdown li.selected{background:#2dc8ff26;color:var(--cyan)}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#9bb0cb33;border-radius:3px}.status-strip{display:flex;background:#090e15;border:1px solid rgba(155,176,203,.1);border-radius:6px;padding:0;margin-bottom:-2px;overflow:hidden}.status-pill{flex:1;display:flex;justify-content:center;gap:8px;align-items:center;padding:6px 10px;background:transparent;border:none;border-right:1px solid rgba(155,176,203,.08);border-radius:0;min-height:auto}.status-pill:last-child{border-right:none}.status-pill span{font-size:.55rem;color:#6a7b92}.status-pill strong{font-size:.65rem;color:#a4b5cc;font-weight:700}.custom-select-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:140px}.workspace-grid{display:grid;grid-template-columns:210px 1fr;gap:8px;min-height:0}@media (max-width: 1360px){.workspace-grid{grid-template-columns:190px 1fr}}.workspace-grid.compact-workspace{grid-template-columns:180px 1fr;gap:6px}@media (max-width: 1400px){.workspace-grid.compact-workspace{grid-template-columns:168px 1fr}}.effective-cap{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent!important;pointer-events:none}.effective-indicator{background:#30c9ff!important;box-shadow:0 0 10px #30c9ffcc!important;width:4px;height:14px;border-radius:999px}.knob-face:has(.effective-indicator) .knob-indicator:not(.effective-indicator){background:#596576;box-shadow:none}.serum-top-row{flex:1.4}.serum-bottom-row{flex:.6}.dense-panel .wave-screen{min-height:44px}.control-shell.drop-ready,.fader-shell.drop-ready{border-color:#2dc8ff66;background:linear-gradient(180deg,#162334f2,#0c121cf2);box-shadow:inset 0 0 0 1px #2dc8ff1a,0 0 12px #2dc8ff0d}.control-shell.drop-ready:hover,.fader-shell.drop-ready:hover{border-color:#2dc8ffcc;background:linear-gradient(180deg,#1c2c42f2,#0f1724f2);box-shadow:inset 0 0 0 1px #2dc8ff40,0 0 16px #2dc8ff26;cursor:crosshair}.env-handle{fill:transparent;cursor:grab;transition:fill .15s ease}.env-handle:hover,.env-handle.active{fill:#ffffff1f}.env-handle:active{cursor:grabbing}.env-handle-dot{fill:currentColor}.wave-screen.dragging{cursor:grabbing}.osc-layer{fill:#0e1620f2;stroke:currentColor}.osc-layer.front{fill:#2dc8ff0f;filter:drop-shadow(0 0 12px rgba(45,200,255,.25))}.wave-screen.purple .osc-layer.front{fill:#8d7dff0f;filter:drop-shadow(0 0 12px rgba(141,125,255,.25))}.filter-fill{mix-blend-mode:screen}.filter-laser{stroke:currentColor;stroke-width:2.5;stroke-dasharray:4 6;filter:drop-shadow(0 0 8px currentColor)}.wave-screen{flex:1;display:flex;flex-direction:column;position:relative;min-height:80px;overflow:visible!important}.wave-svg{flex:1;width:100%;height:100%}.osc-dropdown-overlay{position:absolute;top:8px;right:8px;z-index:10}.slot-chip-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:12px 0}.slot-chip{border-radius:8px;border:1px solid rgba(155,176,203,.14);background:#0b1118e6;color:var(--text);padding:10px 4px;font-size:.8rem;font-weight:800;text-align:center;transition:all .1s ease}.slot-chip.active{color:var(--cyan)!important;border-color:#2dc8ff73;box-shadow:inset 0 0 0 1px #2dc8ff1f,0 4px 12px #2dc8ff26;background:#2dc8ff26;transform:translateY(-2px)}.slot-chip:hover:not(.active){filter:brightness(1.4);background:#ffffff0d}@media (max-width: 860px){.slot-chip-grid{gap:4px}.slot-chip{padding:8px 2px;font-size:.7rem}}