:root{--bg-base: #0f0f1a;--bg-panel: #1a1a2e;--bg-card: #16213e;--bg-hover: #1e2240;--border: rgba(255,255,255,.08);--border-h: rgba(255,255,255,.18);--accent: #a855f7;--pink: #ec4899;--green: #10b981;--cyan: #06b6d4;--warn: #f59e0b;--danger: #ef4444;--text-p: #f0f0f0;--text-s: #9ca3af;--text-m: #6b7280;--track-h: 80px;--toolbar-h: 44px;--statusbar-h: 28px;--tracklist-w: 220px;--clawbot-w: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;color:var(--text-p);background:var(--bg-base)}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.main-area{display:flex;flex:1;overflow:hidden}.center-area{display:flex;flex-direction:column;flex:1;overflow:hidden}.toolbar{height:var(--toolbar-h);display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-app-region:drag}.tool-palette{display:flex;align-items:center;gap:2px;background:#00000040;border:1px solid var(--border);border-radius:5px;padding:2px;flex-shrink:0}.tool-btn{width:26px!important;height:26px!important;font-size:12px;border-radius:3px!important}.tool-btn.tool-active{background:#a855f740!important;border-color:var(--accent)!important;color:var(--accent)!important;box-shadow:0 0 0 1px #a855f766}.clip-tool-scissors{cursor:crosshair!important}.clip-tool-fade{cursor:col-resize!important}.clip-tool-glue{cursor:cell!important}.clip-tool-mute{cursor:pointer!important}.clip-tool-zoom{cursor:zoom-in!important}.clip-tool-marquee{cursor:crosshair!important}.toolbar>*{-webkit-app-region:no-drag}.toolbar-brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand-icon{display:inline-block;width:24px;height:24px;object-fit:contain;border-radius:5px;flex-shrink:0}.brand-name{font-size:14px;font-weight:900;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.mascot-sm{display:inline-block;width:20px;height:20px;object-fit:contain;flex-shrink:0}.mascot-md{display:inline-block;width:28px;height:28px;object-fit:contain;flex-shrink:0}.mascot-lg{display:inline-block;width:48px;height:48px;object-fit:contain}.transport{display:flex;align-items:center;gap:4px;flex-shrink:0}.tbt{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);color:var(--text-s);cursor:pointer;font-size:13px;transition:.15s;flex-shrink:0}.tbt:hover{border-color:var(--border-h);color:var(--text-p)}.tbt.active{background:#10b98133;border-color:#10b981;color:#10b981}.tbt-play{width:32px;height:32px;font-size:14px}.tbt-play.active{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:transparent;color:#fff}.tbt-rec{border-color:#ef44444d;color:var(--danger)}.tbt-rec.rec-active{background:var(--danger);border-color:var(--danger);color:#fff;animation:pulse 1s infinite}.clawbot-toggle.active{background:#a855f733;border-color:var(--accent);color:var(--accent)}.tbt-clawbot:hover,.tbt-clawbot.active{border-color:var(--cyan)}.lcd-display{background:#0a0a14;border:1px solid rgba(16,185,129,.2);border-radius:4px;padding:3px 10px;min-width:160px;text-align:center;flex-shrink:0}.lcd-time{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;color:#10b981;font-family:Courier New,monospace}.lcd-bars{font-size:9px;font-variant-numeric:tabular-nums;color:#10b98180;font-family:Courier New,monospace}.bpm-wrap,.key-wrap,.ts-wrap,.zoom-wrap{display:flex;align-items:center;gap:5px;flex-shrink:0}.param-label{font-size:10px;color:var(--text-m);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.bpm-input{width:90px;min-width:90px;background:transparent;border:none;color:#10b981;padding:0;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;font-family:Courier New,monospace;text-align:center;outline:none}.bpm-input:hover{color:#34d399}.bpm-input:focus{color:#6ee7b7}.bpm-lcd{background:#0a0a14;border:1px solid rgba(16,185,129,.3);border-radius:4px;padding:2px 8px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.bpm-lcd-label{font-size:9px;font-weight:700;color:#10b98180;font-family:Courier New,monospace;letter-spacing:.08em;text-transform:uppercase}.key-select,.status-select{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-p);padding:4px 7px;font-size:11px;outline:none;cursor:pointer}.key-select:hover,.status-select:hover{border-color:var(--border-h)}.ts-val{font-size:14px;font-weight:700}.ts-editor{display:flex;align-items:center;gap:1px}.ts-part{background:transparent;border:1px solid transparent;color:var(--text-p);font-size:14px;font-weight:700;padding:1px 4px;border-radius:3px;cursor:pointer;font-family:SF Mono,Fira Code,monospace;line-height:1;transition:background .1s,border-color .1s}.ts-part:hover{background:#a855f71f;border-color:var(--accent);color:var(--accent)}.ts-divider{color:var(--text-m);font-size:12px;font-weight:600;padding:0 1px;-webkit-user-select:none;user-select:none}.ai-slider-wrap{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.ai-slider{width:80px;accent-color:#10b981;cursor:pointer}.ai-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:#10b9811f;color:#10b981;white-space:nowrap;min-width:48px;text-align:center}.track-list{width:100%;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.track-list-header{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.add-track-btn{flex:1;padding:4px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-s);font-size:11px;cursor:pointer;transition:.15s}.add-track-btn:hover{border-color:var(--border-h);color:var(--text-p)}.track-list-body{flex:1;overflow-y:auto}.track-header{display:flex;flex-direction:column;justify-content:center;padding:8px 10px 12px;gap:6px;border-bottom:1px solid var(--border);border-left:2px solid transparent;cursor:pointer;transition:background .1s;position:relative;-webkit-user-select:none;user-select:none}.track-header:hover{background:var(--bg-hover)}.track-header.selected{background:#a855f714;border-left-color:var(--accent)!important}.track-drag-handle{display:flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;cursor:grab;padding:0 2px;opacity:0;transition:opacity .15s;-webkit-user-select:none;user-select:none}.track-header:hover .track-drag-handle{opacity:1}.track-drag-handle:active{cursor:grabbing}.track-dragging{opacity:.4;background:#a855f71a!important}.track-drop-above{border-top:2px solid var(--accent)!important}.track-drop-below{border-bottom:2px solid var(--accent)!important}.track-resize-handle{position:absolute;bottom:0;left:0;right:0;height:4px;cursor:ns-resize;background:transparent;transition:background .15s;z-index:2}.track-resize-handle:hover{background:#a855f759}.track-header-top{display:flex;align-items:center;gap:6px}.track-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;cursor:pointer}.track-type-badge{font-size:8px;font-weight:800;padding:1px 5px;border-radius:3px;background:#ffffff12;color:var(--text-m);flex-shrink:0}.track-name-input{flex:1;background:transparent;border:none;color:var(--text-p);font-size:12px;font-weight:700;outline:none;min-width:0}.track-name-input:focus{background:#a855f714;border-radius:4px;padding:1px 4px}.track-x{background:transparent;border:none;color:var(--text-m);cursor:pointer;font-size:10px;flex-shrink:0}.track-x:hover{color:var(--danger)}.track-header-controls{display:flex;align-items:center;gap:4px}.track-btn{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-m);cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.1s}.track-btn:hover{border-color:var(--border-h);color:var(--text-p)}.track-btn.muted{background:#f59e0b26;border-color:var(--warn);color:var(--warn)}.track-btn.soloed{background:#10b98126;border-color:var(--green);color:var(--green)}.arm-btn.armed{background:#ef444433;border-color:var(--danger);color:var(--danger);animation:pulse 1s infinite}.track-vol-slider{flex:1;height:3px;accent-color:var(--accent);cursor:pointer;min-width:0}.track-db-label{font-size:9px;color:var(--text-m);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.track-pan-slider{width:40px;height:3px;accent-color:var(--cyan);cursor:pointer}.plugin-badge{position:absolute;right:6px;bottom:4px;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:#a855f726;color:var(--accent)}.timeline{flex:1;position:relative;scrollbar-color:rgba(255,255,255,.1) transparent}.timeline-ruler{height:28px;position:sticky;top:0;z-index:10;background:#1a1a2efa;border-bottom:1px solid var(--border);cursor:col-resize;flex-shrink:0}.ruler-tick{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center}.ruler-label{font-size:9px;color:var(--text-m);font-variant-numeric:tabular-nums;margin-bottom:2px;white-space:nowrap}.ruler-line{width:1px;background:var(--border)}.beat-tick .ruler-line{background:#ffffff0a}.loop-region{position:absolute;top:0;bottom:0;border-left:2px solid var(--cyan);border-right:2px solid var(--cyan);z-index:3;-webkit-user-select:none;user-select:none}.loop-region-active{background:#06b6d426}.loop-region-inactive{background:#06b6d40a;border-color:#06b6d44d}.loop-region-label{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:9px;color:var(--cyan);white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:600;letter-spacing:.03em}.loop-locator{position:absolute;top:0;bottom:0;width:14px;cursor:ew-resize;z-index:6;transform:translate(-7px)}.loop-locator:hover:after{background:#fff}.loop-locator:after{content:"";position:absolute;top:0;left:6px;bottom:0;width:2px;background:var(--cyan);transition:background .1s}.loop-locator:before{content:"";position:absolute;top:0;left:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--cyan)}.loop-locator-inactive:after{background:#06b6d44d}.loop-locator-inactive:before{border-top-color:#06b6d44d}.loop-handle-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:8px;font-weight:800;color:var(--cyan);pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.9);line-height:1}.loop-locator-inactive .loop-handle-label{color:#06b6d466}.track-lane{border-bottom:1px solid var(--border);position:relative;background:var(--bg-base);transition:background .1s}.track-lane:hover{background:#a855f705}.track-lane-dragover{background:#10b9810f!important;outline:2px dashed rgba(16,185,129,.5);outline-offset:-2px}.lane-drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--green);letter-spacing:.05em;pointer-events:none;text-transform:uppercase}.lane-muted-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--warn);letter-spacing:2px;background:#f59e0b0d;pointer-events:none}.clip{position:absolute;border-radius:4px;overflow:hidden;cursor:grab;border:1px solid;transition:opacity .1s;-webkit-user-select:none;user-select:none}.clip:hover{filter:brightness(1.15)}.clip:active{cursor:grabbing}.clip-selected{outline:2px solid #fff;outline-offset:-1px}.clip-muted{opacity:.4}.clip-name{font-size:10px;font-weight:700;color:#fff;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6);position:relative;z-index:1}.clip-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:ew-resize;background:#ffffff1a}.clip-resize-handle:hover{background:#ffffff4d}.clip-badge{display:inline-block;font-size:8px;font-weight:800;padding:1px 4px;border-radius:3px;margin-left:4px;vertical-align:middle;letter-spacing:.04em}.clip-badge-ai{background:#a855f759;color:#e0b4ff}.clip-badge-loop{background:#10b98140;color:#6ee7b7}.clip-badge-fade{background:#06b6d433;color:var(--cyan)}.clip-badge-muted{background:#ef444440;color:#fca5a5}.clip-loop-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#fff6;font-size:11px;font-weight:900;line-height:1;cursor:pointer;margin-left:4px;vertical-align:middle;padding:0;transition:background .1s,color .1s,border-color .1s}.clip-loop-btn:hover{background:#10b98140;border-color:var(--green);color:var(--green)}.clip-loop-btn-active{background:#10b9814d!important;border-color:var(--green)!important;color:var(--green)!important;box-shadow:0 0 0 1px #10b9814d}.fade-in-handle{position:absolute;top:0;bottom:0;z-index:5;cursor:ew-resize}.fade-in-handle:hover{background:#a855f726}.fade-out-handle{position:absolute;top:0;bottom:0;z-index:5;cursor:ew-resize}.fade-out-handle:hover{background:#a855f726}.fade-nub{position:absolute;top:0;z-index:6;width:10px;height:10px;cursor:ew-resize;opacity:.5;transition:opacity .15s,transform .1s}.fade-nub:hover{opacity:1;transform:scale(1.3)}.clip:hover .fade-nub{opacity:.85}.fade-nub-in{left:0}.fade-nub-out{right:0}.clip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;border-radius:3px 3px 0 0;pointer-events:none}.clip:hover:before{background:#ffffff1f}.fade-handle{position:absolute;top:0;left:0;bottom:0;background:#ffffff12}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#10b981;pointer-events:none;z-index:20}.playhead-head{position:absolute;top:-4px;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #10b981}.bottom-panel{flex-shrink:0;background:var(--bg-panel);border-top:1px solid var(--border);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:height .2s}.resize-handle{height:4px;background:transparent;cursor:n-resize;flex-shrink:0}.resize-handle:hover{background:#a855f74d}.bottom-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0}.btab{padding:5px 14px;font-size:12px;font-weight:600;border:none;background:transparent;color:var(--text-m);cursor:pointer;border-bottom:2px solid transparent;transition:.15s}.btab:hover{color:var(--text-p)}.btab.active{color:var(--accent);border-bottom-color:var(--accent)}.btab-close{margin-left:auto}.mixer-strip-row{display:flex;gap:0;padding:8px 10px;overflow-x:auto;flex:1;align-items:stretch;scrollbar-color:rgba(255,255,255,.08) transparent}.mixer-channel{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px;max-width:72px;padding:8px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;margin-right:4px;position:relative}.master-channel{min-width:88px;max-width:88px;border-color:#a855f74d}.mixer-ch-name{font-size:10px;font-weight:700;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insert-slots{width:100%;display:flex;flex-direction:column;gap:2px}.insert-slot{padding:2px 4px;font-size:9px;border-radius:3px;background:#ffffff0a;border:1px solid var(--border);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-m);text-align:center;min-height:16px}.insert-slot.has-plugin{background:#a855f71f;border-color:#a855f740;color:var(--accent)}.insert-slot.disabled{opacity:.4}.insert-slot:hover{border-color:var(--border-h)}.plugin-dropdown{position:absolute;top:50%;left:100%;z-index:100;margin-left:4px;background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;overflow:hidden;min-width:100px;box-shadow:0 4px 12px #00000080}.plugin-option{padding:6px 12px;font-size:11px;cursor:pointer;color:var(--text-s)}.plugin-option:hover{background:var(--bg-hover);color:var(--text-p)}.mixer-pan-wrap{width:100%;display:flex;justify-content:center}.mixer-pan{width:52px;height:3px;accent-color:var(--cyan);cursor:pointer}.fader-vu-wrap{display:flex;align-items:flex-end;gap:4px;height:90px}.vu-meter{display:flex;flex-direction:column;gap:1px;height:90px}.vu-seg{width:5px;border-radius:1px;flex:1;transition:background .05s}.mixer-fader{height:80px!important;width:6px!important;cursor:pointer;accent-color:var(--accent)}.mixer-db{font-size:9px;color:var(--text-m);font-variant-numeric:tabular-nums}.mixer-btns{display:flex;gap:2px}.mxbtn{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-m);cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}.mxbtn:hover{border-color:var(--border-h);color:var(--text-p)}.mxbtn.muted{background:#f59e0b26;border-color:var(--warn);color:var(--warn)}.mxbtn.soloed{background:#10b98126;border-color:var(--green);color:var(--green)}.mxbtn.armed{background:#ef444433;border-color:var(--danger);color:var(--danger)}.piano-roll{display:flex;flex-direction:column;flex:1;overflow:hidden}.piano-roll-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-m);font-size:14px}.pr-toolbar{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.pr-tools{display:flex;gap:3px}.pr-tool{width:28px;height:28px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-s);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.pr-tool:hover{border-color:var(--border-h);color:var(--text-p)}.pr-tool.active{background:#a855f733;border-color:var(--accent);color:var(--accent)}.pr-quantize,.pr-zoom{display:flex;align-items:center;gap:5px}.pr-quantize-btn{display:flex;align-items:center;gap:2px;padding:4px 7px;font-size:10px}.pr-clip-info{font-size:11px;color:var(--text-m)}.pr-sel-count{color:var(--accent);font-weight:600}.pr-chord-name{color:#2dd4bf;font-weight:700;font-size:12px;margin-left:8px;background:#14b8a61f;border:1px solid rgba(20,184,166,.3);border-radius:4px;padding:0 6px;letter-spacing:.03em}.pr-shortcut-hints{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.pr-hint{font-size:9px;color:var(--text-s);padding:2px 5px;background:#ffffff0a;border-radius:3px;border:1px solid rgba(255,255,255,.06);white-space:nowrap}.pr-scroll{display:flex;flex-direction:column;flex:1;overflow:auto}.pr-keyboard{display:flex;flex-direction:column;position:sticky;left:0;z-index:5;background:var(--bg-panel);border-right:1px solid var(--border)}.pr-key{display:flex;align-items:center;justify-content:flex-end;padding-right:4px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.white-key{background:#ffffff0d}.white-key:hover{background:#ffffff1f}.black-key{background:#0006}.black-key:hover{background:#ffffff0f}.c-key{border-bottom:1px solid rgba(168,85,247,.25)!important}.key-label{font-size:8px;color:var(--text-m)}.pr-grid{position:relative}.pr-grid-row{position:absolute;left:0;right:0}.pr-beat-line{position:absolute;top:0;bottom:0;width:1px}.midi-note{position:absolute;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--cyan));border:1px solid rgba(255,255,255,.3);cursor:grab;z-index:2}.midi-note:hover{filter:brightness(1.2)}.midi-note.selected{outline:1px solid #fff;outline-offset:0px}.note-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:ew-resize}.velocity-editor{height:60px;border-top:1px solid var(--border);position:relative;background:var(--bg-card);flex-shrink:0;display:flex;align-items:flex-end}.vel-label{font-size:9px;color:var(--text-m);padding:4px;position:absolute;top:4px;left:4px}.vel-bars{position:relative;height:48px}.vel-bar{position:absolute;bottom:0;width:4px;border-radius:2px 2px 0 0;cursor:ns-resize}.clawbot-panel{width:100%;flex-shrink:0;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.clawbot-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:800;flex-shrink:0}.cf-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px}.cf-badge.active{background:#10b9811f;color:var(--green)}.cf-badge.inactive{background:#f59e0b1f;color:var(--warn)}.coins-badge{font-size:10px;color:var(--accent)}.clawbot-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.cb-msg{display:flex;gap:6px}.cb-msg.clawbot .cb-bubble{background:var(--bg-card);border-color:#a855f733}.cb-msg.user{flex-direction:row-reverse}.cb-msg.user .cb-bubble{background:#a855f71f;border-color:#a855f74d}.cb-av{width:24px;height:24px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.cb-bubble{flex:1;padding:7px 9px;border-radius:5px;border:1px solid var(--border)}.cb-text{font-size:11px;line-height:1.6;color:var(--text-s);white-space:pre-wrap;font-family:inherit}.coin-cost{font-size:9px;color:var(--accent);margin-top:3px;display:block}.typing-dots{display:flex;gap:4px;padding:4px 0}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-m);animation:bounce .9s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.clawbot-prompt{margin:6px 8px;padding:6px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-p);font-size:11px;font-family:inherit;resize:none;outline:none;flex-shrink:0}.clawbot-prompt:focus{border-color:var(--accent)}.quick-actions{display:flex;flex-direction:column;gap:3px;padding:0 8px;flex-shrink:0}.quick-btn{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;border:1px solid rgba(16,185,129,.2);background:#10b9810f;color:var(--green);font-size:11px;font-weight:600;cursor:pointer;transition:.15s;text-align:left}.quick-btn:hover{background:#10b9811f;border-color:var(--green)}.quick-btn.locked{border-color:var(--border);color:var(--text-m);background:transparent;opacity:.6}.qa-cost{margin-left:auto;font-size:9px;color:var(--text-m);font-weight:600}.clawbot-input-row{display:flex;gap:5px;padding:6px 8px;flex-shrink:0}.clawbot-input{flex:1;padding:6px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-p);font-size:11px;outline:none}.clawbot-input:focus{border-color:var(--accent)}.cb-send-btn{width:28px;height:28px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--cyan));border:none;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cb-send-btn:disabled{opacity:.4}.clawflow-cta{display:block;margin:4px 8px 8px;padding:8px;text-align:center;background:linear-gradient(135deg,#a855f726,#06b6d41a);border:1px solid rgba(168,85,247,.3);border-radius:5px;color:var(--accent);font-size:11px;font-weight:700;text-decoration:none;transition:.15s}.clawflow-cta:hover{background:#a855f740}.status-bar{height:var(--statusbar-h);display:flex;align-items:center;gap:8px;padding:0 12px;background:#0a0a14;border-top:1px solid var(--border);font-size:11px;color:var(--text-m);flex-shrink:0;overflow:hidden}.status-project{color:var(--text-p);font-weight:600}.status-divider{width:1px;height:14px;background:var(--border);flex-shrink:0}.status-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-val{font-variant-numeric:tabular-nums}.cpu-bar-wrap{width:60px;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.cpu-bar{height:100%;border-radius:3px;transition:width .5s,background .5s}.status-engine{margin-left:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.inspector-panel{display:flex;flex-direction:column;min-width:0;background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.inspector-panel h3{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-m);padding:10px 12px 4px;margin:0}.inspector-section{border-bottom:1px solid var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.inspector-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--text-s)}.inspector-knobs{display:flex;gap:12px;justify-content:center;padding:4px 0}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--text-m)}.knob-svg{cursor:ns-resize;-webkit-user-select:none;user-select:none}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;padding:24px 12px}.inspector-empty-icon{display:flex;align-items:center;justify-content:center;opacity:.5}.inspector-empty-text{font-size:12px;color:var(--text-m);text-align:center}.inspector-track-header{display:flex;align-items:center;gap:10px}.inspector-color-bar{width:4px;height:36px;border-radius:2px;flex-shrink:0}.inspector-track-name{font-size:14px;font-weight:800;color:var(--text-p)}.inspector-track-type{font-size:10px;font-weight:700;color:var(--text-m);letter-spacing:.06em;margin-top:2px}.inspector-section-title{font-size:10px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.07em}.inspector-vol-row{display:flex;align-items:center;gap:8px}.inspector-label{font-size:11px;color:var(--text-m);min-width:40px}.inspector-slider{flex:1;accent-color:var(--accent);cursor:pointer}.inspector-val{font-size:11px;color:var(--text-s);min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.inspector-msarm{display:flex;gap:6px}.inspector-btn{padding:4px 10px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-m);font-size:11px;font-weight:700;cursor:pointer;transition:.1s}.inspector-btn:hover{border-color:var(--border-h);color:var(--text-p)}.btn-muted{background:#f59e0b26;border-color:var(--warn);color:var(--warn)}.btn-soloed{background:#10b98126;border-color:var(--green);color:var(--green)}.btn-armed{background:#ef444433;border-color:var(--danger);color:var(--danger);animation:pulse 1s infinite}.eq-gain-val{font-size:10px;color:var(--text-m);font-variant-numeric:tabular-nums;text-align:center}.sends-stub{display:flex;flex-direction:column;gap:6px}.inspector-takes{display:flex;flex-direction:column;gap:3px}.inspector-take-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:background .12s,border-color .12s}.inspector-take-row:hover{background:#a855f714;border-color:#a855f74d}.inspector-take-row.active{background:#a855f726;border-color:#a855f780}.inspector-take-num{width:16px;height:16px;border-radius:50%;background:#ffffff14;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--text-m);flex-shrink:0}.inspector-take-row.active .inspector-take-num{background:var(--accent);border-color:var(--accent);color:#fff}.inspector-take-name{flex:1;font-size:11px;color:var(--text-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-take-active-badge{font-size:8px;font-weight:800;color:var(--accent);background:#a855f726;border-radius:3px;padding:1px 4px;flex-shrink:0}.inspector-take-del{background:transparent;border:none;color:var(--text-m);font-size:10px;cursor:pointer;padding:0 2px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.inspector-take-row:hover .inspector-take-del{opacity:1}.inspector-take-del:hover{color:var(--danger)}.plugin-slot-num{font-size:10px;color:var(--text-m);min-width:14px}.plugin-bypass-btn{background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-m);font-size:12px;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plugin-bypass-btn:hover{border-color:var(--border-h);color:var(--text-p)}.plugin-remove-btn{background:transparent;border:none;color:var(--text-m);cursor:pointer;font-size:11px;padding:0 2px}.eq-band{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.eq-band-label{font-size:10px;color:var(--text-m);text-align:center}.eq-slider-v{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:24px;height:80px;cursor:pointer;accent-color:var(--accent)}.eq-bands-row{display:flex;gap:6px;padding:4px 0}.snap-wrap{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-s)}.snap-wrap select{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:11px;padding:2px 6px;cursor:pointer}.snap-wrap label{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.plugin-slot{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12px}.plugin-slot-name{flex:1;color:var(--text);font-size:12px}.plugin-slot-bypass{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-m);font-size:10px;cursor:pointer;padding:1px 5px}.plugin-slot-bypass.active{border-color:var(--green);color:var(--green)}.plugin-slot-remove{background:none;border:none;color:var(--text-m);font-size:14px;cursor:pointer;line-height:1;padding:0 2px}.plugin-slot-remove:hover{color:#f87171}.plugin-slots{display:flex;flex-direction:column;gap:4px}.plugin-slot{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-size:12px;overflow:hidden}.plugin-slot.active{border-color:#a855f74d}.plugin-slot.bypassed{opacity:.5}.plugin-slot-header{display:flex;align-items:center;gap:6px;padding:5px 8px}.plugin-power-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.plugin-power-dot.on{background:var(--green);box-shadow:0 0 4px var(--green)}.plugin-power-dot.off{background:var(--text-m)}.plugin-expand-btn{background:transparent;border:none;color:var(--text-m);cursor:pointer;font-size:9px;padding:0 2px;margin-left:auto}.plugin-params{padding:6px 8px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.plugin-param-row{display:flex;align-items:center;gap:6px}.plugin-add-row{display:flex;gap:6px;align-items:center}.tbt-rec.armed-ready{border-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.tbt-tap{font-size:9px;font-weight:900;letter-spacing:.04em;width:36px}.tbt-tap.tapped{background:#06b6d426;border-color:var(--cyan);color:var(--cyan)}.timeline-drop-zone{height:48px;position:relative;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-m);letter-spacing:.06em;text-transform:uppercase;border:2px dashed rgba(255,255,255,.08);border-radius:6px;margin:4px;transition:.15s}.timeline-drop-zone.dragover{background:#10b9810f;border-color:#10b98180;color:var(--green)}.rec-live-bar-wrap{position:absolute;top:3px;bottom:3px;pointer-events:none;z-index:5;display:flex;align-items:center}.rec-live-bar{width:3px;border-radius:2px;background:#ef4444;box-shadow:0 0 6px #ef4444b3;transition:height .05s}.cs-wrap{position:relative;flex-shrink:0}.cs-trigger{display:flex;align-items:center;justify-content:space-between;padding:3px 7px;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:11px;color:var(--text-p);transition:border-color .15s,background .15s;white-space:nowrap;min-height:26px}.cs-trigger:hover{border-color:var(--border-h);background:var(--bg-hover)}.cs-open .cs-trigger{border-color:var(--accent)}.cs-disabled .cs-trigger{opacity:.4;cursor:not-allowed}.cs-chevron{flex-shrink:0;color:var(--text-m);transition:transform .15s}.cs-open .cs-chevron{transform:rotate(180deg)}.cs-value{flex:1;font-size:12px;font-weight:600}.cs-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border-h);border-radius:5px;overflow:hidden;z-index:1000;box-shadow:0 4px 16px #0009;max-height:220px;overflow-y:auto}.cs-option{padding:7px 12px;font-size:12px;color:var(--text-s);cursor:pointer;transition:background .1s}.cs-option:hover{background:var(--bg-hover);color:var(--text-p)}.cs-option.cs-selected{color:var(--accent);font-weight:700;background:#a855f714}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.mt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0000008c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;animation:mt-fade-in .15s ease}@keyframes mt-fade-in{0%{opacity:0}to{opacity:1}}.musical-typing{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;background:#111118;border:1px solid rgba(168,85,247,.35);border-radius:8px;box-shadow:0 12px 48px #000c,0 0 0 1px #a855f726;min-width:520px;-webkit-user-select:none;user-select:none;animation:mt-slide-up .18s cubic-bezier(.34,1.56,.64,1)}@keyframes mt-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mt-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:8px 8px 0 0;font-size:12px;font-weight:700;color:var(--text-p);background:#a855f714}.mt-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-s);cursor:pointer;font-size:12px;line-height:1;padding:3px 7px;border-radius:4px;transition:background .15s,color .15s,border-color .15s}.mt-close-btn:hover{background:#ef444440;border-color:#ef444480;color:#ef4444}.mt-status{display:flex;gap:16px;padding:6px 12px;font-size:11px;color:var(--text-m);border-bottom:1px solid rgba(255,255,255,.06);font-family:monospace}.mt-status span{color:var(--text-p)}.mt-keyboard-wrap{padding:12px}.mt-piano{position:relative;display:flex;height:72px;margin-bottom:8px}.mt-white-key{width:28px;height:72px;background:linear-gradient(180deg,#2a2a3a,#222230);border:1px solid #111;border-radius:0 0 4px 4px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:9px;color:#666;cursor:pointer;flex-shrink:0;transition:background .05s}.mt-white-key:hover{background:linear-gradient(180deg,#343448,#2a2a3c);color:#999}.mt-white-key.active{background:linear-gradient(180deg,var(--accent) 0%,#7c3aed 100%);color:#fff;box-shadow:inset 0 2px 4px #0000004d}.mt-black-key{width:18px;height:44px;background:linear-gradient(180deg,#0d0d14,#1a1a28);border:1px solid #333;border-radius:0 0 3px 3px;position:absolute;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;font-size:8px;color:#444;cursor:pointer;transition:background .05s}.mt-black-key:hover{background:linear-gradient(180deg,#1e1e2c,#2a2a3a);color:#888}.mt-black-key.active{background:linear-gradient(180deg,var(--accent) 0%,#7c3aed 100%);color:#fff}.mt-hints{display:flex;gap:6px;flex-wrap:wrap;padding:0 0 4px}.mt-hint{font-size:10px;color:var(--text-m);background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:2px 6px}.mt-hint strong{color:var(--accent)}.clip-tooltip{position:fixed;z-index:9998;background:#0d0d18;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:6px 10px;font-size:11px;color:var(--text-s);pointer-events:none;line-height:1.6;white-space:nowrap}.clip-tooltip-title{font-weight:700;color:var(--text-p);margin-bottom:2px;font-size:12px}.panel-resizer:hover,.panel-resizer:active{background:var(--accent);opacity:.6}.panel-resizer{width:4px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background .15s;position:relative;z-index:10}.panel-resizer:hover,.panel-resizer:active{background:var(--accent)}.ctx-menu{position:fixed;z-index:9999;background:#1c1c2e;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:3px 0;box-shadow:0 8px 32px #0009;min-width:200px;font-size:12px}.ctx-item{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;cursor:pointer;color:var(--text-s);transition:background .08s,color .08s;white-space:nowrap;gap:24px}.ctx-item:hover{background:#a855f71f;color:var(--text-p)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:#ef44441a}.ctx-item.disabled{opacity:.35;cursor:default}.ctx-label{flex:1}.ctx-shortcut{color:var(--text-m);font-size:11px;font-family:monospace}.ctx-sep{height:1px;background:#ffffff12;margin:3px 0}.clip-tooltip{position:fixed;z-index:9998;background:#0d0d18;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:6px 10px;font-size:11px;color:var(--text-s);pointer-events:none;line-height:1.6}.clip-tooltip-title{font-weight:700;color:var(--text-p);margin-bottom:2px}.plugin-rack{display:flex;flex-direction:column;width:100%}.plugin-rack-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 4px}.plugin-rack-title{font-size:10px;font-weight:700;color:var(--text-m);text-transform:uppercase;letter-spacing:.07em}.plugin-rack-add-btn{font-size:9px;font-weight:800;padding:2px 7px;border-radius:3px;border:1px solid rgba(168,85,247,.3);background:#a855f714;color:var(--accent);cursor:pointer;letter-spacing:.04em;transition:.15s}.plugin-rack-add-btn:hover{background:#a855f72e;border-color:var(--accent)}.plugin-add-menu{display:flex;flex-direction:column;gap:1px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;margin:0 8px 6px;overflow:hidden}.plugin-add-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;color:var(--text-s);font-size:11px;cursor:pointer;text-align:left;transition:background .08s}.plugin-add-option:hover{background:var(--bg-hover);color:var(--text-p)}.plugin-add-type{font-size:8px;font-weight:800;padding:1px 5px;border-radius:3px;background:#ffffff12;color:var(--text-m);min-width:60px;text-align:center}.plugin-rack-slots{display:flex;flex-direction:column;gap:2px;padding:0 8px 8px}.plugin-rack-empty{font-size:11px;color:var(--text-m);text-align:center;padding:12px 0;opacity:.7}.plugin-slot-v2{border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:border-color .15s}.plugin-slot-v2-header{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#ffffff05;cursor:default}.plugin-slot-v2-header .plugin-power-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:pointer;background:var(--text-m);transition:background .15s}.plugin-slot-v2-header .plugin-power-dot:hover{opacity:.7}.plugin-slot-v2 .plugin-slot-name{flex:1;font-size:11px;font-weight:700}.plugin-slot-v2-body{padding:8px;border-top:1px solid var(--border);background:#0003}.plugin-knobs-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}.plugin-knobs-row .knob-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px}.toolbar-sep{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.clip-fade-triangle{position:absolute;bottom:0;pointer-events:none;z-index:2}.tool-btn[title]:hover:after{content:attr(title);position:absolute;top:110%;left:50%;transform:translate(-50%);background:#111;color:#fff;font-size:10px;padding:3px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:9999;border:1px solid rgba(255,255,255,.12)}.eq-freq{display:block;font-size:8px;color:var(--text-m);margin-top:1px}.export-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.export-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:480px;max-width:96vw;background:#111118;border:1px solid rgba(168,85,247,.3);border-radius:10px;box-shadow:0 20px 60px #000c,0 0 0 1px #a855f71a;display:flex;flex-direction:column;animation:mt-slide-up .18s cubic-bezier(.34,1.56,.64,1)}.export-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--border);background:#a855f70f;border-radius:10px 10px 0 0}.export-title{font-size:13px;font-weight:700;color:var(--text-p);display:flex;align-items:center}.export-close-btn{background:#ffffff0f;border:1px solid var(--border);color:var(--text-s);cursor:pointer;font-size:12px;padding:3px 8px;border-radius:4px;transition:background .15s,color .15s}.export-close-btn:hover:not(:disabled){background:#ef444433;color:#ef4444}.export-close-btn:disabled{opacity:.4;cursor:default}.export-body{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.export-section{display:flex;flex-direction:column;gap:6px}.export-section-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-m);letter-spacing:.06em}.export-radio-group{display:flex;flex-direction:column;gap:6px}.export-radio{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:border-color .12s,background .12s}.export-radio input[type=radio]{display:none}.export-radio.active{border-color:var(--accent);background:#a855f714}.export-radio-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:2px;border:1.5px solid var(--text-m);background:transparent;transition:all .12s}.export-radio.active .export-radio-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px #a855f740}.export-radio-title{font-size:12px;font-weight:600;color:var(--text-p)}.export-radio-sub{font-size:10px;color:var(--text-s);margin-top:1px;font-family:monospace}.export-format-row{display:flex;gap:16px}.export-param{display:flex;flex-direction:column;gap:4px}.export-param label{font-size:10px;color:var(--text-s)}.export-btn-group{display:flex;gap:4px}.export-fmt-btn{padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--text-s);transition:all .1s}.export-fmt-btn:hover{border-color:var(--accent);color:var(--text-p)}.export-fmt-btn.active{background:#a855f733;border-color:var(--accent);color:var(--accent);font-weight:700}.export-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-s)}.export-checkbox input[type=checkbox]{display:none}.export-check-box{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1.5px solid var(--border);background:var(--bg-card);transition:all .1s}.export-checkbox:has(input:checked) .export-check-box{background:var(--accent);border-color:var(--accent)}.export-checkbox:has(input:checked) .export-check-box:after{content:"✓";display:block;font-size:10px;color:#fff;text-align:center;line-height:12px;font-weight:800}.export-filename-input{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text-p);border-radius:4px;padding:5px 8px;font-size:12px;outline:none;transition:border-color .1s}.export-filename-input:focus{border-color:var(--accent)}.export-ext{font-size:12px;color:var(--text-m)}.export-progress-wrap{display:flex;flex-direction:column;gap:5px}.export-progress-label{font-size:11px;color:var(--text-s)}.export-progress-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.export-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease;min-width:8px}.export-success{font-size:12px;color:var(--green);padding:6px 10px;background:#10b9811a;border-radius:5px;border:1px solid rgba(16,185,129,.2)}.export-error{font-size:12px;color:var(--danger);padding:6px 10px;background:#ef44441a;border-radius:5px;border:1px solid rgba(239,68,68,.2)}.export-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.export-cancel-btn{padding:7px 16px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text-s);transition:all .1s}.export-cancel-btn:hover:not(:disabled){border-color:var(--text-s);color:var(--text-p)}.export-cancel-btn:disabled{opacity:.4;cursor:default}.export-bounce-btn{padding:7px 20px;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer;background:var(--accent);border:none;color:#fff;box-shadow:0 2px 8px #a855f766;transition:all .1s}.export-bounce-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 12px #a855f780}.export-bounce-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.ap-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ap-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:680px;max-width:96vw;max-height:90vh;background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 24px 64px #000000b3;display:flex;flex-direction:column;overflow:hidden;animation:ap-slide-in .18s ease}@keyframes ap-slide-in{0%{opacity:0;transform:translate(-50%,-53%)}to{opacity:1;transform:translate(-50%,-50%)}}.ap-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.ap-title{display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--text-p)}.ap-close-btn{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-m);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .1s}.ap-close-btn:hover:not(:disabled){background:#ef444426;color:#ef4444;border-color:#ef44444d}.ap-close-btn:disabled{opacity:.4;cursor:default}.ap-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;position:relative}.ap-device-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:6px;font-size:11px;transition:border-color .2s}.ap-device-flash{border-color:var(--cyan)!important;box-shadow:0 0 0 2px #06b6d426}.ap-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ap-status-text{color:var(--text-s);flex:1}.ap-hotplug-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;background:#06b6d426;color:var(--cyan);border:1px solid rgba(6,182,212,.3);animation:hotplug-pulse .8s ease infinite alternate}@keyframes hotplug-pulse{0%{opacity:.7}to{opacity:1}}.ap-refresh-btn{display:flex;align-items:center;gap:4px;padding:4px 9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-s);font-size:10px;cursor:pointer;transition:all .1s;flex-shrink:0}.ap-refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ap-latency-row{display:flex;gap:8px;flex-wrap:wrap}.ap-latency-chip{display:flex;flex-direction:column;padding:6px 10px;background:#0003;border:1px solid rgba(255,255,255,.07);border-radius:6px;min-width:110px;gap:2px}.ap-latency-total{border-color:#a855f740;background:#a855f70d}.ap-latency-label{font-size:9px;color:var(--text-s);text-transform:uppercase;letter-spacing:.05em}.ap-latency-val{font-size:14px;font-weight:700;color:var(--text-p);font-family:SF Mono,Fira Code,monospace}.ap-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ap-col{display:flex;flex-direction:column;gap:10px}.ap-section-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-s);padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.ap-field{display:flex;flex-direction:column;gap:5px}.ap-field-inline{display:flex;flex-direction:column;gap:5px;flex:1}.ap-field-label{font-size:11px;color:var(--text-s);font-weight:600}.ap-field-hint{font-size:9px;color:var(--text-s);margin-top:2px}.ap-select{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:var(--text-p);padding:6px 8px;font-size:11px;outline:none;cursor:pointer;width:100%}.ap-select:hover{border-color:#fff3}.ap-select:focus{border-color:var(--accent)}.ap-btn-group{display:flex;gap:4px;flex-wrap:wrap}.ap-btn{padding:5px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-s);font-size:10px;font-weight:600;cursor:pointer;transition:all .1s;white-space:nowrap}.ap-btn:hover:not(:disabled){border-color:#fff3;color:var(--text-p)}.ap-btn.active{background:#a855f733;border-color:var(--accent);color:var(--accent);font-weight:700}.ap-btn:disabled{opacity:.4;cursor:default}.ap-radio-stack{display:flex;flex-direction:column;gap:4px}.ap-radio{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border-radius:5px;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:all .1s;background:#ffffff05}.ap-radio:hover{border-color:#a855f74d;background:#a855f70a}.ap-radio.active{border-color:var(--accent);background:#a855f71a}.ap-radio-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.25);flex-shrink:0;margin-top:2px;transition:all .1s}.ap-radio.active .ap-radio-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px #a855f733}.ap-radio-title{font-size:11px;font-weight:600;color:var(--text-p)}.ap-radio-sub{font-size:9px;color:var(--text-s);margin-top:1px}.ap-row-3{display:flex;gap:16px}.ap-vol-row{display:flex;align-items:center;gap:8px}.ap-vol-slider{flex:1;accent-color:var(--accent);cursor:pointer}.ap-vol-val{font-size:11px;color:var(--text-p);min-width:28px;text-align:right;font-family:monospace}.ap-restart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a14d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:0;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ap-spinner{width:32px;height:32px;border:3px solid rgba(168,85,247,.2);border-top-color:var(--accent);border-radius:50%;animation:ap-spin .8s linear infinite}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-restart-msg{font-size:13px;color:var(--text-s);letter-spacing:.03em}.ap-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:12px}.ap-footer-note{font-size:10px;color:var(--text-s);flex:1}.ap-footer-btns{display:flex;gap:8px;flex-shrink:0}.ap-cancel-btn{padding:6px 16px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-s);font-size:11px;cursor:pointer;transition:all .1s}.ap-cancel-btn:hover:not(:disabled){border-color:#fff3;color:var(--text-p)}.ap-cancel-btn:disabled{opacity:.4;cursor:default}.ap-apply-btn{padding:6px 20px;border-radius:5px;border:none;background:var(--accent);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 2px 8px #a855f759}.ap-apply-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 12px #a855f780}.ap-apply-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.metro-vol-slider{accent-color:var(--cyan);cursor:pointer;height:3px;vertical-align:middle}.tbt-audio-prefs{color:var(--text-s);transition:color .15s}.tbt-audio-prefs:hover{color:var(--cyan)}.freeze-btn{color:var(--text-s);transition:all .15s}.freeze-btn:hover{color:var(--cyan);border-color:#06b6d466!important}.freeze-btn.frozen{color:var(--cyan);background:#06b6d426!important;border-color:#06b6d480!important;box-shadow:0 0 6px #06b6d44d}.clip-badge-flex{background:#06b6d438;color:var(--cyan);border:1px solid rgba(6,182,212,.35);font-size:8px;font-weight:700;padding:0 4px;border-radius:3px;margin-left:3px;line-height:1.5}.clip-badge-take{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.35);font-size:8px;font-weight:700;padding:0 4px;border-radius:3px;margin-left:3px;line-height:1.5}.clip-badge-pitch{background:#14b8a633;color:#2dd4bf;border:1px solid rgba(20,184,166,.35);font-size:8px;font-weight:700;padding:0 4px;border-radius:3px;margin-left:3px;line-height:1.5}.export-stem-list{margin-top:8px;padding:8px 10px;background:#00000026;border:1px solid rgba(255,255,255,.07);border-radius:5px;display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.export-stem-row{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;color:var(--text-s);padding:3px 0;transition:color .1s}.export-stem-row:hover{color:var(--text-p)}.export-stem-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.export-stem-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.export-stem-name{flex:1}.export-stem-clips{font-size:9px;color:var(--text-s)}.export-stem-actions{display:flex;gap:6px;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05)}.export-stem-sel-btn{padding:2px 9px;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-s);font-size:9px;cursor:pointer;transition:all .1s}.export-stem-sel-btn:hover{border-color:var(--accent);color:var(--accent)}.export-filename-row{display:flex;align-items:center;gap:6px}.ts-editor{display:flex;align-items:center;gap:2px}.ts-spin{display:flex;align-items:center;gap:0}.ts-spin-btn{width:14px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-s);font-size:10px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .1s}.ts-spin-btn:hover{background:#a855f733;color:var(--accent);border-color:var(--accent)}.ts-input{width:26px;height:18px;text-align:center;background:#00000059;border:1px solid rgba(255,255,255,.1);border-left:none;border-right:none;color:var(--text-p);font-size:13px;font-weight:700;outline:none;-moz-appearance:textfield}.ts-input::-webkit-outer-spin-button,.ts-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ts-input:focus{border-color:var(--accent);background:#a855f714}.ts-divider{font-size:13px;font-weight:700;color:var(--text-s);margin:0 2px}.ts-den-btn{min-width:22px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-p);font-size:13px;font-weight:700;cursor:pointer;transition:all .1s}.ts-den-btn:hover{background:#a855f733;border-color:var(--accent);color:var(--accent)}.track-freeze-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#06b6d41f;z-index:5;overflow:hidden}.track-freeze-bar{height:100%;background:var(--cyan);transition:width .15s ease;box-shadow:0 0 6px #06b6d499}.freeze-btn.freezing{color:var(--cyan);border-color:#06b6d466!important;cursor:not-allowed}.auto-lane{border-top:1px solid rgba(168,85,247,.2);background:#a855f708;position:relative}.auto-lane-header{display:flex;align-items:center;gap:6px;padding:3px 8px;background:#a855f714;border-bottom:1px solid rgba(168,85,247,.15);position:sticky;left:0;z-index:5;width:100%}.auto-lane-vis{background:none;border:none;color:var(--accent);cursor:pointer;font-size:11px;padding:0 2px}.auto-lane-label{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.auto-lane-del{background:none;border:none;color:var(--text-m);cursor:pointer;font-size:10px;margin-left:auto;padding:0 2px}.auto-lane-del:hover{color:var(--danger)}.auto-curve-btns{display:flex;gap:2px}.auto-curve-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:var(--text-m);cursor:pointer;font-size:11px;padding:0 5px;height:16px;line-height:1}.auto-curve-btn.active{background:#a855f74d;border-color:var(--accent);color:var(--accent)}.auto-curve-btn:hover:not(.active){background:#ffffff14;color:var(--text-p)}.auto-lane-canvas-wrap{overflow:hidden}.auto-lane-svg{display:block;-webkit-user-select:none;user-select:none}.auto-add-btn{font-size:9px;padding:2px 5px;border-radius:3px;border:1px solid rgba(168,85,247,.3);background:#a855f714;color:var(--accent);cursor:pointer;white-space:nowrap}.auto-add-btn:hover{background:#a855f733}.auto-param-menu{position:absolute;top:100%;left:0;z-index:200;background:var(--bg-panel);border:1px solid rgba(168,85,247,.3);border-radius:6px;min-width:110px;overflow:hidden;box-shadow:0 8px 24px #0006}.auto-param-option{padding:5px 12px;font-size:11px;cursor:pointer;color:var(--text-s)}.auto-param-option:hover{background:#a855f726;color:var(--text-p)}.auto-param-used{opacity:.4;cursor:default!important}.auto-param-used:hover{background:transparent!important}.take-lanes{position:absolute;top:100%;z-index:15;background:var(--bg-panel);border:1px solid rgba(168,85,247,.3);border-top:none;border-radius:0 0 4px 4px;overflow:hidden;min-width:60px;box-shadow:0 4px 12px #0006}.take-lane-row{display:flex;align-items:center;gap:4px;padding:2px 6px;cursor:pointer;height:22px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.take-lane-row:hover{background:#a855f71f}.take-lane-active{background:#a855f72e!important}.take-lane-active .take-lane-num{color:var(--accent)}.take-lane-num{font-size:9px;font-weight:700;color:var(--text-m);min-width:12px}.take-lane-name{font-size:9px;color:var(--text-s);white-space:nowrap;overflow:hidden;max-width:60px}.take-lane-flat{flex:1;height:2px;background:#ffffff1f;margin:0 4px;border-radius:1px}.take-lane-del{background:none;border:none;color:var(--text-m);cursor:pointer;font-size:9px;padding:0 2px;margin-left:auto}.take-lane-del:hover{color:var(--danger)}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.knob-svg{cursor:ns-resize}.plugin-knobs-row{display:flex;align-items:flex-end;gap:10px;padding:8px 10px;flex-wrap:wrap}.plugin-rack{display:flex;flex-direction:column;gap:0}.plugin-rack-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border)}.plugin-rack-title{font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--text-m)}.plugin-rack-add-btn{font-size:10px;padding:3px 8px;border-radius:4px;border:1px solid rgba(168,85,247,.4);background:#a855f71a;color:var(--accent);cursor:pointer}.plugin-rack-add-btn:hover{background:#a855f740}.plugin-rack-empty{padding:12px;text-align:center;font-size:11px;color:var(--text-m)}.plugin-rack-slots{display:flex;flex-direction:column;gap:0}.plugin-add-menu{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid rgba(168,85,247,.3);border-radius:6px;overflow:hidden;margin:4px 8px;box-shadow:0 4px 12px #0000004d}.plugin-add-option{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;color:var(--text-s)}.plugin-add-option:hover{background:#a855f71a;color:var(--text-p)}.plugin-add-type{font-size:9px;font-weight:800;color:var(--text-m);letter-spacing:.5px;min-width:48px}.plugin-slot-v2{border-bottom:1px solid rgba(255,255,255,.04);border-left:2px solid transparent;transition:border-color .15s}.plugin-slot-v2.plugin-bypassed{opacity:.5}.plugin-slot-v2-header{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer}.plugin-slot-num{font-size:10px;font-weight:700;min-width:14px}.plugin-power-dot{width:8px;height:8px;border-radius:50%;background:var(--text-m);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .15s}.plugin-slot-name{font-size:11px;flex:1}.plugin-expand-btn{background:none;border:none;color:var(--text-m);cursor:pointer;font-size:9px;padding:0 4px}.plugin-expand-btn:hover{color:var(--text-p)}.plugin-remove-btn{background:none;border:none;color:var(--text-m);cursor:pointer;font-size:10px;padding:0 4px}.plugin-remove-btn:hover{color:var(--danger)}.plugin-slot-v2-body{padding:6px 6px 8px;background:#0003}.midi-panel{display:flex;flex-direction:column;gap:10px;max-width:480px}.midi-panel-header{display:flex;align-items:center;justify-content:space-between}.midi-panel-title{font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--text-m)}.midi-unsupported{font-size:10px;color:var(--warn)}.midi-error{font-size:11px;color:var(--danger);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:6px 10px}.midi-request-btn{padding:6px 14px;border-radius:5px;border:1px solid rgba(168,85,247,.4);background:#a855f71f;color:var(--accent);cursor:pointer;font-size:12px}.midi-request-btn:hover{background:#a855f740}.midi-no-ports{font-size:11px;color:var(--text-m)}.midi-row{display:flex;align-items:center;gap:8px}.midi-label{font-size:10px;font-weight:700;color:var(--text-m);letter-spacing:.5px;text-transform:uppercase;min-width:70px}.midi-select{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-p);padding:4px 8px;font-size:12px}.midi-channel-input{width:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-p);padding:4px 8px;font-size:12px;text-align:center}.midi-note-slider{flex:1;accent-color:var(--accent)}.midi-note-name{font-size:11px;font-weight:700;color:var(--accent);min-width:28px}.midi-play-btn{padding:5px 14px;border-radius:5px;border:1px solid rgba(16,185,129,.4);background:#10b9811f;color:var(--green);cursor:pointer;font-size:12px}.midi-play-btn.holding{background:#10b9814d;border-color:var(--green)}.midi-play-btn:disabled{opacity:.4;cursor:not-allowed}.midi-panic-btn{padding:5px 10px;border-radius:5px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:var(--danger);cursor:pointer;font-size:12px}.midi-panic-btn:disabled{opacity:.4;cursor:not-allowed}.midi-refresh-btn{padding:5px 10px;border-radius:5px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-s);cursor:pointer;font-size:12px}.midi-refresh-btn:hover{border-color:var(--border-h);color:var(--text-p)}.midi-status{font-size:10px;color:var(--green)}.plugin-add-section-label{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--text-m);padding:6px 12px 3px;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.06)}.plugin-add-section-label:first-child{border-top:none}.plugin-add-section-elite{color:#f97316}.plugin-add-elite{background:#f973160a!important}.plugin-add-elite:hover{background:#f973161f!important}.plugin-mode-group{display:flex;align-items:center;gap:3px;margin-top:4px;flex-wrap:wrap}.plugin-mode-label{font-size:8px;color:var(--text-m);letter-spacing:.5px;margin-left:4px}.plugin-mode-btn{font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-m);cursor:pointer;letter-spacing:.3px}.plugin-mode-btn:hover{border-color:#ffffff40;color:var(--text-p)}.plugin-mode-btn.active{border-color:var(--accent);background:#a855f72e;color:var(--text-p)}.plugin-step-row{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}.plugin-step-group{display:flex;align-items:center;gap:3px}.plugin-step-label{font-size:8px;font-weight:700;color:var(--text-m);letter-spacing:.5px;margin-right:3px;white-space:nowrap}.plugin-step-btn{font-size:8px;font-weight:600;padding:2px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-m);cursor:pointer}.plugin-step-btn:hover{border-color:#fff3;color:var(--text-s)}.plugin-step-btn.active{border-color:#22d3ee;background:#22d3ee26;color:#22d3ee}.plugin-section-title{font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 0 4px;text-transform:uppercase}.plugin-saturn-wrap{display:flex;flex-direction:column;gap:4px}.plugin-saturn-band{display:flex;flex-direction:column}.plugin-saturn-band-label{font-size:9px;font-weight:800;letter-spacing:.8px;margin-bottom:2px}.plugin-saturn-divider{height:1px;background:#ffffff0f;margin:4px 0}.plugin-pressure-wrap{display:flex;flex-direction:column;gap:4px}.plugin-spacetime-wrap{display:flex;flex-direction:column;gap:2px}.plugin-transient-wrap{display:flex;flex-direction:column;gap:6px}.plugin-nova-wrap,.plugin-prism-wrap,.plugin-vibe-wrap{display:flex;flex-direction:column;gap:4px}.plugin-phase-wrap{display:flex;flex-direction:column;gap:6px}.plugin-phase-vis{padding:4px 6px 2px}.plugin-phase-meter{position:relative;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden;display:flex;align-items:center}.plugin-phase-bar{height:100%;border-radius:5px;min-width:2px;transition:width .15s ease,background .15s ease}.plugin-phase-pct{position:absolute;right:6px;font-size:9px;font-weight:700;color:#ffffffb3}.plugin-oxide-wrap,.plugin-hades-wrap,.plugin-shield-wrap,.plugin-flux-wrap{display:flex;flex-direction:column;gap:4px}.plugin-step-btn-sm{padding:2px 4px!important;font-size:8px!important;min-width:0!important}.plugin-forge-wrap,.plugin-crystal-wrap{display:flex;flex-direction:column;gap:4px}.fs-plugin-bg{border-radius:6px;border:1px solid rgba(168,85,247,.12);overflow:hidden}.fs-knob-wrap{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.fs-step-group{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.fs-step-label{font-size:8px;font-weight:700;color:#ffffff59;letter-spacing:.5px;margin-right:3px;white-space:nowrap;text-transform:uppercase}.fs-step-btn{padding:2px 6px;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:#ffffff0a;color:#fff6;cursor:pointer;letter-spacing:.3px;transition:all .12s ease;white-space:nowrap}.fs-step-btn:hover{border-color:#fff3;color:#ffffffb3;background:#ffffff14}.plugin-add-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07)}.plugin-add-tab{flex:1;padding:6px 4px;font-size:10px;font-weight:700;letter-spacing:.4px;color:#fff6;border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;transition:all .12s}.plugin-add-tab:hover{color:#ffffffb3}.plugin-add-tab.active{color:#a855f7;border-bottom-color:#a855f7}.plugin-add-tab-pro{color:#a855f799!important}.plugin-add-tab-pro.active{color:#a855f7!important;border-bottom-color:#a855f7!important}.plugin-add-pro{background:#a855f70f!important}.plugin-add-pro:hover{background:#a855f726!important;color:#a855f7!important}.fs-proq-wrap{display:flex;flex-direction:column;gap:0}.fs-band-pill{padding:2px 7px;font-size:9px;font-weight:800;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff6;cursor:pointer;letter-spacing:.4px;transition:all .12s}.fs-band-pill.active{font-weight:900}.fs-band-pill:hover{border-color:#ffffff40;color:#fffc}.fs-resonate-wrap,.fs-cosmos-wrap{display:flex;flex-direction:column;gap:0}.fs-mode-chip{padding:2px 6px;font-size:8px;font-weight:700;border-radius:3px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff59;cursor:pointer;letter-spacing:.3px;transition:all .1s;white-space:nowrap}.fs-mode-chip:hover{border-color:#fff3;color:#ffffffb3}.fs-mode-chip.active{font-weight:900}.fs-echo-wrap,.fs-voice-wrap{display:flex;flex-direction:column;gap:0}.fs-pitch-strip{display:flex;gap:2px;flex-wrap:wrap}.fs-pitch-key{padding:3px 7px;font-size:10px;font-weight:700;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff6;cursor:pointer;transition:all .1s;min-width:28px;text-align:center}.fs-pitch-key:hover{border-color:#a855f766;color:#fffc}.fs-master-wrap{display:flex;flex-direction:column;gap:0}.fs-master-tab{flex:1;padding:5px 4px;font-size:9px;font-weight:700;letter-spacing:.4px;color:#ffffff59;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;transition:all .12s}.fs-master-tab:hover{color:#fff9}.fs-master-tab.active{border-bottom:2px solid currentColor}.fs-spacer-wrap,.fs-apex-wrap,.fs-mutate-wrap,.fs-glitch-wrap{display:flex;flex-direction:column;gap:0}.fs-step-pad{height:18px;border-radius:2px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .08s}.fs-step-pad:hover{opacity:.8;transform:scaleY(1.1)}.fs-glitch-play{padding:3px 10px;font-size:11px;font-weight:700;border-radius:4px;border:1px solid;background:transparent;cursor:pointer;transition:all .12s;flex-shrink:0}.fs-glitch-play.playing{animation:pulse-glow .5s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 6px currentColor}to{box-shadow:0 0 16px currentColor}}.fs-spectrum-wrap,.fs-crush-wrap{display:flex;flex-direction:column;gap:0}.fs-band-tab{flex:1;padding:4px;font-size:9px;font-weight:800;letter-spacing:.3px;color:#ffffff59;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;transition:all .12s;text-align:center;line-height:1.3}.fs-band-tab:hover{color:#ffffffa6}.fs-band-tab.active{border-bottom:2px solid currentColor}.fs-reel-wrap,.fs-aura-wrap,.fs-dimension-wrap{display:flex;flex-direction:column;gap:0}.fs-dim-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(34,211,238,.3);background:#22d3ee0d;color:#22d3ee99;cursor:pointer;font-size:11px;font-weight:800;transition:all .15s}.fs-dim-btn:hover{border-color:#22d3ee99;color:#22d3eee6;background:#22d3ee1a}.fs-dim-btn.active{border-color:#22d3ee;box-shadow:0 0 14px #22d3ee80,inset 0 0 8px #22d3ee26}.status-lufs-wrap{display:flex;align-items:center;gap:5px}.status-lufs-bar-bg{width:56px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.status-lufs-bar-fill{height:100%;border-radius:3px;transition:width .05s linear,background .2s}.status-lufs-val{font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;min-width:28px;letter-spacing:-.02em}.export-lufs-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.export-lufs-btn{font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-m);cursor:pointer;transition:all .15s;white-space:nowrap}.export-lufs-btn:hover{background:#a855f726;color:var(--text-p);border-color:#a855f766}.export-lufs-btn.active{background:#a855f740;border-color:var(--accent);color:#e0b4ff}.export-custom-lufs{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;background:#ffffff0a;border-radius:4px}.export-lufs-val{font-size:10px;font-weight:700;color:var(--accent);min-width:64px;text-align:right}.export-lufs-hint{font-size:9px;color:var(--text-s);margin-top:6px;padding:4px 8px;background:#a855f70f;border-radius:3px;border-left:2px solid var(--accent)}.cfb-root{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.cfb-root>*{pointer-events:all}.cfb-trigger{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);border:2px solid rgba(168,85,247,.5);box-shadow:0 4px 24px #a855f773,0 2px 8px #0006;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform .2s,box-shadow .2s;position:relative;color:#fff}.cfb-trigger:hover{transform:scale(1.08);box-shadow:0 6px 32px #a855f799,0 2px 8px #00000080}.cfb-trigger--open{background:#2d2040;border-color:#a855f766}.cfb-trigger-label{font-size:8px;font-weight:900;letter-spacing:.08em;color:#ffffffd9}.cfb-badge{position:absolute;top:3px;right:3px;width:10px;height:10px;border-radius:50%;background:#ef4444;border:2px solid #1a1025;animation:cfb-pulse 1.5s infinite}@keyframes cfb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.cfb-panel{width:340px;max-height:580px;background:#1a1025;border:1px solid rgba(168,85,247,.25);border-radius:16px;box-shadow:0 16px 48px #000000b3,0 4px 16px #a855f726;display:flex;flex-direction:column;overflow:hidden;animation:cfb-slide-up .22s cubic-bezier(.34,1.56,.64,1)}@keyframes cfb-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}.cfb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;background:linear-gradient(135deg,#a855f71f,#7c3aed0f);border-bottom:1px solid rgba(168,85,247,.15);flex-shrink:0}.cfb-header-left{display:flex;align-items:center;gap:9px}.cfb-header-title{font-size:13px;font-weight:800;color:#e0b4ff;letter-spacing:.02em}.cfb-header-sub{font-size:9px;color:var(--text-s);margin-top:1px}.cfb-header-actions{display:flex;align-items:center;gap:4px}.cfb-close-btn,.cfb-nav-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-m);border-radius:6px;width:22px;height:22px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cfb-close-btn:hover,.cfb-nav-btn:hover{background:#ffffff1f;color:#fff}.cfb-home{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1}.cfb-greeting{display:flex;align-items:center;gap:12px;padding:16px 14px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.cfb-greeting-title{font-size:14px;font-weight:800;color:#fff}.cfb-greeting-sub{font-size:10px;color:var(--text-s);margin-top:2px}.cfb-caps{display:flex;flex-direction:column;gap:0}.cfb-cap-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:none;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;text-align:left;transition:filter .15s,background .15s;width:100%}.cfb-cap-card:hover{filter:brightness(1.15)}.cfb-cap-icon{font-size:22px;flex-shrink:0}.cfb-cap-body{flex:1;min-width:0}.cfb-cap-title{font-size:12px;font-weight:800;letter-spacing:.02em}.cfb-cap-sub{font-size:9px;color:var(--text-s);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfb-cap-arrow{font-size:20px;font-weight:300;flex-shrink:0;opacity:.6}.cfb-chat-entry{display:flex;gap:6px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.05)}.cfb-mini-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 12px;font-size:11px;color:var(--text-m);cursor:pointer;outline:none}.cfb-mini-send{background:#a855f733;border:1px solid rgba(168,85,247,.35);border-radius:20px;padding:5px 12px;font-size:10px;font-weight:700;color:#e0b4ff;cursor:pointer;white-space:nowrap;transition:background .15s}.cfb-mini-send:hover{background:#a855f759}.cfb-powered{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px 10px;font-size:9px;color:var(--text-s);border-top:1px solid rgba(255,255,255,.04)}.cfb-as-badge{font-size:8px;font-weight:800;color:#fff;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px;padding:1px 5px;letter-spacing:.04em}.cfb-gate-pill{font-size:8px;font-weight:800;color:#a855f7;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:8px;padding:1px 6px;letter-spacing:.04em}.cfb-cap-detail{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1;padding:14px}.cfb-cap-detail-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid;margin-bottom:12px}.cfb-cap-detail-icon{font-size:28px}.cfb-cap-detail-title{font-size:14px;font-weight:800;letter-spacing:.02em}.cfb-cap-detail-sub{font-size:10px;color:var(--text-s);margin-top:2px}.cfb-cap-detail-desc{font-size:11px;color:var(--text-m);line-height:1.6;margin:0 0 12px}.cfb-what-you-get{margin-bottom:14px}.cfb-wyg-title{font-size:10px;font-weight:700;color:var(--text-s);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.cfb-wyg-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cfb-wyg-list li{font-size:11px;color:var(--text-m)}.cfb-select-hint{font-size:10px;color:var(--text-s);background:#ffffff0a;border-radius:6px;padding:8px 10px;margin-bottom:10px}.cfb-run-btn{width:100%;padding:11px;border:none;border-radius:10px;font-size:13px;font-weight:800;color:#fff;cursor:pointer;letter-spacing:.02em;transition:filter .15s,transform .1s;margin-bottom:8px}.cfb-run-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.cfb-run-btn:disabled{opacity:.5;cursor:not-allowed}.cfb-cost-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--text-s)}.cfb-gate{background:#a855f712;border:1px solid rgba(168,85,247,.2);border-radius:10px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.cfb-gate-lock{font-size:28px}.cfb-gate-title{font-size:13px;font-weight:800;color:#e0b4ff}.cfb-gate-body{font-size:11px;color:var(--text-m);line-height:1.5}.cfb-gate-body strong{color:#e0b4ff}.cfb-gate-btn{display:inline-block;padding:9px 20px;border-radius:8px;font-size:12px;font-weight:800;color:#fff;text-decoration:none;transition:filter .15s;margin-top:4px}.cfb-gate-btn:hover{filter:brightness(1.15)}.cfb-gate-sub{font-size:9px;color:var(--text-s)}.cfb-chat-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cfb-chat-messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.cfb-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;opacity:.7}.cfb-msg{display:flex;align-items:flex-start;gap:7px}.cfb-msg-bot{justify-content:flex-start}.cfb-msg-user{justify-content:flex-end;flex-direction:row-reverse}.cfb-msg-av{flex-shrink:0}.cfb-msg-bubble{max-width:85%;padding:8px 11px;border-radius:12px;font-size:11px;line-height:1.5}.cfb-msg-bot .cfb-msg-bubble{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.cfb-msg-user .cfb-msg-bubble{background:#a855f738;border:1px solid rgba(168,85,247,.3);border-bottom-right-radius:4px;color:#e0b4ff}.cfb-msg-text{margin:0;font-family:inherit;white-space:pre-wrap;word-break:break-word;color:inherit;font-size:11px}.cfb-typing{display:flex;gap:4px;align-items:center;padding:10px 14px!important}.cfb-typing span{width:6px;height:6px;border-radius:50%;background:#a855f7b3;animation:cfb-typing-bounce .9s infinite}.cfb-typing span:nth-child(2){animation-delay:.15s}.cfb-typing span:nth-child(3){animation-delay:.3s}@keyframes cfb-typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.cfb-stem-links{display:flex;flex-direction:column;gap:3px;margin-top:6px}.cfb-stem-link{font-size:10px;color:var(--accent);text-decoration:none;padding:2px 0}.cfb-stem-link:hover{text-decoration:underline}.cfb-job-status{font-size:9px;color:var(--accent);text-align:center;padding:4px;animation:cfb-pulse 1.5s infinite}.cfb-chat-shortcuts{display:flex;gap:4px;padding:6px 10px;overflow-x:auto;flex-shrink:0;border-top:1px solid rgba(255,255,255,.05)}.cfb-shortcut-btn{white-space:nowrap;font-size:9px;font-weight:700;padding:4px 8px;border-radius:14px;border:1px solid;background:transparent;cursor:pointer;transition:background .15s;flex-shrink:0}.cfb-shortcut-btn:hover:not(:disabled){background:#ffffff12}.cfb-shortcut-btn:disabled{opacity:.4;cursor:not-allowed}.cfb-signin-bar{display:block;text-align:center;padding:7px 12px;font-size:10px;font-weight:700;color:#e0b4ff;background:#a855f71f;border-top:1px solid rgba(168,85,247,.2);text-decoration:none;transition:background .15s;flex-shrink:0}.cfb-signin-bar:hover{background:#a855f733}.cfb-signin-bar--sub{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b33}.cfb-signin-bar--sub:hover{background:#f59e0b26}.cfb-input-row{display:flex;gap:6px;padding:8px 10px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.06)}.cfb-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:7px 14px;font-size:11px;color:#fff;outline:none;transition:border-color .15s}.cfb-input:focus{border-color:#a855f780}.cfb-input::placeholder{color:var(--text-s)}.cfb-send-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:50%;width:34px;height:34px;color:#fff;font-size:14px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s}.cfb-send-btn:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.05)}.cfb-send-btn:disabled{opacity:.4;cursor:not-allowed}.cf-bubble-btn{position:fixed;bottom:28px;right:24px;z-index:9000;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 4px 24px #7c3aed8c,0 0 0 2px #a855f740;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;padding:0}.cf-bubble-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px #7c3aedb3,0 0 0 3px #a855f759}.cf-bubble-btn.open{background:linear-gradient(135deg,#4c1d95,#0e7490);transform:scale(1)}.cf-bubble-inner{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.cf-unread{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;border-radius:8px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid #0a0a14}.cf-chat-panel{position:fixed;bottom:94px;right:20px;z-index:8999;width:340px;max-height:560px;border-radius:14px;background:var(--bg-panel, #12101e);border:1px solid rgba(168,85,247,.35);box-shadow:0 8px 40px #000000b3,0 0 0 1px #a855f71a;display:flex;flex-direction:column;overflow:hidden;animation:cf-pop .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes cf-pop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cf-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#7c3aed2e,#06b6d41a);border-bottom:1px solid rgba(168,85,247,.2);flex-shrink:0}.cf-chat-header-left{display:flex;align-items:center;gap:10px}.cf-header-mascot{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c3aed4d,#06b6d433);display:flex;align-items:center;justify-content:center;border:1px solid rgba(168,85,247,.3);overflow:hidden;flex-shrink:0}.cf-chat-title{font-size:13px;font-weight:800;color:var(--text-p, #e2e0ff)}.cf-chat-sub{font-size:9px;color:var(--text-m, #8b8aaa);margin-top:1px}.cf-signin-link{font-size:10px;font-weight:700;color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:3px 8px;text-decoration:none;transition:background .15s}.cf-signin-link:hover{background:#f59e0b1f}.cf-greeting{display:flex;flex-direction:column;align-items:center;padding:18px 16px 8px;flex-shrink:0}.cf-greeting-mascot{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#7c3aed40,#06b6d426);border:2px solid rgba(168,85,247,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.cf-greeting-text{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.cf-greeting-hi{font-size:15px;font-weight:800;color:var(--text-p, #e2e0ff)}.cf-greeting-sub{font-size:11px;color:var(--text-m, #8b8aaa)}.cf-action-bubbles{display:flex;flex-direction:column;gap:6px;padding:10px 12px;flex-shrink:0}.cf-action-bubble{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(168,85,247,.25);background:#7c3aed14;color:var(--text-p, #e2e0ff);cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-align:left;width:100%}.cf-action-bubble:hover:not(:disabled){background:#7c3aed2e;border-color:#a855f780;transform:translate(2px)}.cf-action-bubble.locked{opacity:.75;border-color:#6464824d;background:#32325026}.cf-action-bubble.locked:hover:not(:disabled){background:#64649626;border-color:#9696c84d;transform:translate(2px)}.cf-action-bubble.working{opacity:.8;pointer-events:none}.cf-action-bubble:disabled{cursor:not-allowed}.cf-ab-emoji{font-size:18px;flex-shrink:0}.cf-ab-label{flex:1;font-size:12px;font-weight:700}.cf-ab-cost{font-size:9px;font-weight:700;color:var(--accent, #a855f7);background:#a855f71f;border-radius:4px;padding:2px 5px;flex-shrink:0}.cf-ab-cost.locked{background:#64648233;color:var(--text-m, #8b8aaa)}.cf-ab-cost.working{background:#f59e0b1f;color:#f59e0b}.cf-sub-cta{display:block;margin:0 12px 8px;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#7c3aed2e,#06b6d41a);border:1px solid rgba(168,85,247,.3);color:var(--accent, #a855f7);font-size:11px;font-weight:700;text-decoration:none;text-align:center;transition:background .15s;flex-shrink:0}.cf-sub-cta:hover{background:#7c3aed47}.cf-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:8px;min-height:60px}.cf-msg{display:flex;gap:5px;align-items:flex-start}.cf-msg-bot{flex-direction:row}.cf-msg-user{flex-direction:row-reverse}.cf-msg-av{width:22px;height:22px;border-radius:50%;background:#7c3aed33;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.cf-msg-bubble{max-width:82%;padding:6px 9px;border-radius:8px;border:1px solid var(--border, rgba(255,255,255,.08))}.cf-msg-bot .cf-msg-bubble{background:var(--bg-card, #1a1830);border-color:#a855f733}.cf-msg-user .cf-msg-bubble{background:#a855f71f;border-color:#a855f74d}.cf-msg-text{font-size:11px;line-height:1.55;color:var(--text-s, #c4c2d8);white-space:pre-wrap;font-family:inherit;margin:0}.cf-stem-links{display:flex;flex-direction:column;gap:2px;margin-top:5px}.cf-stem-link{font-size:10px;color:var(--accent, #a855f7);text-decoration:none}.cf-stem-link:hover{text-decoration:underline}.cf-typing{display:flex;gap:3px;padding:3px 2px}.cf-typing span{width:5px;height:5px;border-radius:50%;background:var(--text-m, #8b8aaa);animation:cf-bounce .9s ease-in-out infinite}.cf-typing span:nth-child(2){animation-delay:.15s}.cf-typing span:nth-child(3){animation-delay:.3s}@keyframes cf-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.cf-input-row{display:flex;gap:5px;padding:8px 10px;border-top:1px solid rgba(168,85,247,.15);flex-shrink:0}.cf-input{flex:1;padding:7px 10px;border-radius:8px;background:var(--bg-card, #1a1830);border:1px solid var(--border, rgba(255,255,255,.08));color:var(--text-p, #e2e0ff);font-size:11px;outline:none;font-family:inherit;transition:border-color .15s}.cf-input:focus{border-color:#a855f780}.cf-input::placeholder{color:var(--text-m, #8b8aaa)}.cf-send-btn{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent, #a855f7),var(--cyan, #06b6d4));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s;flex-shrink:0}.cf-send-btn:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.05)}.cf-send-btn:disabled{opacity:.4;cursor:not-allowed}.app-toast{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;animation:toast-in .2s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 4px 16px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-toast-info{background:#1e1b3cf2;border:1px solid rgba(168,85,247,.4);color:#d8d5ff}.app-toast-ok{background:#10321ef2;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.app-toast-warn{background:#3c280af2;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.app-toast-error{background:#3c0a0af2;border:1px solid rgba(239,68,68,.4);color:#fca5a5}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.automation-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:20px 16px;gap:8px;color:var(--text-m)}.automation-panel-empty-icon{opacity:.6;margin-bottom:4px}.automation-panel-empty-text{font-size:13px;font-weight:700;color:var(--text-s)}.automation-panel-empty-sub{font-size:11px;color:var(--text-m);text-align:center;line-height:1.6}.automation-panel-tracks{display:flex;flex-direction:column;gap:4px;margin-top:8px;width:100%;max-width:360px}.automation-panel-track-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:5px;background:var(--bg-card);border:1px solid var(--border)}.automation-panel{display:flex;flex-direction:column}.automation-panel-header{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.automation-panel-title{font-size:11px;font-weight:700;color:var(--text-s);text-transform:uppercase;letter-spacing:.06em}.automation-panel-hint{font-size:10px;color:var(--text-m)}.automation-track-group{border-bottom:1px solid rgba(255,255,255,.04)}.automation-track-group.automation-track-empty{opacity:.5}.automation-track-label{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff05;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-s);transition:background .1s}.automation-track-label:hover{background:#ffffff0a}.automation-track-label.selected{background:#a855f714;border-left:2px solid var(--accent)}.auto-lane-pts{font-size:9px;color:var(--text-m);padding:1px 4px;background:#ffffff0f;border-radius:3px}.auto-lane-clear{background:none;border:none;color:var(--text-m);cursor:pointer;font-size:10px;padding:0 3px;transition:color .1s}.auto-lane-clear:hover{color:var(--amber, #f59e0b)}.btab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:#a855f759;color:#d8d5ff;font-size:8px;font-weight:800;margin-left:4px}.send-row{display:flex;align-items:center;gap:5px;padding:3px 0}.send-bus-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.send-prefader-btn{font-size:7px;font-weight:800;padding:1px 4px;border-radius:3px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-m);cursor:pointer;letter-spacing:.03em;transition:all .1s}.send-prefader-btn.active{background:#a855f733;border-color:#a855f766;color:var(--accent)}.send-remove-btn{background:none;border:none;color:var(--text-m);cursor:pointer;font-size:9px;padding:0 2px;opacity:0;transition:opacity .1s,color .1s;flex-shrink:0}.send-row:hover .send-remove-btn{opacity:1}.send-remove-btn:hover{color:var(--danger, #ef4444)}.send-bus-menu{position:absolute;top:calc(100% + 3px);right:0;z-index:1000;background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;min-width:130px;overflow:hidden;box-shadow:0 4px 16px #00000080}.send-bus-option{display:flex;align-items:center;padding:6px 10px;font-size:11px;color:var(--text-s);cursor:pointer;transition:background .08s}.send-bus-option:hover{background:var(--bg-hover);color:var(--text-p)}.fs-knob-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.fs-knob-wrap svg{transition:filter .2s ease}.fs-knob-wrap svg:hover{filter:brightness(1.2)}.fs-band-pill{padding:2px 6px;font-size:8px;font-weight:700;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1);border-radius:3px;cursor:pointer;background:transparent;color:#ffffff59;transition:all .12s ease}.fs-band-pill:hover{color:#fff9;border-color:#fff3}.fs-step-group{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}.fs-step-label{font-size:8px;font-weight:700;color:#ffffff40;letter-spacing:.8px;white-space:nowrap;margin-right:2px}.fs-step-btn{padding:2px 5px;font-size:8px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(255,255,255,.08);border-radius:3px;cursor:pointer;background:#0000004d;color:#ffffff4d;transition:all .12s ease;white-space:nowrap}.fs-step-btn:hover{background:#ffffff0f;color:#ffffff8c;border-color:#ffffff26}.fs-proq-wrap,.fs-resonate-wrap,.fs-cosmos-wrap,.fs-echo-wrap,.fs-voice-wrap,.fs-master-wrap,.fs-spacer-wrap,.fs-apex-wrap,.fs-mutate-wrap,.fs-glitch-wrap,.fs-spectrum-wrap,.fs-crush-wrap,.fs-reel-wrap,.fs-aura-wrap,.fs-dimension-wrap{border-radius:6px;overflow:hidden}.fs-proq-wrap{border:1px solid rgba(168,85,247,.15);box-shadow:0 2px 20px #a855f714,inset 0 0 40px #a855f705}.fs-resonate-wrap{border:1px solid rgba(16,185,129,.15);box-shadow:0 2px 20px #10b98114,inset 0 0 40px #10b98105}.fs-cosmos-wrap{border:1px solid rgba(129,140,248,.15);box-shadow:0 2px 24px #818cf81a,inset 0 0 50px #818cf805}.fs-echo-wrap{border:1px solid rgba(245,158,11,.15);box-shadow:0 2px 20px #f59e0b0f,inset 0 0 40px #f59e0b05}.fs-voice-wrap{border:1px solid rgba(168,85,247,.15);box-shadow:0 2px 24px #a855f71a,inset 0 0 40px #a855f708}.fs-master-wrap{border:1px solid rgba(245,158,11,.15);box-shadow:0 2px 20px #f59e0b0f,inset 0 0 40px #f59e0b05}.fs-spacer-wrap{border:1px solid rgba(56,189,248,.15);box-shadow:0 2px 20px #38bdf814,inset 0 0 40px #38bdf805}.fs-apex-wrap{border:1px solid rgba(239,68,68,.15);box-shadow:0 2px 24px #ef44441a,inset 0 0 40px #ef444405}.fs-mutate-wrap{border:1px solid rgba(34,211,238,.15);box-shadow:0 2px 20px #22d3ee14,inset 0 0 40px #22d3ee05}.fs-glitch-wrap{border:1px solid rgba(239,68,68,.15);box-shadow:0 2px 20px #ef444412}.fs-spectrum-wrap{border:1px solid rgba(59,130,246,.15);box-shadow:0 2px 20px #3b82f614,inset 0 0 40px #3b82f605}.fs-crush-wrap{border:1px solid rgba(245,158,11,.12);box-shadow:0 2px 20px #f59e0b0f}.fs-reel-wrap{border:1px solid rgba(245,158,11,.18);box-shadow:0 2px 24px #f59e0b1a,inset 0 0 40px #f59e0b08}.fs-aura-wrap{border:1px solid rgba(232,121,249,.18);box-shadow:0 2px 28px #e879f91f,inset 0 0 50px #e879f908}.fs-dimension-wrap{border:1px solid rgba(34,211,238,.15);box-shadow:0 2px 20px #22d3ee14,inset 0 0 40px #22d3ee05}.fs-mode-chip{padding:2px 5px;font-size:8px;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:3px;cursor:pointer;background:#0000004d;color:#ffffff4d;transition:all .12s ease;letter-spacing:.3px}.fs-mode-chip:hover{background:#ffffff0f}.fs-master-tab{flex:1;padding:5px 2px;font-size:9px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all .15s;text-transform:uppercase}.fs-band-tab{flex:1;padding:3px 4px;font-size:9px;font-weight:700;border:1px solid rgba(255,255,255,.08);border-bottom:2px solid transparent;background:#0000004d;color:#ffffff59;cursor:pointer;transition:all .12s;border-radius:3px 3px 0 0}.fs-step-pad{height:24px;border:1px solid rgba(255,255,255,.08);border-radius:2px;cursor:pointer;transition:all .06s;background:#ffffff0a}.fs-glitch-play{width:26px;height:26px;border-radius:4px;border:2px solid;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s}.fs-dim-btn{flex:1;padding:5px 3px;font-size:9px;font-weight:800;border:1px solid rgba(34,211,238,.15);border-radius:4px;cursor:pointer;background:#0006;color:#22d3ee8c;transition:all .15s}.fs-dim-btn:hover{background:#22d3ee1a}.fs-pitch-strip{display:flex;height:32px;gap:2px}.fs-pitch-key{flex:1;height:100%;border:1px solid rgba(0,0,0,.3);border-radius:0 0 3px 3px;cursor:pointer;font-size:7px;font-weight:700;transition:all .1s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}.fs-pitch-key.active{background:#a855f7!important;box-shadow:0 0 10px #a855f788}.plugin-add-tabs{display:flex;gap:2px;padding:5px 6px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.plugin-add-tab{flex:1;padding:4px;font-size:9px;font-weight:700;letter-spacing:.3px;border:none;border-bottom:2px solid transparent;background:transparent;color:#ffffff4d;cursor:pointer;transition:all .12s;text-transform:uppercase}.plugin-add-tab:hover{color:#fff9}.plugin-add-tab.active{color:#ffffffe6;border-bottom-color:#a855f7b3}.plugin-add-tab-pro.active{color:#f59e0b;border-bottom-color:#f59e0b}.plugin-add-section-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#fff3;padding:3px 8px 1px;text-transform:uppercase}.plugin-add-pro{border-left:2px solid #f59e0b22!important}.plugin-add-pro:hover{background:#f59e0b14!important}.plugin-add-pro .plugin-add-option-name{color:#f59e0b!important}.plugin-knobs-row{display:flex;gap:4px;align-items:flex-start;flex-wrap:nowrap;overflow-x:auto}.plugin-knobs-row::-webkit-scrollbar{height:2px}.plugin-knobs-row::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:1px}.pdd-overlay{position:absolute;top:100%;left:0;right:0;z-index:600;background:#111118;border:1px solid rgba(168,85,247,.25);border-radius:8px;box-shadow:0 8px 32px #000000b3,0 0 0 1px #a855f714;overflow:hidden;margin-top:4px;min-width:230px}.pdd-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);background:#0000004d}.pdd-tab{flex:1;padding:6px 4px;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff4d;cursor:pointer;transition:all .12s}.pdd-tab:hover{color:#fff9}.pdd-tab-active{color:#a855f7;border-bottom-color:#a855f7}.pdd-scroll{max-height:320px;overflow-y:auto;overscroll-behavior:contain}.pdd-scroll::-webkit-scrollbar{width:3px}.pdd-scroll::-webkit-scrollbar-track{background:transparent}.pdd-scroll::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:2px}.pdd-cat{border-bottom:1px solid rgba(255,255,255,.04)}.pdd-cat:last-child{border-bottom:none}.pdd-cat-header{width:100%;display:flex;align-items:center;gap:7px;padding:7px 10px;background:transparent;border:none;cursor:pointer;transition:background .1s;text-align:left}.pdd-cat-header:hover{background:#ffffff0a}.pdd-cat-icon{font-size:12px;min-width:14px;text-align:center}.pdd-cat-label{flex:1;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#ffffff8c}.pdd-cat-count{font-size:9px;color:#fff3;background:#ffffff0f;border-radius:10px;padding:0 5px;min-width:16px;text-align:center}.pdd-cat-arrow{font-size:8px;color:#fff3}.pdd-plugin-list{background:#00000040;border-top:1px solid rgba(255,255,255,.04)}.pdd-plugin-row{width:100%;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 18px;background:transparent;border:none;cursor:pointer;transition:background .1s;text-align:left}.pdd-plugin-row:hover{background:#ffffff0f}.pdd-plugin-row:hover .pdd-plugin-add{opacity:1}.pdd-plugin-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.8}.pdd-plugin-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.pdd-plugin-name{font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdd-plugin-desc{font-size:9px;color:#ffffff40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdd-plugin-add{font-size:14px;font-weight:300;color:#ffffff4d;opacity:0;transition:opacity .1s;flex-shrink:0;line-height:1}.plugin-rack{position:relative}