@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";.header{display:flex;align-items:center;height:var(--header-h);background:#050510fa;border-bottom:1px solid rgba(255,255,255,.06);padding:0 16px 0 0;gap:0;flex-shrink:0;position:relative;z-index:200;box-shadow:0 1px #ffffff0a,0 4px 40px #000000e6,0 0 60px #00e5ff0a}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--purple) 20%,var(--cyan) 50%,var(--purple) 80%,transparent 100%);opacity:.7;animation:header-shimmer 8s ease-in-out infinite}@keyframes header-shimmer{0%,to{opacity:.5}50%{opacity:1}}.header-logo{display:flex;align-items:center;gap:10px;padding:0 18px;cursor:default;flex-shrink:0}.logo-mark{font-size:24px;color:var(--cyan);animation:logo-pulse 5s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--cyan));line-height:1}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 8px var(--cyan))}50%{filter:drop-shadow(0 0 24px var(--cyan)) drop-shadow(0 0 60px var(--purple))}}.logo-text{font-size:20px;font-weight:900;letter-spacing:5px;color:var(--cyan);text-shadow:0 0 16px var(--cyan),0 0 40px var(--cyan-glow);line-height:1}.logo-sub{font-size:7px;letter-spacing:2px;color:var(--txt-3);font-weight:600;margin-top:2px}.hdiv{width:1px;height:36px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08),transparent);margin:0 14px;flex-shrink:0}.transport{display:flex;align-items:center;gap:5px;flex-shrink:0}.t-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--glass-3);border:1px solid var(--border);color:var(--txt-2);font-size:15px;transition:all var(--fast);position:relative;overflow:hidden}.t-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.t-btn:hover{background:var(--glass-4);color:var(--txt-1);border-color:var(--border-cyan);box-shadow:0 0 16px var(--cyan-glow-sm),0 4px 12px #0006;transform:translateY(-1px)}.t-btn:active{transform:translateY(0)}.t-btn.t-play.is-playing{background:#00e5ff1a;color:var(--cyan);border-color:var(--cyan-mid);box-shadow:0 0 20px var(--cyan-glow),0 0 6px var(--cyan) inset;animation:play-pulse 2s ease-in-out infinite}@keyframes play-pulse{0%,to{box-shadow:0 0 20px var(--cyan-glow),0 0 6px var(--cyan) inset}50%{box-shadow:0 0 40px var(--cyan-glow),0 0 12px var(--cyan) inset}}.t-btn.t-rec.is-recording{background:#ff453a1f;color:var(--red);border-color:var(--red);box-shadow:0 0 20px var(--red-glow);animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.6}}.bpm-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.section-label{font-size:8px;letter-spacing:2px;color:var(--txt-3);font-weight:700;text-transform:uppercase}.bpm-display{font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--cyan);letter-spacing:-1px;cursor:ns-resize;padding:4px 8px;border-radius:8px;min-width:104px;text-align:center;text-shadow:0 0 16px var(--cyan),0 0 40px var(--cyan-glow);background:#00e5ff0a;border:1px solid rgba(0,229,255,.08);transition:all var(--fast)}.bpm-display:hover{background:#00e5ff14;border-color:#00e5ff33;box-shadow:0 0 24px var(--cyan-glow-sm)}.bpm-display.beat{text-shadow:0 0 40px var(--cyan),0 0 80px var(--cyan);background:#00e5ff1a}.bpm-input{font-family:var(--font-mono);font-size:26px;font-weight:700;width:116px;text-align:center;color:var(--cyan);background:#00e5ff0f;border:1px solid var(--cyan-mid)!important;box-shadow:0 0 20px var(--cyan-glow-sm)!important}.beat-dot{width:8px;height:8px;border-radius:50%;background:var(--txt-4);transition:all 60ms;flex-shrink:0}.beat-dot.on{background:var(--cyan);box-shadow:0 0 12px var(--cyan),0 0 24px var(--cyan-glow)}.key-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.key-select{color:var(--purple);font-weight:700;font-family:var(--font-mono);min-width:52px;text-align:center;font-size:14px;background:#bf5af20f;border-color:#bf5af233;text-shadow:0 0 10px var(--purple)}.scale-select{min-width:118px;font-size:12px;font-weight:600}.status-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.s-pill{font-size:8px;letter-spacing:1.5px;font-weight:700;padding:4px 10px;border-radius:100px;border:1px solid var(--border);color:var(--txt-3);background:var(--glass-3);transition:all var(--med)}.s-pill.play-pill.active{color:var(--cyan);border-color:#00e5ff66;background:#00e5ff14;box-shadow:0 0 12px var(--cyan-glow-sm)}.s-pill.ai-pill{color:var(--purple);border-color:#bf5af24d;background:#bf5af20f;animation:ai-breathe 4s ease-in-out infinite}@keyframes ai-breathe{0%,to{box-shadow:0 0 8px var(--purple-glow-sm)}50%{box-shadow:0 0 20px var(--purple-glow)}}.s-pill.link-pill{color:var(--txt-3)}.h-spacer{flex:1}.settings-gear{width:34px;height:34px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--txt-3);font-size:16px;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .18s cubic-bezier(.16,1,.3,1)}.settings-gear:hover{background:#00e5ff14;border-color:#00e5ff4d;color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow-sm);transform:rotate(60deg)}.device-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.device-pill{font-size:8px;letter-spacing:1px;font-weight:700;padding:3px 9px;border-radius:100px;border:1px solid var(--border);color:var(--txt-3);background:var(--glass-3);transition:all var(--fast)}.device-pill.uad:not(.offline){color:var(--orange);border-color:#ff9f0a4d;background:#ff9f0a0f;box-shadow:0 0 8px var(--orange-glow)}.device-pill.maschine:not(.offline){color:var(--green);border-color:#30d1584d;background:#30d1580f;box-shadow:0 0 8px var(--green-glow)}.device-pill.offline{opacity:.4}.wc{display:flex;align-items:center;gap:8px;padding:0 10px;flex-shrink:0}.wc-btn{width:13px;height:13px;border-radius:50%;cursor:pointer;transition:filter var(--fast);border:none}.wc-close{background:#ff5f57}.wc-min{background:#ffbd2e}.wc-max{background:#28c840}.wc-btn:hover{filter:brightness(1.2) saturate(1.2)}.track-list{width:var(--tracklist-w);min-width:var(--tracklist-w);display:flex;flex-direction:column;background:#04040efa;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;flex-shrink:0;position:relative;box-shadow:2px 0 40px #000c,1px 0 #00e5ff14}.track-list:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--cyan-glow),var(--purple-glow),transparent);opacity:.4}.tl-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#060612;border-bottom:1px solid var(--border);flex-shrink:0}.tl-title{font-size:8px;letter-spacing:3px;color:var(--txt-3);font-weight:700}.tl-add{width:26px;height:26px;border-radius:6px;background:var(--glass-3);border:1px solid var(--border);color:var(--cyan);font-size:18px;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--fast)}.tl-add:hover{background:#00e5ff14;border-color:var(--border-cyan);box-shadow:0 0 12px var(--cyan-glow-sm);transform:scale(1.1)}.tl-tracks{flex:1;overflow-y:auto}.track-item{height:var(--track-h);display:flex;align-items:center;position:relative;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background var(--fast);gap:0;overflow:hidden}.track-item:hover{background:#ffffff06}.track-item.selected{background:#ffffff0a}.track-item.muted{opacity:.35}.track-accent{width:4px;height:100%;background:var(--tc, var(--cyan));flex-shrink:0;position:relative}.track-item.selected .track-accent,.track-item:hover .track-accent{box-shadow:4px 0 20px var(--tc, var(--cyan))}.track-item.playing .track-accent{animation:accent-pulse 1s ease-in-out infinite}@keyframes accent-pulse{0%,to{box-shadow:4px 0 12px var(--tc)}50%{box-shadow:4px 0 30px var(--tc),4px 0 60px var(--tc)}}.track-body{display:flex;align-items:center;flex:1;padding:0 8px;gap:6px;overflow:hidden;min-width:0}.track-icon{font-size:14px;flex-shrink:0}.track-name{font-size:10px;letter-spacing:1.2px;font-weight:700;color:var(--tc, var(--txt-1));text-shadow:0 0 10px var(--tc, transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.armed-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);flex-shrink:0;animation:rec-pulse 1s ease-in-out infinite}.track-ctrls{display:flex;gap:3px;flex-shrink:0;padding-right:4px}.tc-btn{width:20px;height:20px;border-radius:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:8px;font-weight:800;color:var(--txt-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--fast);letter-spacing:0}.tc-btn:hover{color:var(--txt-1);background:var(--glass-4)}.tc-btn.muted{color:var(--yellow);border-color:#ffd60a66;background:#ffd60a0f;box-shadow:0 0 6px #ffd60a33}.tc-btn.solo{color:var(--green);border-color:#30d15866;background:#30d1580f;box-shadow:0 0 6px var(--green-glow)}.tc-btn.armed{color:var(--red);border-color:#ff453a66;background:#ff453a14;box-shadow:0 0 8px var(--red-glow)}.track-vu{display:flex;gap:2px;align-items:flex-end;height:28px;padding:0 6px 0 0;flex-shrink:0}.vu-bar{width:4px;background:#ffffff0f;border-radius:2px;height:100%;position:relative;overflow:hidden}.vu-fill{position:absolute;bottom:0;left:0;right:0;border-radius:2px;transition:height 60ms ease-out}.master-strip{border-top:1px solid var(--border-cyan);background:#04040efa;padding:10px 14px;flex-shrink:0}.master-label{font-size:7px;letter-spacing:3px;color:var(--txt-3);font-weight:700;margin-bottom:8px}.master-fader-row{display:flex;align-items:center;gap:8px}.master-fader{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;cursor:ew-resize}.master-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px;box-shadow:0 0 8px var(--cyan-glow-sm)}.master-db{font-family:var(--font-mono);font-size:11px;color:var(--cyan);font-weight:700;min-width:28px;text-align:right}.timeline{flex:1;position:relative;overflow:hidden;background:#03030afc;display:flex;flex-direction:column;cursor:default}.ruler{height:var(--ruler-h);min-height:var(--ruler-h);background:#050510;border-bottom:1px solid rgba(255,255,255,.06);position:relative;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.ruler-inner{position:absolute;top:0;left:0;height:100%;will-change:transform}.ruler-bar-mark{position:absolute;top:0;width:1px;height:100%;background:#ffffff14}.ruler-bar-label{position:absolute;top:5px;left:4px;font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--txt-3);letter-spacing:.5px;white-space:nowrap}.ruler-beat-tick{position:absolute;bottom:0;width:1px;height:6px;background:#ffffff0a}.ruler-cursor{position:absolute;top:2px;font-family:var(--font-mono);font-size:9px;color:var(--cyan);background:#00e5ff14;padding:1px 5px;border-radius:3px;pointer-events:none;white-space:nowrap;transform:translate(-50%)}.lanes-wrapper{flex:1;position:relative;overflow:hidden}.lanes-inner{position:absolute;top:0;left:0;will-change:transform}.lane{height:var(--track-h);position:relative;border-bottom:1px solid rgba(255,255,255,.025);overflow:hidden}.lane:nth-child(odd){background:#08081699}.lane:nth-child(2n){background:#04040e99}.grid-bar{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0a;pointer-events:none}.grid-bar.major{background:#ffffff12}.grid-beat{position:absolute;top:0;bottom:0;width:1px;background:#ffffff05;pointer-events:none}.clip{position:absolute;top:4px;height:calc(100% - 8px);border-radius:6px;cursor:pointer;overflow:hidden;transition:box-shadow var(--fast),transform var(--fast);-webkit-user-select:none;user-select:none;background:#0a0a1cd9;border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--clip-color, var(--cyan))}.clip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 40%,rgba(0,0,0,.2) 100%);pointer-events:none}.clip:hover{z-index:10;transform:translateY(-1px);box-shadow:0 0 20px var(--clip-glow, var(--cyan-glow)),0 6px 20px #0009,0 0 0 1px var(--clip-color, var(--cyan))}.clip.selected{z-index:11;background:#141432f2;border-color:var(--cyan);box-shadow:0 0 24px var(--cyan-glow),0 0 0 1.5px var(--cyan),inset 0 0 0 1px #00e5ff26}.clip.selected .clip-topglow{background:var(--cyan);box-shadow:0 0 10px var(--cyan),0 0 24px var(--cyan-glow)}.clip-topglow{position:absolute;top:0;left:0;right:0;height:2px;background:var(--clip-color, var(--cyan));box-shadow:0 0 8px var(--clip-color, var(--cyan)),0 0 20px var(--clip-glow, var(--cyan-glow))}.clip-piano-roll{position:absolute;top:6px;left:3px;right:3px;bottom:3px;overflow:hidden;pointer-events:none;border-radius:2px}.clip-piano-roll canvas{display:block;width:100%;height:100%}.clip-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:#ffffdceb;box-shadow:0 0 5px #fff064e6,0 0 12px #ffdc0080;pointer-events:none;z-index:25;transform:translate(-50%);border-radius:1px}.clip-label{position:absolute;bottom:4px;left:6px;font-size:8px;letter-spacing:.8px;font-weight:700;color:var(--clip-color, var(--txt-1));text-shadow:0 0 6px var(--clip-color, transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 12px);pointer-events:none}.clip-tooltip{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#060614f2;border:1px solid var(--border-cyan);border-radius:5px;padding:3px 8px;font-family:var(--font-mono);font-size:9px;color:var(--cyan);white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0009;z-index:100}.clip-resize-r{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:ew-resize;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08))}.clip-fade-in{position:absolute;left:0;top:0;width:20px;height:14px;cursor:s-resize;opacity:0;transition:opacity var(--fast)}.clip-fade-out{position:absolute;right:8px;top:0;width:20px;height:14px;cursor:s-resize;opacity:0;transition:opacity var(--fast)}.clip:hover .clip-fade-in,.clip:hover .clip-fade-out{opacity:1}.fade-handle-icon{width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);border-radius:0 0 4px}.clip-fade-in-overlay{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(5,5,16,.9),transparent);pointer-events:none}.clip-fade-out-overlay{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(270deg,rgba(5,5,16,.9),transparent);pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--cyan);z-index:50;pointer-events:none;transform:translate(-1px)}.playhead:before{content:"";position:absolute;top:0;left:-6px;width:14px;height:14px;background:var(--cyan);clip-path:polygon(36% 0,100% 0,100% 55%,36% 100%,0 50%)}.playhead.playing{box-shadow:0 0 8px var(--cyan),0 0 24px var(--cyan-glow)}.playhead.playing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cyan);filter:blur(4px);opacity:.4;z-index:-1}.edge-fade-right{position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(270deg,rgba(3,3,10,1),transparent);pointer-events:none;z-index:20}.pr2-wrap{display:flex;flex-direction:column;height:100%;background:#03030af7;overflow:hidden;font-family:var(--font, "Inter", sans-serif)}.pr2-toolbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(180deg,rgba(0,229,255,.04),transparent);border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.pr2-clipname{color:var(--cyan, #00e5ff);font-weight:700}.pr2-meta{color:var(--txt-3, #50586a);margin-left:auto;margin-right:12px}.pr2-color{width:12px;height:12px;border-radius:50%}.pr2-pill{font-size:8px;padding:1px 6px;border-radius:100px;background:#ff9f0a26;color:var(--orange, #ff9f0a);border:1px solid rgba(255,159,10,.3);margin-left:6px}.pr2-body{flex:1;display:flex;overflow:hidden}.pr2-keys{overflow-y:auto;background:#08081299;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}.pr2-keys::-webkit-scrollbar{width:0}.pr2-keyhead{border-bottom:1px solid rgba(255,255,255,.06);background:#00000080}.pr2-key{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;font-family:var(--font-mono, monospace);font-size:9px;font-weight:600;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .1s}.pr2-key.white{background:#ffffff05;color:var(--txt-2, #9098b0)}.pr2-key.black{background:#0006;color:var(--txt-3, #50586a)}.pr2-key.octave-c{color:var(--cyan, #00e5ff);background:#00e5ff0f;border-bottom:1px solid rgba(0,229,255,.2)}.pr2-key:hover{background:#00e5ff1f;color:var(--cyan, #00e5ff)}.pr2-key-label{font-size:9px}.pr2-grid-wrap{flex:1;display:flex;flex-direction:column;overflow:auto;position:relative}.pr2-ruler{position:sticky;top:0;background:#0009;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:5;position:relative}.pr2-bar-tick{position:absolute;top:0;bottom:0;width:1px;background:#ffffff1f}.pr2-bar-tick span{position:absolute;top:5px;left:4px;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;color:var(--cyan, #00e5ff);letter-spacing:.04em;white-space:nowrap}.pr2-grid{position:relative;flex-shrink:0;min-width:100%}.pr2-row{position:absolute;left:0;right:0;pointer-events:none}.pr2-row.white-row{background:#ffffff03;border-bottom:1px solid rgba(255,255,255,.025)}.pr2-row.black-row{background:#0006;border-bottom:1px solid rgba(255,255,255,.025)}.pr2-bar-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff1a;pointer-events:none}.pr2-beat-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0a;pointer-events:none}.pr2-note{position:absolute;border-radius:2px;border:1px solid rgba(255,255,255,.15);cursor:pointer;overflow:hidden;transition:transform .08s,box-shadow .08s;display:flex;align-items:center}.pr2-note:hover{z-index:4;transform:translateY(-1px);border-color:#fff6}.pr2-note-label{font-family:var(--font-mono, monospace);font-size:8px;font-weight:700;color:#000000a6;padding:0 3px;letter-spacing:.03em;pointer-events:none;white-space:nowrap}.pr2-note-vel{position:absolute;left:0;bottom:0;height:2px;background:#ffffffb3}.pr2-note-resize{position:absolute;top:0;right:0;bottom:0;width:7px;cursor:ew-resize;background:linear-gradient(to right,transparent,rgba(0,0,0,.25))}.pr2-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:#fff064e6;box-shadow:0 0 6px #ffdc00b3,0 0 14px #ffdc0059;pointer-events:none;z-index:10;transform:translate(-50%)}.pr2-vel-lane{position:relative;height:56px;background:#00000080;border-top:1px solid rgba(255,255,255,.06);margin-top:4px;flex-shrink:0}.pr2-vel-bar{position:absolute;bottom:0;width:2px;border-radius:1px 1px 0 0;opacity:.85}.pr2-drum-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:8px 12px}.pr2-drum-grid{position:relative;flex:1;background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:6px;overflow:hidden;min-height:200px}.pr2-drum-cell{position:absolute;top:0;bottom:0;border-right:1px solid rgba(255,255,255,.015)}.pr2-drum-cell.beat{border-right-color:#ffffff0d}.pr2-drum-cell.bar{border-right-color:#ffffff2e}.pr2-drum-hit{position:absolute;bottom:4px;border-radius:2px 2px 0 0;border:1px solid rgba(255,255,255,.2);transform:translate(2px)}.pr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:30px;color:var(--txt-3, #50586a);background:#03030af7;text-align:center}.pr-empty-icon{font-size:38px;color:var(--cyan, #00e5ff);opacity:.5;margin-bottom:12px;text-shadow:0 0 16px var(--cyan-glow, rgba(0,229,255,.4))}.pr-empty-title{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-2, #9098b0);margin-bottom:6px}.pr-empty-sub{font-size:12px;color:var(--txt-3, #50586a);max-width:360px;line-height:1.5}.mx-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:var(--glass-1);color:var(--txt-1);font-family:var(--font);overflow:hidden}.mx-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,229,255,.04) 0%,transparent 100%),var(--glass-2)}.mx-header-left,.mx-header-right{display:flex;align-items:center;gap:10px}.mx-title{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.mx-header-sep{color:var(--txt-3);font-size:11px}.mx-header-stat{font-family:var(--font-mono);font-size:10px;color:var(--txt-2);letter-spacing:1px}.mx-bpm-val{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--orange);text-shadow:0 0 8px var(--orange-glow)}.mx-bpm-lbl{font-size:9px;letter-spacing:1.4px;color:var(--txt-3)}.mx-rail{flex:1 1 auto;display:flex;align-items:stretch;gap:6px;padding:10px 12px;overflow-x:auto;overflow-y:hidden}.mx-master-divider{flex:0 0 1px;margin:12px 6px;background:linear-gradient(180deg,transparent 0%,var(--border-mid) 20%,var(--border-mid) 80%,transparent 100%)}.mx-strip{position:relative;flex:0 0 76px;width:76px;min-height:480px;display:flex;flex-direction:column;align-items:center;padding:8px 6px 6px;background:var(--glass-3);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color var(--fast),box-shadow var(--fast),transform var(--fast);-webkit-user-select:none;user-select:none}.mx-strip:hover{border-color:var(--border-mid);background:var(--glass-4)}.mx-strip.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan-glow),0 0 24px var(--cyan-glow-sm),inset 0 1px #ffffff0f;animation:mx-pulse 2s ease-in-out infinite}@keyframes mx-pulse{0%,to{box-shadow:0 0 0 1px var(--cyan-glow),0 0 24px var(--cyan-glow-sm)}50%{box-shadow:0 0 0 1px var(--cyan),0 0 36px var(--cyan-glow)}}.mx-strip:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:linear-gradient(180deg,var(--strip-color, var(--cyan)) 0%,transparent 100%);opacity:.18;border-radius:8px 8px 0 0;pointer-events:none}.mx-strip.muted{opacity:.55}.mx-strip.solo{box-shadow:0 0 0 1px #ffd60a66,0 0 16px #ffd60a26}.mx-strip-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px;width:100%}.mx-strip-icon{font-size:14px;line-height:1}.mx-strip-name{font-size:10px;font-weight:800;letter-spacing:1.2px;text-shadow:0 0 6px currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.mx-fx-list{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;min-height:44px;margin-bottom:8px}.mx-fx-chip{font-family:var(--font-mono);font-size:8px;letter-spacing:.6px;text-align:center;padding:3px 4px;border-radius:3px;background:var(--glass-4);border:1px solid var(--border-mid);color:var(--txt-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-fx-chip{cursor:pointer}.mx-fx-chip:hover{border-color:var(--red, #ff453a);color:var(--red, #ff453a)}.mx-fx-chip.master{background:#00e5ff14;border-color:var(--border-cyan);color:var(--cyan-bright);text-shadow:0 0 6px var(--cyan-glow);cursor:default}.mx-fx-add-wrap{position:relative;width:100%}.mx-fx-add-wrap .mx-fx-placeholder{width:100%;cursor:pointer}.mx-fx-menu{position:absolute;top:calc(100% + 2px);left:0;z-index:40;display:flex;flex-direction:column;min-width:120px;padding:4px;gap:2px;background:var(--glass-2, rgba(20, 22, 28, .96));border:1px solid var(--border-mid);border-radius:5px;box-shadow:0 6px 20px #00000080}.mx-fx-menu-item{font-family:var(--font-mono);font-size:10px;text-align:left;padding:5px 8px;border-radius:3px;background:transparent;border:none;color:var(--txt-1);cursor:pointer;transition:background var(--fast),color var(--fast)}.mx-fx-menu-item:hover{background:var(--glass-4);color:var(--cyan)}.mx-preset-save{font-family:var(--font-mono);font-size:8px;letter-spacing:.6px;color:var(--txt-3);background:transparent;border:1px solid var(--border-mid);border-radius:3px;padding:3px 4px;margin-top:6px;cursor:pointer;transition:color var(--fast),border-color var(--fast)}.mx-preset-save:hover{color:var(--cyan);border-color:var(--cyan-mid)}.mx-fx-placeholder{font-family:var(--font-mono);font-size:9px;color:var(--txt-3);border:1px dashed var(--border-mid);border-radius:3px;padding:4px;background:transparent;letter-spacing:.8px;transition:color var(--fast),border-color var(--fast)}.mx-fx-placeholder:hover{color:var(--cyan);border-color:var(--cyan-mid)}.mx-sends{display:flex;justify-content:space-around;width:100%;margin-bottom:6px;gap:4px}.mx-sends-empty{min-height:46px}.mx-pan{margin-bottom:8px}.mx-knob-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.mx-knob{position:relative;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(160deg,var(--glass-4) 0%,var(--void-2) 100%);border:1px solid var(--border-mid);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -2px 4px #0009,0 1px 2px #0009;cursor:ns-resize;flex:0 0 auto}.mx-knob:hover{border-color:var(--knob-color, var(--cyan))}.mx-knob-needle{position:absolute;left:50%;top:50%;width:2px;height:50%;background:var(--knob-color, var(--cyan));border-radius:2px;transform-origin:50% 100%;box-shadow:0 0 6px var(--knob-color, var(--cyan));pointer-events:none}.mx-knob-arc{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid transparent;pointer-events:none}.mx-knob-label{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.6px;color:var(--txt-3)}.mx-fader-row{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 8px}.mx-fader-rail{position:relative;width:22px;cursor:ns-resize;padding:0 6px}.mx-fader-track{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#ffffff0a,#0009);border-radius:1px;box-shadow:inset 0 0 2px #000c}.mx-fader-thumb{position:absolute;left:50%;width:18px;height:12px;transform:translate(-50%);background:linear-gradient(180deg,var(--fader-color, var(--cyan)) 0%,rgba(0,0,0,.6) 100%);border-radius:3px;box-shadow:0 0 8px var(--fader-color, var(--cyan)),inset 0 1px #fff6,inset 0 -1px 2px #0009;pointer-events:none}.mx-vu{position:relative;width:6px;border-radius:2px;overflow:hidden;background:#0009;border:1px solid var(--border)}.mx-vu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ff453a0d,#ffd60a0d 30%,#30d1580d 70%)}.mx-vu-fill{position:absolute;bottom:0;left:0;right:0;height:0%;background:var(--green);box-shadow:0 0 4px currentColor;transition:height 30ms linear}.mx-vu-tick{position:absolute;left:0;right:0;height:1px;background:#ffffff1a;pointer-events:none}.mx-ms-row{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.mx-ms{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-mid);background:var(--glass-4);color:var(--txt-2);font-size:9px;font-weight:800;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--fast)}.mx-ms:hover:not(:disabled){border-color:var(--border-cyan);color:var(--txt-1)}.mx-ms:disabled{opacity:.35;cursor:not-allowed}.mx-mute.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 10px var(--red-glow),0 0 4px var(--red)}.mx-solo.on{background:var(--yellow);border-color:var(--yellow);color:#000;box-shadow:0 0 10px #ffd60a8c,0 0 4px var(--yellow)}.mx-strip-foot{margin-top:auto;font-family:var(--font-mono);font-size:8px;letter-spacing:.8px;color:var(--txt-3);padding-top:6px;border-top:1px solid var(--border);width:100%;text-align:center}.mx-master{background:linear-gradient(180deg,rgba(0,229,255,.05) 0%,var(--glass-3) 60%);border-color:var(--border-cyan)}.mx-master:before{opacity:.28}.drum-pad-panel{display:flex;flex-direction:column;width:100%;height:100%;background:radial-gradient(120% 80% at 50% 0%,rgba(0,229,255,.05),transparent 60%),linear-gradient(180deg,var(--glass-2),var(--void-2));color:var(--txt-1);font-family:var(--font, "Inter", system-ui, sans-serif);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.dp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:#00000040}.dp-toolbar-left,.dp-toolbar-right{display:flex;align-items:center;gap:10px}.dp-field{display:flex;flex-direction:column;gap:3px;font-size:9px;letter-spacing:.12em;color:var(--txt-3);font-family:var(--font-mono, "JetBrains Mono", monospace)}.dp-field select{background:var(--glass-3);color:var(--txt-1);border:1px solid var(--border-mid);border-radius:4px;padding:4px 8px;font-size:11px;font-family:inherit;outline:none;cursor:pointer;min-width:130px}.dp-field select:hover{border-color:var(--border-cyan);background:var(--glass-4)}.dp-field select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow-sm)}.dp-tempo{display:flex;align-items:baseline;gap:4px;padding:4px 10px;border:1px solid var(--border-mid);border-radius:4px;background:#00000059;font-family:var(--font-mono, monospace)}.dp-tempo-val{font-size:14px;color:var(--cyan);font-weight:600;text-shadow:0 0 6px var(--cyan-glow)}.dp-tempo-lbl{font-size:9px;color:var(--txt-3);letter-spacing:.1em}.dp-master{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-mid);border-radius:4px;background:#00000059}.dp-master-lbl{font-size:9px;color:var(--txt-3);letter-spacing:.12em;font-family:var(--font-mono, monospace)}.dp-master-fader{width:90px;accent-color:var(--cyan)}.dp-send-btn{padding:6px 12px;background:linear-gradient(180deg,var(--glass-4),var(--glass-3));color:var(--cyan-bright);border:1px solid var(--border-cyan);border-radius:4px;font-size:10px;font-family:var(--font-mono, monospace);letter-spacing:.1em;cursor:pointer;text-shadow:0 0 6px var(--cyan-glow);transition:all .12s ease}.dp-send-btn:hover{background:linear-gradient(180deg,var(--glass-hover),var(--glass-4));border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow-sm)}.dp-send-btn:active{transform:translateY(1px)}.dp-bezel{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 14px 10px;background:linear-gradient(180deg,rgba(0,229,255,.06),transparent 80%),#00000026;border-bottom:1px solid var(--border);position:relative}.dp-bezel:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-glow),transparent)}.dp-corner-led{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan),0 0 12px var(--cyan-glow)}.dp-corner-led.right{background:var(--purple);box-shadow:0 0 6px var(--purple),0 0 12px var(--purple-glow)}.dp-bank-row{display:flex;gap:8px}.dp-bank{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 14px 5px;background:var(--glass-3);border:1px solid var(--border-mid);border-radius:4px;cursor:pointer;font-family:var(--font-mono, monospace);transition:all .12s ease}.dp-bank:hover{border-color:var(--border-cyan);background:var(--glass-4)}.dp-bank-led{width:6px;height:6px;border-radius:50%;background:var(--txt-4);transition:all .15s ease}.dp-bank-letter{font-size:12px;font-weight:600;color:var(--txt-2);letter-spacing:.08em}.dp-bank.active{background:linear-gradient(180deg,rgba(0,229,255,.12),var(--glass-4));border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow-sm),inset 0 0 8px var(--cyan-glow-xs)}.dp-bank.active .dp-bank-led{background:var(--cyan);box-shadow:0 0 5px var(--cyan),0 0 10px var(--cyan-glow)}.dp-bank.active .dp-bank-letter{color:var(--cyan-bright)}.dp-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;padding:16px;min-height:0}.dp-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;border-radius:8px;border:1.5px solid var(--border-mid);background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--pad-color) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--glass-3),var(--glass-2));color:var(--txt-1);font-family:var(--font, "Inter", sans-serif);cursor:pointer;overflow:hidden;transition:border-color .1s ease,transform .05s ease,box-shadow .15s ease;box-shadow:inset 0 0 18px color-mix(in srgb,var(--pad-color) 8%,transparent),inset 0 1px #ffffff0a}.dp-pad:before{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;background:var(--pad-color);opacity:.55;box-shadow:0 0 4px var(--pad-color)}.dp-pad:hover{border-color:color-mix(in srgb,var(--pad-color) 75%,white 0%);box-shadow:0 0 14px color-mix(in srgb,var(--pad-color) 25%,transparent),inset 0 0 22px color-mix(in srgb,var(--pad-color) 12%,transparent)}.dp-pad:active{transform:scale(.97)}.dp-pad-id{position:absolute;top:4px;left:6px;font-size:8px;letter-spacing:.08em;color:var(--txt-3);font-family:var(--font-mono, monospace)}.dp-pad-name{font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--txt-0);text-shadow:0 0 8px color-mix(in srgb,var(--pad-color) 40%,transparent);pointer-events:none}.dp-pad-key{position:absolute;bottom:14px;right:6px;font-size:8px;color:var(--txt-3);font-family:var(--font-mono, monospace);letter-spacing:.1em}.dp-pad-vel{position:absolute;left:6px;right:6px;bottom:4px;height:2px;background:#ffffff14;border-radius:1px;overflow:hidden}.dp-pad-vel-fill{height:100%;background:var(--pad-color);box-shadow:0 0 4px var(--pad-color)}@keyframes dp-pulse{0%{background:#ffffffeb;box-shadow:0 0 30px color-mix(in srgb,var(--pad-color) 80%,transparent),inset 0 0 30px #ffffff80;transform:scale(.96)}60%{background:color-mix(in srgb,var(--pad-color) 35%,var(--glass-3));transform:scale(1)}to{background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--pad-color) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--glass-3),var(--glass-2))}}.dp-pad.pulse{animation:dp-pulse .2s ease-out;border-color:var(--pad-color)}.dp-pad.playing{border-color:var(--accent, var(--cyan));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, var(--cyan)) 40%,transparent),0 0 18px color-mix(in srgb,var(--accent, var(--cyan)) 35%,transparent),inset 0 0 22px color-mix(in srgb,var(--pad-color) 14%,transparent)}.dp-pad.muted{filter:grayscale(.85) brightness(.6)}.dp-pad.muted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 2px,transparent 2px 8px);pointer-events:none}.dp-footer{display:flex;align-items:center;gap:18px;padding:6px 14px;border-top:1px solid var(--border);background:#0000004d;font-size:9px;letter-spacing:.1em;color:var(--txt-3);font-family:var(--font-mono, monospace)}.dp-footer b{color:var(--cyan-bright);font-weight:600}.dp-hint{margin-left:auto;color:var(--txt-3);opacity:.7}.dp-edit-menu{position:fixed;z-index:1000;min-width:220px;padding:10px 12px 12px;background:var(--glass-1);border:1px solid var(--border-cyan);border-radius:6px;box-shadow:0 8px 32px #0009,0 0 16px var(--cyan-glow-sm);display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono, monospace);font-size:10px;color:var(--txt-2)}.dp-edit-title{font-size:11px;color:var(--txt-0);letter-spacing:.08em;border-bottom:1px solid var(--border);padding-bottom:6px}.dp-edit-title span{color:var(--txt-3);font-weight:400}.dp-edit-row{display:grid;grid-template-columns:50px 1fr 40px;align-items:center;gap:8px}.dp-edit-row span:first-child{letter-spacing:.1em;color:var(--txt-3)}.dp-edit-row input[type=range]{accent-color:var(--cyan)}.dp-edit-row input[type=number]{background:var(--glass-3);color:var(--txt-1);border:1px solid var(--border-mid);border-radius:3px;padding:2px 4px;font-family:inherit;width:60px}.dp-edit-val{text-align:right;color:var(--cyan-bright)}.dp-edit-mute{margin-top:4px;padding:5px 8px;background:var(--glass-3);color:var(--txt-1);border:1px solid var(--border-mid);border-radius:4px;font-size:10px;font-family:inherit;letter-spacing:.1em;cursor:pointer;transition:all .12s ease}.dp-edit-mute:hover{border-color:var(--red);color:var(--red)}.dp-edit-mute.on{background:#ff453a1f;border-color:var(--red);color:var(--red)}.bottom-panel{height:var(--bottom-h);min-height:var(--bottom-h);background:#03030afa;border-top:1px solid var(--border-cyan);display:flex;flex-direction:column;flex-shrink:0;position:relative;box-shadow:0 -2px 40px #000c,0 -1px #00e5ff1f}.bp-tabs{display:flex;align-items:center;height:34px;background:#050510;border-bottom:1px solid var(--border);padding:0 6px;gap:2px;overflow-x:auto;flex-shrink:0}.bp-tab{display:flex;align-items:center;gap:5px;padding:0 12px;height:100%;border-radius:4px 4px 0 0;color:var(--txt-3);font-size:10px;letter-spacing:1.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--fast);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.bp-tab:hover{color:var(--txt-2);background:#ffffff05}.bp-tab.active{color:var(--cyan);border-bottom:2px solid var(--cyan);text-shadow:0 0 8px var(--cyan-glow);background:#00e5ff0a}.tab-icon{font-size:11px}.bp-tabs-spacer{flex:1}.bp-hint{font-size:8px;color:var(--txt-3);letter-spacing:.5px;white-space:nowrap;padding-right:8px;font-style:italic}.bp-content{flex:1;overflow:hidden;position:relative}.pianoroll-view{display:flex;height:100%;overflow:hidden}.pr-keys{width:40px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#050510e6}.pr-key{flex:1;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--fast)}.pr-key.white{background:#ffffff06}.pr-key.white:hover{background:#ffffff0f}.pr-key.black{background:#00000080;border-bottom-color:#ffffff0a}.pr-key.black:hover{background:#00e5ff1a}.pr-grid{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:column}.pr-lane{height:12px;min-height:12px;display:flex;position:relative;border-bottom:1px solid rgba(255,255,255,.02)}.pr-lane-black{background:#0000002e}.pr-cell{flex:1;min-width:20px;border-right:1px solid rgba(255,255,255,.02);cursor:crosshair;transition:background var(--fast)}.pr-cell:hover{background:#00e5ff0f}.pr-bar{border-right:1px solid rgba(255,255,255,.07)!important}.pr-note{position:absolute;top:1px;height:10px;border-radius:2px;opacity:.9;cursor:pointer;box-shadow:0 0 6px currentColor}.stepseq-view{padding:12px 16px;display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto}.ss-row{display:flex;align-items:center;gap:6px}.ss-label{width:54px;font-size:9px;letter-spacing:1.5px;font-weight:700;text-align:right;flex-shrink:0}.ss-step{width:30px;height:30px;border-radius:5px;background:#ffffff08;border:1px solid var(--border);cursor:pointer;transition:all var(--fast);flex-shrink:0}.ss-step.beat{border-color:#ffffff17}.ss-step:hover{background:#ffffff12;border-color:#ffffff26}.ss-step.on{opacity:.95;border-color:transparent}.fxchain-view{display:flex;align-items:center;gap:8px;padding:10px 14px;overflow-x:auto;height:100%}.fx-card{min-width:108px;height:calc(100% - 4px);max-height:180px;background:#0a0a1ceb;border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--card-color, var(--cyan));border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;transition:all var(--med);flex-shrink:0;position:relative;overflow:hidden}.fx-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.fx-card:hover{border-color:var(--card-color, var(--cyan));box-shadow:0 0 20px color-mix(in srgb,var(--card-color, var(--cyan)) 20%,transparent),0 4px 20px #0009;transform:translateY(-2px)}.fx-card-header{display:flex;align-items:center;gap:5px}.fx-icon{font-size:13px}.fx-name{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--card-color, var(--cyan));flex:1}.fx-bypass{color:var(--txt-3);font-size:11px;cursor:pointer}.fx-bypass:hover{color:var(--txt-1)}.fx-knobs{display:flex;gap:8px;justify-content:center}.fx-knob{width:32px;height:32px;border-radius:50%;background:#080818e6;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:ns-resize;position:relative;transition:box-shadow var(--fast)}.fx-knob:hover{box-shadow:0 0 12px var(--card-color, var(--cyan))}.knob-ring{width:22px;height:22px;border-radius:50%;border:2px solid var(--card-color, var(--cyan));position:relative;opacity:.9}.knob-dot{width:4px;height:4px;background:var(--card-color, var(--cyan));border-radius:50%;box-shadow:0 0 4px var(--card-color, var(--cyan));position:absolute;top:2px;left:50%;transform:translate(-50%)}.fx-add-card{min-width:84px;height:calc(100% - 4px);max-height:180px;border:2px dashed rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--txt-3);font-size:11px;letter-spacing:1.5px;font-weight:700;cursor:pointer;transition:all var(--med);flex-shrink:0}.fx-add-card:hover{border-color:var(--cyan-mid);color:var(--cyan);background:#00e5ff0a;box-shadow:0 0 16px var(--cyan-glow-sm)}.mixer-view{display:flex;align-items:flex-end;gap:2px;padding:8px 16px 12px;height:100%;overflow-x:auto}.mix-channel{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:54px}.mix-meter{width:18px;height:100px;background:#080818e6;border:1px solid rgba(255,255,255,.05);border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.mix-meter-fill{width:100%;transition:height 80ms ease-out;border-radius:2px 2px 0 0}.mix-fader{width:20px;height:56px;position:relative;display:flex;justify-content:center}.mix-fader-track{width:2px;height:100%;background:#ffffff14;border-radius:1px}.mix-fader-thumb{position:absolute;top:28%;left:50%;transform:translate(-50%);width:18px;height:9px;background:var(--glass-4);border:1px solid var(--border-mid);border-radius:3px;cursor:ns-resize;transition:all var(--fast)}.mix-fader-thumb:hover{background:var(--glass-hover);border-color:var(--border-cyan);box-shadow:0 0 8px var(--cyan-glow-sm)}.mix-label{font-size:8px;letter-spacing:1px;font-weight:700;text-shadow:0 0 6px currentColor}.wiring-view{padding:16px;display:flex;gap:28px;height:100%;align-items:center;overflow:hidden}.wiring-hint{display:flex;gap:14px;align-items:flex-start;max-width:280px;flex-shrink:0}.wiring-icon{font-size:30px}.wh-title{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow);margin-bottom:6px}.wh-sub{font-size:11px;color:var(--txt-2);line-height:1.7}kbd{background:var(--glass-3);border:1px solid var(--border-cyan);border-radius:3px;padding:1px 5px;font-family:var(--font-mono);font-size:10px;color:var(--cyan)}.wire-nodes{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wire-node{background:#0a0a1ceb;border:1px solid var(--node-color, var(--cyan));border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 0 12px color-mix(in srgb,var(--node-color, var(--cyan)) 25%,transparent);cursor:pointer;transition:all var(--med)}.wire-node:hover{transform:scale(1.05);box-shadow:0 0 24px color-mix(in srgb,var(--node-color, var(--cyan)) 40%,transparent)}.wn-port{width:10px;height:10px;border-radius:50%;background:var(--node-color, var(--cyan));box-shadow:0 0 8px var(--node-color, var(--cyan));cursor:crosshair}.wn-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--node-color, var(--cyan))}.ai-view{display:flex;height:100%}.ai-agents{width:270px;flex-shrink:0;border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:6px;background:#04040e99}.ai-agent-card{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#0a0a1ce6;border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:all var(--fast)}.ai-agent-card:hover{background:#12122ce6;border-color:#ffffff1a}.ai-agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ai-agent-info{flex:1}.ai-agent-name{font-size:11px;font-weight:700;letter-spacing:.5px}.ai-agent-role{font-size:9px;color:var(--txt-3);margin-top:1px}.ai-agent-status{font-size:8px;letter-spacing:1px;font-weight:700;padding:2px 7px;border-radius:4px}.ai-agent-status.ready{color:var(--green);background:#30d1581a;border:1px solid rgba(48,209,88,.3)}.ai-agent-status.idle{color:var(--txt-3);background:#ffffff08;border:1px solid var(--border)}.ai-chat{flex:1;display:flex;flex-direction:column;padding:10px;gap:8px}.ai-chat-msg{font-size:12px;line-height:1.6;color:var(--txt-2);padding:8px 12px;background:#bf5af20d;border-radius:7px;border-left:2px solid var(--purple);display:flex;gap:8px;align-items:flex-start}.ai-chat-msg span{color:var(--purple);font-size:16px;flex-shrink:0;text-shadow:0 0 8px var(--purple)}.ai-input-row{display:flex;gap:6px;margin-top:auto}.ai-input{flex:1;padding:8px 12px;font-size:12px;border-color:var(--purple-mid)}.ai-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-glow-sm)}.ai-send{padding:0 16px;background:#bf5af21f;border:1px solid var(--purple-mid);border-radius:6px;color:var(--purple);font-size:10px;letter-spacing:1.5px;font-weight:700;cursor:pointer;transition:all var(--fast)}.ai-send:hover{background:#bf5af238;box-shadow:0 0 12px var(--purple-glow-sm)}.visual-view{display:flex;height:100%}.vv-layers{flex:1;display:flex;flex-direction:column;padding:8px;gap:4px;border-right:1px solid var(--border);overflow-y:auto}.vv-layer{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0a0a1ce6;border:1px solid var(--border);border-radius:5px;cursor:pointer;transition:all var(--fast)}.vv-layer:hover{background:#12122ce6;border-color:#ffffff1a}.vv-eye{font-size:12px;opacity:.7}.vv-name{flex:1;font-size:10px;letter-spacing:.8px;color:var(--txt-1)}.vv-bind{font-size:8px;letter-spacing:1px;color:var(--cyan);background:#00e5ff0f;border:1px solid var(--border-cyan);padding:2px 6px;border-radius:4px}.vv-opacity{width:64px;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.vv-op-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px}.vv-preview{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:10px}.vv-preview-label{font-size:8px;letter-spacing:2.5px;color:var(--txt-3);font-weight:700}.vv-preview-screen{flex:1;background:var(--void);border:1px solid var(--border-cyan);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 20px #00e5ff0f inset}.vv-static-text{font-size:32px;font-weight:900;letter-spacing:10px;color:var(--cyan);text-shadow:0 0 20px var(--cyan),0 0 60px var(--cyan-glow);animation:logo-pulse 5s ease-in-out infinite}.analyzer-strip{height:var(--analyzer-h);flex-shrink:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border-cyan);position:relative;overflow:hidden;background:#03030af2}.analyzer-label{position:absolute;top:4px;left:7px;font-size:8px;letter-spacing:1.5px;color:var(--txt-3);font-weight:700;z-index:2;pointer-events:none}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .24s ease}.settings-backdrop.open{opacity:1;pointer-events:all}.settings-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;z-index:901;display:flex;flex-direction:column;background:#060612fa;border-left:1px solid rgba(255,255,255,.07);box-shadow:-8px 0 48px #000c,-1px 0 #00e5ff0f;transform:translate(100%);transition:transform .26s cubic-bezier(.16,1,.3,1)}.settings-drawer.open{transform:translate(0)}.sd-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sd-title{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--cyan);text-shadow:0 0 12px var(--cyan-glow)}.sd-sub{font-size:9px;color:var(--txt-3);letter-spacing:1px;margin-top:3px}.sd-close{width:28px;height:28px;border-radius:50%;background:#ffffff0f;color:var(--txt-2);font-size:12px;display:flex;align-items:center;justify-content:center;transition:background var(--fast),color var(--fast)}.sd-close:hover{background:#ffffff1f;color:var(--txt-0)}.sd-body{flex:1;overflow-y:auto;padding:8px 0 16px}.sd-body::-webkit-scrollbar{width:4px}.sd-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.sd-section{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.sd-section-label{font-size:8px;font-weight:700;letter-spacing:2px;color:var(--txt-3);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;width:100%;background:none;text-align:left;padding:0;cursor:default}.sd-section-label.expandable{cursor:pointer;transition:color var(--fast)}.sd-section-label.expandable:hover{color:var(--txt-1)}.expand-arrow{font-size:10px;color:var(--txt-3)}.io-hw-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.io-hw-label{font-size:10px;color:var(--txt-3)}.io-hw-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--txt-3)}.io-hw-badge.active{background:#00e5ff1a;border-color:#00e5ff4d;color:var(--cyan)}.io-mismatch{width:100%;font-size:9px;color:var(--orange);line-height:1.5}.io-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.io-label{font-size:10px;color:var(--txt-3);width:88px;flex-shrink:0}.io-select{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--txt-1);font-size:10px;font-family:var(--font-mono);padding:5px 8px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.io-select:focus{border-color:var(--cyan-mid);box-shadow:0 0 0 2px var(--cyan-glow-xs)}.io-select option{background:#0a0a1a}.io-rebuilding{font-size:9px;color:var(--orange);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.io-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--txt-1);font-size:10px;font-family:var(--font-mono);padding:5px 8px;outline:none}.io-input:focus{border-color:var(--cyan-mid);box-shadow:0 0 0 2px var(--cyan-glow-xs)}.io-input--short{max-width:90px;flex:none}.io-hint{font-size:9px;color:var(--txt-3);white-space:nowrap}.io-hint-row{font-size:9px;color:var(--txt-3);margin-top:4px;text-align:center;padding:6px 0}.sd-scan-btn{font-size:9px;font-family:var(--font-mono);color:var(--cyan);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:4px;padding:2px 8px;cursor:pointer;transition:all var(--fast)}.sd-scan-btn:hover:not(:disabled){background:#00e5ff26}.sd-scan-btn:disabled{opacity:.5;cursor:default}.ai-test-row{display:flex;align-items:center;gap:10px;margin:8px 0}.ai-test-btn{font-size:9px;font-family:var(--font-mono);color:var(--cyan);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:4px;padding:4px 12px;cursor:pointer;transition:all var(--fast);white-space:nowrap}.ai-test-btn:hover:not(:disabled){background:#00e5ff26}.ai-test-btn:disabled{opacity:.5;cursor:default}.ai-status{font-size:9px;font-family:var(--font-mono);line-height:1.5}.ai-status.ok{color:var(--green)}.ai-status.fail{color:var(--red)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-btn{display:flex;flex-direction:column;gap:6px;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all var(--fast);text-align:left;position:relative}.preset-btn:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.preset-btn.active{border-color:var(--cyan);background:#00e5ff0f;box-shadow:0 0 0 1px #00e5ff26}.preset-swatch{width:100%;height:28px;border-radius:4px;overflow:hidden;position:relative;display:flex;gap:2px}.ps-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px}.ps-bar{position:relative;flex:1;border-radius:2px;margin:4px 0;opacity:.9}.preset-name{font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--txt-2)}.preset-btn.active .preset-name{color:var(--cyan)}.preset-check{position:absolute;top:6px;right:8px;font-size:10px;color:var(--cyan)}.color-grid{display:flex;flex-direction:column;gap:4px}.color-row{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer}.color-swatch-wrap{position:relative;width:28px;height:28px;flex-shrink:0}.color-picker{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;border:none}.color-preview{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.12);pointer-events:none;flex-shrink:0}.color-row:hover .color-preview{box-shadow:0 0 8px currentColor}.color-name{flex:1;font-size:11px;color:var(--txt-2)}.color-hex{font-family:var(--font-mono);font-size:9px;color:var(--txt-3);letter-spacing:.5px}.ar-controls{display:flex;flex-direction:column;gap:10px}.ar-row{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:11px;color:var(--txt-2);transition:color var(--fast)}.ar-row:hover{color:var(--txt-1)}.toggle-wrap{position:relative;flex-shrink:0}.toggle-wrap input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.toggle-track{width:36px;height:20px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);position:relative;transition:background var(--fast),border-color var(--fast)}.toggle-wrap input:checked~.toggle-track{background:var(--cyan-glow-sm);border-color:var(--cyan)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff6;transition:transform var(--fast),background var(--fast)}.toggle-wrap input:checked~.toggle-track .toggle-thumb{transform:translate(16px);background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.ar-slider-row{display:flex;align-items:center;gap:10px}.ar-label{font-size:10px;color:var(--txt-3);width:60px;flex-shrink:0}.ar-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:linear-gradient(90deg,var(--cyan) var(--pct, 70%),rgba(255,255,255,.1) var(--pct, 70%));border:none;border-radius:2px;outline:none;padding:0}.ar-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow);cursor:pointer}.ar-val{font-family:var(--font-mono);font-size:9px;color:var(--cyan);width:36px;text-align:right}.sd-footer{display:flex;gap:6px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sdf-btn{flex:1;padding:8px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--txt-2);cursor:pointer;transition:all var(--fast)}.sdf-btn:hover{background:#ffffff1a;border-color:#ffffff29;color:var(--txt-1)}.sdf-btn.primary{background:#00e5ff1f;border-color:#00e5ff4d;color:var(--cyan)}.sdf-btn.primary:hover{background:#00e5ff33;box-shadow:0 0 12px var(--cyan-glow-sm)}.sdf-btn.primary.saved{background:#30d1581f;border-color:#30d1584d;color:var(--green)}.entry-page{--void: #01010a;--glass: rgba(9, 9, 20, .92);--glass-hover: rgba(14, 14, 30, .96);--cyan: #00e5ff;--cyan-glow: rgba(0, 229, 255, .3);--cyan-glow-sm: rgba(0, 229, 255, .12);--cyan-dim: rgba(0, 229, 255, .5);--cyan-sel: rgba(0, 229, 255, .15);--border: rgba(255, 255, 255, .08);--border-mid: rgba(255, 255, 255, .12);--txt-0: #ffffff;--txt-1: #e8eaf0;--txt-2: #9098b0;--txt-3: rgba(255, 255, 255, .38);--font: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--fast: 80ms var(--ease);--med: .18s var(--ease);--slow: .36s var(--ease)}.entry-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;font-family:var(--font);font-size:13px;color:var(--txt-1);overflow:hidden;opacity:0;transform:translateY(18px);transition:opacity .4s ease,transform .4s ease}.entry-page.mounted{opacity:1;transform:translateY(0)}.entry-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--void);overflow:hidden}.entry-bg:before{content:"";position:absolute;top:-200px;right:-200px;bottom:-200px;left:-200px;background:radial-gradient(ellipse 60% 55% at 20% 35%,rgba(0,229,255,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 65% at 80% 25%,rgba(191,90,242,.08) 0%,transparent 70%),radial-gradient(ellipse 55% 40% at 60% 80%,rgba(0,100,180,.05) 0%,transparent 70%),radial-gradient(ellipse 70% 70% at 50% 50%,rgba(10,10,40,1) 0%,transparent 100%);animation:entry-nebula 32s ease-in-out infinite alternate}@keyframes entry-nebula{0%{transform:rotate(0) scale(1);opacity:1}40%{transform:rotate(6deg) scale(1.06);opacity:.85}70%{transform:rotate(-4deg) scale(1.02);opacity:.95}to{transform:rotate(9deg) scale(1.08);opacity:.88}}.entry-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.035) 3px,rgba(0,0,0,.035) 4px);pointer-events:none}.entry-logo{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo-n{width:44px;height:44px;border-radius:10px;background:var(--cyan);color:#000;font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px var(--cyan-glow),0 0 64px #00e5ff2e;letter-spacing:-1px;flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-nova{font-size:20px;font-weight:800;color:var(--txt-0);letter-spacing:4px}.logo-daw{font-size:10px;font-weight:500;color:var(--txt-3);letter-spacing:6px;margin-top:3px}.entry-card{position:relative;z-index:2;width:860px;max-width:calc(100vw - 32px);max-height:calc(100vh - 160px);display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 32px 80px #000000d9,0 0 60px #00e5ff12;border-top:1px solid var(--cyan-dim);-webkit-backdrop-filter:blur(32px) saturate(1.5);backdrop-filter:blur(32px) saturate(1.5)}.entry-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.5) 30%,rgba(0,229,255,.8) 50%,rgba(0,229,255,.5) 70%,transparent 100%);z-index:1}.entry-tabs{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 20px;height:44px;flex-shrink:0;gap:2px}.entry-tab{padding:0 14px;height:44px;font-size:12px;font-weight:500;color:var(--txt-3);letter-spacing:.4px;border-bottom:2px solid transparent;transition:color var(--fast),border-color var(--fast);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;outline:none;font-family:var(--font)}.entry-tab:hover{color:var(--txt-1)}.entry-tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}.tab-spacer{flex:1}.skip-btn{font-size:11px;color:var(--txt-3);padding:4px 10px;border:1px solid rgba(255,255,255,.07);border-radius:6px;transition:color var(--fast),border-color var(--fast),background var(--fast);cursor:pointer;background:none;font-family:var(--font)}.skip-btn:hover{color:var(--txt-2);border-color:#ffffff24;background:#ffffff0a}.entry-steps{display:flex;align-items:center;padding:16px 28px 14px;border-bottom:1px solid var(--border);flex-shrink:0;gap:0}.step-node{display:flex;align-items:center;gap:8px;cursor:default}.step-circle{width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:var(--txt-3);transition:all var(--med);flex-shrink:0}.step-label{font-size:11px;font-weight:500;color:var(--txt-3);letter-spacing:.4px;white-space:nowrap;transition:color var(--med)}.step-node.step-active .step-circle{background:var(--cyan);border-color:var(--cyan);color:#000;box-shadow:0 0 12px var(--cyan-glow)}.step-node.step-active .step-label{color:var(--txt-0)}.step-node.step-done .step-circle{background:#00e5ff2e;border-color:#00e5ff80;color:var(--cyan)}.step-node.step-done .step-label{color:var(--txt-2)}.step-line{flex:1;height:1px;background:#ffffff14;margin:0 10px;transition:background var(--med)}.step-line.done{background:#00e5ff66}.entry-body{display:flex;flex:1;overflow:hidden;min-height:0}.entry-body.no-sidebar .entry-main{width:100%}.entry-sidebar{width:230px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:16px 0}.sidebar-head{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--txt-3);padding:0 16px 10px;text-transform:uppercase}.sidebar-empty{font-size:12px;color:var(--txt-3);padding:8px 16px;font-style:italic}.recent-item{display:flex;align-items:flex-start;gap:10px;padding:8px 16px;cursor:pointer;background:none;border:none;text-align:left;width:100%;font-family:var(--font);transition:background var(--fast);border-radius:0}.recent-item:hover{background:#ffffff0a}.recent-dot{width:8px;height:8px;border-radius:50%;margin-top:3px;flex-shrink:0}.recent-info{flex:1;min-width:0}.recent-name{font-size:12px;font-weight:500;color:var(--txt-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta{font-size:10px;color:var(--txt-3);margin-top:2px}.entry-main{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0}.step-content{padding:24px 28px;display:flex;flex-direction:column;gap:22px}.step-field{display:flex;flex-direction:column;gap:10px}.field-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt-3)}.field-hint{font-size:11px;color:var(--txt-3);margin-top:4px;line-height:1.5}.name-input{width:100%;height:44px;font-size:16px;font-weight:500;color:var(--txt-0);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 14px;outline:none;font-family:var(--font);transition:border-color var(--fast),box-shadow var(--fast)}.name-input::placeholder{color:var(--txt-3)}.name-input:focus{border-color:#00e5ff80;box-shadow:0 0 0 3px #00e5ff14,0 0 16px #00e5ff1f}.proj-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;cursor:pointer;transition:background var(--fast),border-color var(--fast),box-shadow var(--fast);font-family:var(--font);text-align:left}.type-card:hover{background:#ffffff0f;border-color:#ffffff24}.type-card.selected{background:var(--cyan-sel);border-color:var(--cyan);box-shadow:0 0 16px var(--cyan-glow),inset 0 0 12px #00e5ff0f}.type-icon{font-size:20px;line-height:1;margin-bottom:2px}.type-label{font-size:13px;font-weight:600;color:var(--txt-0)}.type-sub{font-size:11px;color:var(--txt-3);line-height:1.4}.track-count-pills{display:flex;flex-wrap:wrap;gap:8px}.count-pill{width:56px;height:40px;border-radius:8px;font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--txt-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all var(--fast)}.count-pill:hover{background:#ffffff14;border-color:#ffffff29;color:var(--txt-0)}.count-pill.selected{background:var(--cyan-sel);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.step3-layout{padding:0;flex-direction:row;gap:0;height:100%;overflow:hidden}.template-list{width:180px;flex-shrink:0;border-right:1px solid var(--border);padding:16px 0;overflow-y:auto}.template-list-head{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt-3);padding:0 14px 10px}.template-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px;width:100%;background:none;border:none;cursor:pointer;font-family:var(--font);text-align:left;border-left:2px solid transparent;transition:background var(--fast),border-color var(--fast)}.template-item:hover{background:#ffffff0a}.template-item.selected{background:#00e5ff12;border-left-color:var(--cyan)}.template-item-label{font-size:12px;font-weight:600;color:var(--txt-1)}.template-item.selected .template-item-label{color:var(--cyan)}.template-item-sub{font-size:10px;color:var(--txt-3);line-height:1.4}.template-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.template-panel{padding:20px;flex:1}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn .22s var(--ease) both}.template-panel-head{margin-bottom:16px}.tpanel-title{font-size:15px;font-weight:700;color:var(--txt-0);margin-bottom:4px}.tpanel-sub{font-size:12px;color:var(--txt-3);line-height:1.5}.blank-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:200px;flex:1}.blank-icon{font-size:40px;opacity:.2}.blank-msg{font-size:14px;font-weight:600;color:var(--txt-2)}.blank-sub{font-size:12px;color:var(--txt-3)}.suno-tracks{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.suno-track-row{display:flex;align-items:stretch;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden;transition:border-color var(--fast),background var(--fast),box-shadow var(--fast)}.suno-track-row.drag-over{border-color:var(--cyan);background:var(--cyan-sel);box-shadow:0 0 16px var(--cyan-glow)}.suno-track-bar{width:3px;flex-shrink:0}.suno-track-info{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-width:0}.suno-track-label{display:flex;align-items:center;gap:7px}.suno-track-icon{font-size:14px;line-height:1}.suno-track-name{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--txt-0)}.suno-track-extra{font-size:10px;color:var(--txt-3);font-weight:500}.suno-filename{font-size:10px;color:var(--txt-2);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suno-drop-btn{width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--txt-3);border-left:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background var(--fast),color var(--fast)}.suno-drop-btn:hover{background:#00e5ff14;color:var(--cyan)}.drop-check{color:var(--cyan);font-size:16px}.fx-chips{display:flex;flex-wrap:wrap;gap:4px}.fx-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--txt-2)}.analysis-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:#00e5ff1a;border:1px solid rgba(0,229,255,.25);color:var(--cyan);letter-spacing:.5px;align-self:flex-start}.analysis-badge.loading{color:var(--txt-3);background:#ffffff0a;border-color:#ffffff14;animation:badge-pulse 1.2s ease-in-out infinite}.analysis-badge.error{color:#ff453acc;background:#ff453a14;border-color:#ff453a33}@keyframes badge-pulse{0%,to{opacity:.5}50%{opacity:1}}.spin{display:inline-block;animation:spin .8s linear infinite;font-size:16px;color:var(--cyan)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bus-diagram{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow-x:auto}.bus-node{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--txt-1);white-space:nowrap;flex-shrink:0}.bus-node span{font-size:9px;font-family:var(--font-mono);color:var(--txt-3);font-weight:400;letter-spacing:.5px;margin-top:2px}.bus-node.beat{border-color:#ff9f0a4d;background:#ff9f0a12;color:#ff9f0a}.bus-node.voc{border-color:#bf5af24d;background:#bf5af212;color:#bf5af2}.bus-node.rec{border-color:#ff453a4d;background:#ff453a12;color:#ff453a}.bus-node.mix{border-color:#00e5ff4d;background:#00e5ff12;color:var(--cyan)}.bus-arrow{color:var(--txt-3);font-size:12px;flex-shrink:0}.mix-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mix-slot{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:7px}.mix-slot-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mix-slot-name{font-size:12px;font-weight:600;color:var(--txt-1);flex:1}.mix-slot-num{font-family:var(--font-mono);font-size:10px;color:var(--txt-3)}.audio-meta-row{display:flex;align-items:flex-end;gap:14px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.meta-field{display:flex;flex-direction:column;gap:6px}.meta-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt-3)}.meta-select{height:32px;min-width:90px;font-size:12px;font-weight:500;padding:0 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--txt-1);font-family:var(--font);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--fast),box-shadow var(--fast)}.meta-select:focus{border-color:#00e5ff80;box-shadow:0 0 0 3px #00e5ff12}.beatgen-panel{padding:14px 20px 18px;border-top:1px solid var(--border);flex-shrink:0}.beatgen-head{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt-3);margin-bottom:10px}.beatgen-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beatgen-mode{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;text-align:left;transition:border-color var(--fast),background var(--fast),transform var(--fast)}.beatgen-mode:hover{background:#ffffff12}.beatgen-mode.selected{border-color:#00e5ff8c;background:#00e5ff14;box-shadow:0 0 0 3px #00e5ff0f}.bgm-icon{font-size:18px}.bgm-label{font-size:13px;font-weight:700;color:var(--txt-1)}.bgm-sub{font-size:10px;line-height:1.4;color:var(--txt-3)}.beatgen-genre{display:flex;align-items:center;gap:12px;margin-top:12px}.beatgen-genre-select{min-width:160px}.beatgen-genre-hint{font-size:10px;font-family:var(--font-mono);color:var(--txt-3)}.bpm-stepper{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;transition:border-color var(--fast)}.bpm-stepper:focus-within{border-color:#00e5ff80;box-shadow:0 0 0 3px #00e5ff12}.bpm-stepper button{width:28px;height:32px;font-size:15px;font-weight:300;color:var(--txt-3);cursor:pointer;background:none;border:none;display:flex;align-items:center;justify-content:center;transition:color var(--fast),background var(--fast);flex-shrink:0}.bpm-stepper button:hover{color:var(--cyan);background:#00e5ff14}.bpm-input{width:52px;height:32px;text-align:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--txt-0);background:none;border:none;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);outline:none;padding:0;-moz-appearance:textfield}.bpm-input::-webkit-inner-spin-button,.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step4-layout{align-items:center;gap:24px;padding-top:32px}.summary-card{width:100%;max-width:420px;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden}.summary-header{padding:12px 20px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--txt-3);border-bottom:1px solid var(--border)}.summary-rows{padding:4px 0}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:9px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.summary-row:last-child{border-bottom:none}.summary-key{font-size:11px;color:var(--txt-3);font-weight:500}.summary-val{font-size:12px;font-weight:600;color:var(--txt-0)}.summary-val.mono{font-family:var(--font-mono);color:var(--cyan)}.btn-launch{height:52px;padding:0 36px;font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#000;background:var(--cyan);border:none;border-radius:10px;cursor:pointer;font-family:var(--font);transition:background var(--fast),box-shadow var(--fast),transform var(--fast);box-shadow:0 0 24px var(--cyan-glow),0 4px 16px #00000080}.btn-launch:hover:not(:disabled){background:#40f0ff;box-shadow:0 0 36px #00e5ff80,0 4px 20px #0009;transform:translateY(-1px)}.btn-launch:active:not(:disabled){transform:translateY(0);box-shadow:0 0 16px var(--cyan-glow),0 2px 8px #00000080}.btn-launch:disabled{opacity:.6;cursor:not-allowed}.btn-launch.launching{background:#00e5ff66;color:var(--cyan);animation:launch-pulse 1s ease-in-out infinite}@keyframes launch-pulse{0%,to{box-shadow:0 0 20px var(--cyan-glow)}50%{box-shadow:0 0 48px #00e5ff80}}.engine-hint{font-size:11px;color:var(--txt-3);font-family:var(--font-mono);letter-spacing:.5px}.entry-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0;gap:16px}.footer-hint{font-size:11px;color:var(--txt-3);flex:1;min-width:0}.footer-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.btn-primary{height:36px;padding:0 20px;font-size:12px;font-weight:700;letter-spacing:.8px;color:#000;background:var(--cyan);border:none;border-radius:7px;cursor:pointer;font-family:var(--font);transition:background var(--fast),box-shadow var(--fast),transform var(--fast);box-shadow:0 0 16px var(--cyan-glow)}.btn-primary:hover:not(:disabled){background:#40f0ff;box-shadow:0 0 24px #00e5ff73;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{height:36px;padding:0 16px;font-size:12px;font-weight:500;color:var(--txt-2);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:7px;cursor:pointer;font-family:var(--font);transition:color var(--fast),border-color var(--fast),background var(--fast)}.btn-ghost:hover{color:var(--txt-0);border-color:#fff3;background:#ffffff0a}.entry-card ::-webkit-scrollbar{width:4px;height:4px}.entry-card ::-webkit-scrollbar-track{background:transparent}.entry-card ::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:4px}.entry-card ::-webkit-scrollbar-thumb:hover{background:#ffffff24}.cp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:cp-fade .18s var(--ease, ease-out)}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cp-modal{width:640px;max-width:92vw;background:#080812f7;border:1px solid var(--cyan, #00e5ff);border-radius:12px;box-shadow:0 0 40px #00e5ff47,0 24px 60px #000000b3;overflow:hidden;animation:cp-slide .22s var(--ease, cubic-bezier(.16,1,.3,1))}@keyframes cp-slide{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.cp-input-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(0,229,255,.04),transparent)}.cp-prompt{color:var(--cyan, #00e5ff);font-family:var(--font-mono, monospace);font-size:14px;margin-right:10px;text-shadow:0 0 8px var(--cyan-glow, rgba(0,229,255,.4))}.cp-input{flex:1;background:transparent;border:none;outline:none;color:var(--txt-1, #e8eaf0);font-family:Inter,sans-serif;font-size:16px;font-weight:400;padding:0}.cp-input::placeholder{color:var(--txt-3, #50586a)}.cp-shortcut{font-family:var(--font-mono, monospace);font-size:10px;color:var(--txt-3, #50586a);background:#ffffff0a;padding:3px 6px;border-radius:4px;letter-spacing:.1em}.cp-list{max-height:50vh;overflow-y:auto;padding:6px 0}.cp-list::-webkit-scrollbar{width:4px}.cp-list::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:2px}.cp-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:7px 16px;cursor:pointer;transition:background .1s;border-left:2px solid transparent}.cp-item.active{background:#00e5ff14;border-left-color:var(--cyan, #00e5ff)}.cp-cat{font-family:var(--font-mono, monospace);font-size:8px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:3px 6px;border-radius:3px;border:1px solid rgba(255,255,255,.08);color:var(--txt-3, #50586a)}.cp-cat-panel{color:#00e5ff;border-color:#00e5ff4d;background:#00e5ff0f}.cp-cat-project{color:#ff9f0a;border-color:#ff9f0a4d;background:#ff9f0a0f}.cp-cat-transport{color:#30d158;border-color:#30d1584d;background:#30d1580f}.cp-cat-theory{color:#bf5af2;border-color:#bf5af24d;background:#bf5af20f}.cp-cat-engine{color:#ff375f;border-color:#ff375f4d;background:#ff375f0f}.cp-cat-device{color:#6e6cf6;border-color:#6e6cf64d;background:#6e6cf60f}.cp-cat-help{color:#9098b0;border-color:#9098b033;background:#ffffff0a}.cp-label{font-family:var(--font-mono, monospace);font-size:12px;font-weight:500;color:var(--txt-1, #e8eaf0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-item.active .cp-label{color:var(--cyan, #00e5ff)}.cp-hint{font-size:11px;color:var(--txt-3, #50586a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;max-width:280px}.cp-empty{padding:22px;text-align:center;color:var(--txt-3, #50586a);font-size:12px}.cp-empty-hint{margin-top:8px;font-family:var(--font-mono, monospace);font-size:10px;color:var(--txt-2, #9098b0)}.cp-empty code{background:#00e5ff14;color:var(--cyan, #00e5ff);padding:1px 5px;border-radius:3px;font-family:var(--font-mono, monospace);font-size:10px;margin:0 2px}.cp-foot{display:flex;align-items:center;gap:16px;padding:8px 16px;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-mono, monospace);font-size:9px;color:var(--txt-3, #50586a);letter-spacing:.08em}.cp-foot kbd{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:1px 5px;font-family:var(--font-mono, monospace);font-size:9px;color:var(--txt-1, #e8eaf0);margin-right:4px}.cp-stat{margin-left:auto;color:var(--cyan, #00e5ff)}.cn-wrap{display:flex;flex-direction:column;height:100%;min-height:240px;background:#03030af7;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;font-family:var(--font-mono, "SF Mono","Fira Code",monospace);font-size:12px;color:var(--txt-1, #e8eaf0)}.cn-bar{display:flex;align-items:center;padding:8px 12px;background:linear-gradient(180deg,rgba(0,229,255,.05),transparent);border-bottom:1px solid rgba(255,255,255,.06);gap:10px;flex-shrink:0}.cn-bar-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan, #00e5ff);box-shadow:0 0 8px var(--cyan, #00e5ff);animation:cn-blink 2s infinite}@keyframes cn-blink{50%{opacity:.5}}.cn-bar-title{font-size:10px;letter-spacing:.16em;color:var(--cyan, #00e5ff);font-weight:700}.cn-bar-meta{font-size:10px;color:var(--txt-3, #50586a);letter-spacing:.04em;margin-left:6px}.cn-bar-x{margin-left:auto;background:transparent;border:none;color:var(--txt-3, #50586a);cursor:pointer;font-size:14px;padding:2px 6px}.cn-bar-x:hover{color:var(--cyan, #00e5ff)}.cn-scroll{flex:1;overflow-y:auto;padding:10px 12px;cursor:text}.cn-scroll::-webkit-scrollbar{width:4px}.cn-scroll::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:2px}.cn-line{font-family:inherit;font-size:12px;margin:0;padding:1px 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.45}.cn-system{color:var(--cyan, #00e5ff);opacity:.75;font-size:11px}.cn-input{color:var(--txt-1, #e8eaf0)}.cn-output{color:var(--txt-2, #9098b0)}.cn-hl-success{color:var(--green, #30d158)}.cn-hl-error{color:var(--red, #ff453a)}.cn-hl-warn{color:var(--orange, #ff9f0a)}.cn-hl-info{color:var(--txt-1, #e8eaf0)}.cn-prompt{color:var(--cyan, #00e5ff);margin-right:8px;text-shadow:0 0 6px var(--cyan-glow, rgba(0,229,255,.4));display:inline-block}.cn-completions{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0 4px}.cn-comp{padding:3px 8px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.2);border-radius:4px;font-size:11px;color:var(--cyan, #00e5ff);cursor:pointer}.cn-comp:hover{background:#00e5ff29}.cn-input-row{display:flex;align-items:center;padding:8px 12px;border-top:1px solid rgba(255,255,255,.06);background:#0006;flex-shrink:0}.cn-input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:13px;color:var(--txt-1, #e8eaf0);caret-color:var(--cyan, #00e5ff);padding:0}.cn-input::placeholder{color:var(--txt-3, #50586a);font-style:italic}.cn-foot{display:flex;align-items:center;gap:14px;padding:6px 12px;border-top:1px solid rgba(255,255,255,.06);background:#00000080;font-size:9px;letter-spacing:.1em;color:var(--txt-3, #50586a);flex-shrink:0}.cn-stat{text-transform:uppercase}.cn-state-playing{color:var(--green, #30d158)}.cn-state-recording{color:var(--pink, #ff375f)}.cn-state-stopped{color:var(--txt-3, #50586a)}.cn-right{margin-left:auto;color:var(--cyan, #00e5ff);opacity:.7}.app{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative;overflow:hidden;z-index:1}.app-body{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;position:relative}.main-area{display:flex;flex:1;overflow:hidden;min-height:0}.audio-border{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;pointer-events:none;border:1px solid transparent;border-radius:0;opacity:0;transition:opacity 60ms linear,box-shadow 60ms linear}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;background:#00e5ff0f;border:2px dashed var(--cyan);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:0;transition:opacity var(--med)}.drop-overlay.active{opacity:1}.drop-overlay-inner{text-align:center;color:var(--cyan)}.drop-icon{font-size:64px;display:block;margin-bottom:16px;filter:drop-shadow(0 0 20px var(--cyan))}.drop-label{font-size:20px;font-weight:700;letter-spacing:4px;text-shadow:0 0 20px var(--cyan)}.drop-sub{font-size:12px;color:var(--txt-2);margin-top:8px;letter-spacing:1px}.floating-console{position:fixed;right:16px;bottom:16px;width:680px;max-width:calc(100vw - 32px);height:380px;max-height:70vh;z-index:8000;box-shadow:0 0 32px #00e5ff2e,0 24px 60px #000000b3;border-radius:8px;overflow:hidden;animation:floating-console-in .22s cubic-bezier(.16,1,.3,1);resize:both;min-width:320px;min-height:200px}@keyframes floating-console-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--void: #010108;--void-2: #030310;--glass-1: rgba(8, 8, 24, .97);--glass-2: rgba(12, 12, 32, .94);--glass-3: rgba(18, 18, 44, .9);--glass-4: rgba(26, 26, 58, .85);--glass-hover: rgba(34, 34, 70, .8);--surface: rgba(9, 9, 20, .92);--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--cyan: #00e5ff;--cyan-bright: #40f0ff;--cyan-mid: #0096aa;--cyan-glow: rgba(0, 229, 255, .28);--cyan-glow-sm: rgba(0, 229, 255, .12);--cyan-glow-xs: rgba(0, 229, 255, .05);--purple: #bf5af2;--purple-bright: #d47fff;--purple-mid: #7b2fbe;--purple-glow: rgba(191, 90, 242, .28);--purple-glow-sm: rgba(191, 90, 242, .12);--orange: #ff9f0a;--orange-bright: #ffbf40;--orange-glow: rgba(255, 159, 10, .22);--green: #30d158;--green-bright: #5eff85;--green-glow: rgba(48, 209, 88, .22);--red: #ff453a;--red-glow: rgba(255, 69, 58, .22);--pink: #ff375f;--pink-glow: rgba(255, 55, 95, .22);--yellow: #ffd60a;--indigo: #6e6cf6;--teal: #5ac8fa;--t-kick: #ff453a;--t-bass: #ff9f0a;--t-pad: #bf5af2;--t-lead: #00e5ff;--t-vox: #ff375f;--t-guitar: #30d158;--t-keys: #ffd60a;--t-fx: #6e6cf6;--txt-0: #ffffff;--txt-1: #e8eaf0;--txt-2: #9098b0;--txt-3: #50586a;--txt-4: #2c3040;--border: rgba(255, 255, 255, .06);--border-mid: rgba(255, 255, 255, .1);--border-cyan: rgba(0, 229, 255, .25);--border-purple: rgba(191, 90, 242, .2);--grad-neon: linear-gradient(135deg, var(--cyan), var(--purple), var(--orange));--grad-plasma: linear-gradient(90deg, var(--cyan), var(--purple));--grad-fire: linear-gradient(90deg, var(--orange), var(--red));--header-h: 60px;--tracklist-w: 240px;--bottom-h: 280px;--track-h: 52px;--ruler-h: 26px;--analyzer-h: 56px;--font: "Inter", "SF Pro Display", -apple-system, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--fast: 80ms var(--ease);--med: .18s var(--ease);--slow: .36s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--void);color:var(--txt-1);font-family:var(--font);font-size:13px;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--void);overflow:hidden}.app-bg:before{content:"";position:absolute;top:-200px;right:-200px;bottom:-200px;left:-200px;background:radial-gradient(ellipse 70% 60% at 15% 40%,rgba(191,90,242,.09) 0%,transparent 70%),radial-gradient(ellipse 50% 70% at 85% 25%,rgba(0,229,255,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 55% 85%,rgba(255,159,10,.06) 0%,transparent 70%),radial-gradient(ellipse 80% 80% at 50% 50%,rgba(110,108,246,.04) 0%,transparent 70%);animation:nebula 28s ease-in-out infinite alternate}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none}@keyframes nebula{0%{transform:rotate(0) scale(1);opacity:1}33%{transform:rotate(5deg) scale(1.05);opacity:.85}66%{transform:rotate(-5deg) scale(.98);opacity:1}to{transform:rotate(8deg) scale(1.08);opacity:.9}}.g-border{position:relative}.g-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--grad-neon);z-index:-1;opacity:.4;transition:opacity var(--med)}.g-border:hover:before{opacity:.7}.g-border.active:before{opacity:1}.glass{background:var(--glass-2);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.panel-glow{box-shadow:0 0 0 1px #ffffff0f,0 8px 40px #000c,0 2px 8px #0009,0 0 80px #bf5af20a,inset 0 1px #ffffff0f}.glow-cyan{box-shadow:0 0 16px var(--cyan-glow),0 0 48px var(--cyan-glow-sm)}.glow-purple{box-shadow:0 0 16px var(--purple-glow)}.glow-orange{box-shadow:0 0 16px var(--orange-glow)}.glow-green{box-shadow:0 0 16px var(--green-glow)}.text-glow{text-shadow:0 0 12px currentColor,0 0 32px currentColor}.neon-cyan{color:var(--cyan);text-shadow:0 0 12px var(--cyan),0 0 40px var(--cyan-glow)}.neon-purple{color:var(--purple);text-shadow:0 0 12px var(--purple),0 0 40px var(--purple-glow)}.neon-orange{color:var(--orange);text-shadow:0 0 12px var(--orange),0 0 40px var(--orange-glow)}button{background:none;border:none;cursor:pointer;outline:none;font-family:inherit;font-size:inherit;color:inherit}button:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}input,select{background:var(--glass-3);border:1px solid var(--border);border-radius:6px;color:var(--txt-1);font-family:var(--font);font-size:12px;padding:5px 10px;outline:none;transition:border-color var(--fast),box-shadow var(--fast)}input:focus,select:focus{border-color:var(--cyan-mid);box-shadow:0 0 0 3px var(--cyan-glow-xs),0 0 12px var(--cyan-glow-sm)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.drag-region{-webkit-app-region:drag}.no-drag{-webkit-app-region:no-drag}@keyframes border-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-border{position:relative}.animated-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--orange),var(--cyan));background-size:300% 100%;animation:border-spin 6s linear infinite;z-index:-1;opacity:.6}.pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:1.2px;border:1px solid}