:root{--bg: #050508;--bg2: #0a0a12;--bg3: #10101c;--bg4: #1a1a30;--red: #dc143c;--green: #00ff88;--cyan: #00d4ff;--purple: #8b5cf6;--text: #eef0f4;--text2: #7a7e92;--border: #1c1c32;--radius: 10px;--glow-cyan: 0 0 12px rgba(0,212,255,.35);--glow-green: 0 0 10px rgba(0,255,136,.3);--glow-red: 0 0 14px rgba(220,20,60,.4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--bg4);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--cyan);border-radius:50%;margin-top:-7px;box-shadow:var(--glow-cyan)}button{border:none;background:none;cursor:pointer;color:var(--text);font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.splash-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000}.splash-content{text-align:center;opacity:0;transform:scale(.92);transition:all .7s cubic-bezier(.4,0,.2,1)}.splash-content.visible{opacity:1;transform:scale(1)}.splash-logo{font-size:38px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,var(--cyan) 0%,var(--red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px rgba(0,212,255,.3))}.splash-sub{font-size:16px;letter-spacing:14px;color:var(--text2);margin-top:6px;opacity:0;transition:opacity .5s}.splash-sub.visible{opacity:1}.splash-bar{height:3px;width:200px;margin:20px auto 0;background:var(--bg4);border-radius:2px;overflow:hidden}.splash-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width 1.2s ease;box-shadow:var(--glow-cyan)}.splash-bar.fill .splash-bar-inner{width:100%}.splash-info{font-size:11px;letter-spacing:5px;color:var(--cyan);margin-top:14px;opacity:0;transition:opacity .3s}.splash-info.visible{opacity:.7}.studio-layout{display:flex;flex-direction:column;height:100dvh;width:100%;background:var(--bg);position:relative;overflow:hidden}.autosave-toast{position:fixed;top:54px;right:14px;background:var(--cyan);color:var(--bg);padding:6px 16px;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:1px;z-index:100;box-shadow:var(--glow-cyan);animation:toastFade 2.5s ease forwards}@keyframes toastFade{0%,70%{opacity:1}to{opacity:0}}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);flex-shrink:0;min-height:52px;z-index:20}.nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.nav-btn:active{background:var(--bg4);transform:scale(.92)}.nav-icon{font-size:20px;color:var(--cyan)}.nav-tabs{display:flex;background:var(--bg3);border-radius:24px;padding:4px;border:1px solid var(--border)}.nav-tab{padding:10px 24px;border-radius:20px;transition:all .25s;font-size:18px}.nav-tab-active{background:var(--cyan);box-shadow:var(--glow-cyan)}.nav-tab-active .nav-tab-icon{color:var(--bg)!important}.nav-tab-icon{color:var(--text2);font-weight:700}.sub-header{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;min-height:36px}.sh-time{font-family:SF Mono,Menlo,Consolas,monospace;font-size:15px;font-weight:700;color:var(--cyan);letter-spacing:2px;min-width:70px;text-shadow:0 0 8px rgba(0,212,255,.3)}.sh-spectrum{border-radius:4px;flex:1;height:28px}.sh-bpm{font-size:12px;font-weight:800;color:var(--text2);letter-spacing:1px}.sh-key{font-size:11px;font-weight:700;color:var(--purple);padding:2px 8px;background:#8b5cf626;border-radius:4px}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.tools-bar{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;min-height:42px}.tb-btn{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;color:var(--text2);transition:all .15s}.tb-btn:active{background:var(--bg4);transform:scale(.95)}.tb-icon{font-size:16px}.tb-icon-active{color:var(--cyan)!important;text-shadow:0 0 8px rgba(0,212,255,.5)}.tb-label{font-size:11px;font-weight:800;letter-spacing:.5px}.tb-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.transport-bar{display:flex;align-items:center;justify-content:space-around;padding:8px 10px 14px;background:linear-gradient(0deg,var(--bg2) 0%,var(--bg) 100%);border-top:1px solid var(--border);flex-shrink:0;min-height:62px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.tr-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.tr-btn:active{background:var(--bg4);transform:scale(.9)}.tr-icon{font-size:20px;color:var(--text2)}.tr-btn-playing .tr-icon{color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,.5)}.tr-btn-loop .tr-icon{color:var(--green);text-shadow:0 0 10px rgba(0,255,136,.4)}.tr-btn-undo .tr-icon,.tr-btn-redo .tr-icon{opacity:.25}.tr-rec-btn{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;transition:all .15s}.tr-rec-circle{width:48px;height:48px;border-radius:50%;background:var(--red);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--glow-red)}.tr-rec-active .tr-rec-circle{width:24px;height:24px;border-radius:6px;background:var(--red);box-shadow:0 0 20px #dc143c99}.tr-rec-btn:active .tr-rec-circle{transform:scale(.88)}.recording-overlay{position:fixed;top:56px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#dc143ceb;padding:8px 20px;border-radius:24px;z-index:50;box-shadow:var(--glow-red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rec-pulse{width:12px;height:12px;border-radius:50%;background:#fff;animation:recPulse 1s ease infinite}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.2}}.rec-label{font-size:12px;font-weight:900;letter-spacing:3px}.rec-time{font-family:SF Mono,monospace;font-size:13px;font-weight:700}.editor-view{height:100%;display:flex;flex-direction:column;position:relative}.ev-ruler-row{display:flex;flex-shrink:0;height:32px;border-bottom:1px solid var(--border)}.ev-header-spacer{width:140px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center}.ev-spacer-label{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--text2)}.ev-ruler-scroll{flex:1;overflow-x:auto;position:relative}.ev-ruler{position:relative;height:32px;background:var(--bg2)}.ev-tick{position:absolute;top:0;height:100%;border-left:1px solid rgba(255,255,255,.06)}.ev-tick-label{font-size:10px;font-weight:700;color:var(--text2);padding-left:4px;position:absolute;top:4px}.ev-cursor{position:absolute;top:0;width:2px;height:100%;background:var(--cyan);z-index:5;pointer-events:none;box-shadow:0 0 6px #00d4ff80}.ev-loop-region{position:absolute;top:0;height:100%;background:#00d4ff14;border-left:2px solid var(--cyan);border-right:2px solid var(--cyan);pointer-events:none;z-index:3}.ev-tracks{flex:1;overflow-y:auto;overflow-x:hidden}.ev-track{display:flex;min-height:68px;border-bottom:1px solid var(--border);transition:background .15s}.ev-track-selected{background:#00d4ff0a}.ev-track-muted{opacity:.35}.ev-track-header{width:140px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-right:1px solid var(--border);background:var(--bg2)}.ev-track-top{display:flex;align-items:center;gap:6px}.ev-track-icon{font-size:18px}.ev-track-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ev-track-btns{display:flex;align-items:center;gap:3px}.ev-arm-btn{width:24px;height:20px;border-radius:4px;font-size:10px;font-weight:900;background:var(--bg4);color:var(--text2);display:flex;align-items:center;justify-content:center;transition:all .15s}.ev-arm-btn:active{transform:scale(.9)}.ev-arm-active{background:var(--red)!important;color:#fff!important;box-shadow:var(--glow-red)}.ev-fx-badge{display:inline-flex;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;background:#00d4ff1f;color:var(--cyan);width:fit-content;border:1px solid rgba(0,212,255,.2);transition:all .15s}.ev-fx-badge:active{background:var(--cyan);color:var(--bg)}.ev-dupe-btn{display:inline-flex;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;background:#8b5cf61f;color:var(--purple);width:fit-content;border:1px solid rgba(139,92,246,.2);margin-left:4px}.ev-dupe-btn:active{background:var(--purple);color:#fff}.ev-track-region{flex:1;position:relative;overflow-x:auto;overflow-y:hidden;min-height:68px}.ev-cursor-line{position:absolute;top:0;width:2px;height:100%;background:var(--cyan);z-index:5;pointer-events:none;box-shadow:0 0 4px #00d4ff66}.ev-clip{position:absolute;top:5px;height:calc(100% - 10px);border-radius:6px;overflow:hidden;cursor:pointer;transition:box-shadow .15s;border:1px solid rgba(255,255,255,.08)}.ev-clip:active{opacity:.85}.ev-clip-selected{box-shadow:0 0 0 2px var(--cyan),0 0 16px #00d4ff59;border-color:var(--cyan)}.ev-clip-canvas{width:100%;height:100%;display:block}.ev-clip-processing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;font-size:11px;color:var(--cyan);font-weight:800;letter-spacing:1px}.ev-clip-actions{position:absolute;top:-38px;display:flex;gap:3px;background:var(--bg3);border-radius:8px;padding:4px;z-index:20;box-shadow:0 6px 20px #0009;border:1px solid var(--border)}.ca-btn{width:38px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:15px;color:var(--text);font-weight:700;transition:all .1s}.ca-btn:active{background:var(--cyan);color:var(--bg)}.ca-more{font-size:20px;font-weight:900}.ev-context-menu{position:absolute;top:-6px;transform:translate(-50%) translateY(-100%);background:var(--bg3);border:1px solid var(--cyan);border-radius:var(--radius);padding:6px;min-width:180px;z-index:30;box-shadow:0 10px 30px #000000b3,var(--glow-cyan)}.cm-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text);border-radius:6px;text-align:left;transition:all .1s}.cm-item:active{background:var(--cyan);color:var(--bg)}.cm-icon{font-size:15px;min-width:20px}.cm-close{width:100%;padding:8px;font-size:12px;font-weight:700;color:var(--text2);text-align:center;margin-top:4px;border-top:1px solid var(--border)}.ev-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--cyan);cursor:pointer;opacity:.6}.ev-hint:active{opacity:1}.ev-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:70px 24px;text-align:center}.ev-empty-icon{font-size:44px;opacity:.4}.ev-empty-title{font-size:18px;font-weight:900;color:var(--cyan);letter-spacing:3px;text-shadow:0 0 16px rgba(0,212,255,.2)}.ev-empty-sub{font-size:13px;color:var(--text2);font-weight:500}.ev-zoom{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:8px;background:var(--bg3);border-radius:20px;padding:4px 10px;z-index:10;border:1px solid var(--border)}.ev-zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--cyan);border-radius:50%}.ev-zoom-btn:active{background:var(--bg4)}.ev-zoom-val{font-size:11px;font-weight:800;color:var(--text2);min-width:24px;text-align:center}.ev-fab-container{position:absolute;bottom:10px;right:68px;z-index:10}.ev-add-menu{position:absolute;bottom:48px;right:0;background:var(--bg3);border:1px solid var(--cyan);border-radius:var(--radius);padding:6px;min-width:170px;box-shadow:0 10px 30px #0009,var(--glow-cyan)}.ev-add-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:700;border-radius:6px;text-align:left}.ev-add-item:active{background:var(--cyan);color:var(--bg)}.ev-fab{width:44px;height:44px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:var(--bg);box-shadow:var(--glow-cyan);border:none}.ev-fab:active{transform:scale(.9)}.ev-snap{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:6px;background:var(--bg3);border-radius:20px;padding:4px 12px;z-index:10;border:1px solid var(--border)}.ev-snap-btn{font-size:11px;font-weight:800;color:var(--text2)}.ev-snap-active{color:var(--cyan)!important;text-shadow:0 0 6px rgba(0,212,255,.4)}.mixer-view{height:100%;overflow-y:auto;padding-bottom:20px}.mx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:70px 24px}.mx-empty-icon{font-size:44px;opacity:.4}.mx-empty-title{font-size:18px;font-weight:900;color:var(--cyan);letter-spacing:3px}.mx-empty-sub{font-size:13px;color:var(--text2)}.mx-strips{display:flex;flex-direction:column}.mx-strip{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.4);position:relative;transition:background .2s}.mx-strip-header{display:flex;align-items:center;gap:8px}.mx-strip-num{font-size:16px;font-weight:900;color:#fffffff2;min-width:22px}.mx-strip-name{flex:1;font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-strip-fx{font-size:11px;font-weight:800;padding:3px 10px;border-radius:5px;background:#ffffff26;color:#fff;letter-spacing:.5px}.mx-strip-fx:active{background:#ffffff59}.mx-strip-btn{font-size:13px;font-weight:900;padding:3px 10px;border-radius:5px;background:#ffffff26;color:#fff;min-width:32px;text-align:center}.mx-strip-btn:active{background:#ffffff59}.mx-btn-active{background:#00000080!important;color:#fff6}.mx-btn-active-s{background:#ffff0040!important}.mx-strip-menu{font-size:16px;padding:3px 8px}.mx-vu-bar{height:6px;border-radius:3px;background:var(--bg);margin:2px 0;overflow:hidden}.mx-vu-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green) 0%,var(--cyan) 70%,var(--red) 95%);transition:width .08s ease;box-shadow:var(--glow-green)}.mx-strip-vol{padding:0 4px}.mx-vol-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.mx-vol-text{font-size:10px;font-weight:800;color:#ffffff80;letter-spacing:1px}.mx-vol-val{font-size:11px;font-weight:800;color:#ffffffb3;font-family:SF Mono,monospace}.mx-vol-slider{width:100%;height:24px}.mx-vol-slider::-webkit-slider-runnable-track{height:4px;background:#fff3;border-radius:2px}.mx-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;margin-top:-8px;box-shadow:0 2px 6px #0006}.mx-strip-pan{display:flex;align-items:center;gap:8px;padding:0 4px}.mx-pan-l,.mx-pan-r{font-size:11px;color:#fff6;font-weight:900}.mx-pan-knob-wrapper{flex:1;position:relative}.mx-pan-slider{width:100%;height:24px}.mx-pan-slider::-webkit-slider-runnable-track{height:4px;background:#ffffff26;border-radius:2px}.mx-pan-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--cyan);border-radius:50%;margin-top:-7px;box-shadow:var(--glow-cyan)}.mx-pan-val{position:absolute;right:-6px;top:-4px;font-size:9px;font-weight:800;color:#ffffff80}.mx-strip-type-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:20px;opacity:.6}.mx-master{margin:14px;background:var(--bg3);border-radius:var(--radius);border:1px solid var(--cyan);overflow:hidden;box-shadow:var(--glow-cyan)}.mx-master-header{padding:10px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(0,212,255,.08) 0%,var(--bg2) 100%)}.mx-master-title{font-size:14px;font-weight:900;letter-spacing:4px;color:var(--cyan)}.mx-master-controls{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.mx-fader-row{display:flex;align-items:center;gap:10px}.mx-fader-label{font-size:11px;font-weight:800;color:var(--text2);min-width:32px;letter-spacing:.5px}.mx-slider{flex:1;height:24px}.mx-fader-val{font-size:11px;font-weight:800;color:var(--cyan);min-width:40px;text-align:right;font-family:SF Mono,monospace}.settings-view{height:100%;overflow-y:auto;padding:18px 16px 50px}.sv-heading{font-size:17px;font-weight:900;color:var(--cyan);margin:20px 0 10px;letter-spacing:1px}.sv-heading:first-child{margin-top:0}.sv-card{background:var(--bg3);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.sv-field{padding:14px 16px;border-bottom:1px solid var(--border)}.sv-field:last-child{border-bottom:none}.sv-label{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:8px;display:block;letter-spacing:.5px}.sv-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:15px;font-weight:600;outline:none;transition:border-color .2s}.sv-input:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.sv-tempo{display:flex;align-items:center;justify-content:center;gap:0;margin:10px 0}.sv-tempo-btn{width:64px;height:52px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;border:1px solid var(--border);color:var(--cyan);background:var(--bg2)}.sv-tempo-btn:first-child{border-radius:8px 0 0 8px}.sv-tempo-btn:last-child{border-radius:0 8px 8px 0}.sv-tempo-btn:active{background:var(--bg4)}.sv-tempo-val{font-size:36px;font-weight:900;min-width:90px;text-align:center;padding:0 18px;height:52px;line-height:52px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);background:var(--bg)}.sv-tap-tempo{display:block;width:100%;padding:8px;font-size:13px;font-weight:700;color:var(--cyan);border-top:1px solid var(--border);letter-spacing:1px}.sv-tap-tempo:active{background:var(--bg4)}.sv-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.sv-row:last-child{border-bottom:none}.sv-row-label{font-size:14px;font-weight:700}.sv-row-val{font-size:14px;font-weight:700;color:var(--cyan)}.sv-select-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.sv-select-row:last-child{border-bottom:none}.sv-select{background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--cyan);padding:6px 10px;font-size:13px;font-weight:700;outline:none;-webkit-appearance:none}.sv-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.sv-toggle-row:last-child{border-bottom:none}.sv-toggle-label{font-size:14px;font-weight:700;display:block}.sv-toggle-desc{font-size:11px;color:var(--text2);display:block;margin-top:3px}.sv-toggle{width:48px;height:28px;border-radius:14px;background:var(--bg4);position:relative;transition:background .25s;flex-shrink:0;border:1px solid var(--border)}.sv-toggle-on{background:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.sv-toggle-thumb{width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:1px;left:1px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.sv-toggle-on .sv-toggle-thumb{transform:translate(20px)}.sv-range{width:100%;margin-top:6px}.drawer-overlay{position:fixed;inset:0;background:#000000a6;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end}.drawer-panel{width:100%;max-height:75vh;background:var(--bg2);border-radius:18px 18px 0 0;overflow-y:auto;animation:drawerSlide .25s cubic-bezier(.4,0,.2,1);border-top:2px solid var(--cyan);box-shadow:0 -8px 30px #00d4ff1a}@keyframes drawerSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{width:40px;height:5px;background:var(--bg4);border-radius:3px;margin:10px auto;flex-shrink:0}.dr-content{padding:0 16px 28px}.dr-title{font-size:16px;font-weight:900;letter-spacing:2px;margin:10px 0 14px;color:var(--cyan)}.dr-empty{font-size:13px;font-weight:600;color:var(--text2);text-align:center;padding:24px 0}.dr-processing{background:var(--bg3);border:1px solid var(--cyan);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:12px;font-weight:800;color:var(--cyan);animation:recPulse 1s ease infinite;box-shadow:var(--glow-cyan)}.dr-section{margin-bottom:16px}.dr-section-title{font-size:11px;font-weight:900;letter-spacing:3px;color:var(--text2);margin-bottom:10px}.dr-fader{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dr-fader-label{font-size:11px;font-weight:800;color:var(--text2);min-width:42px;letter-spacing:.5px}.dr-slider{flex:1;height:24px}.dr-fader-val{font-size:11px;font-weight:800;color:var(--cyan);min-width:46px;text-align:right;font-family:SF Mono,monospace}.dr-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dr-btn{padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:700;text-align:center;color:var(--text);transition:all .15s}.dr-btn:active{background:var(--bg4);border-color:var(--cyan);color:var(--cyan)}.dr-btn:disabled{opacity:.35}.dr-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}.dr-label{font-size:11px;font-weight:700;color:var(--text2)}.dr-val{font-size:13px;font-weight:800;min-width:18px;text-align:center;color:var(--cyan)}.dr-hint{font-size:11px;color:var(--text2);flex:1;font-weight:500}.dr-sm-btn{padding:4px 10px;font-size:11px;font-weight:800;background:var(--bg3);border:1px solid var(--border);border-radius:5px;transition:all .1s}.dr-sm-btn:active{background:var(--bg4)}.dr-sm-active{background:var(--cyan)!important;color:var(--bg)!important;border-color:var(--cyan)!important;box-shadow:var(--glow-cyan)}.dr-sm-danger{color:var(--red)!important}.dr-action-btn{padding:10px 16px;background:var(--bg3);border:1px solid var(--cyan);border-radius:8px;font-size:13px;font-weight:800;color:var(--cyan);transition:all .15s;letter-spacing:.5px}.dr-action-btn:active{background:var(--cyan);color:var(--bg);box-shadow:var(--glow-cyan)}.dr-tabs{display:flex;gap:6px;margin-bottom:12px}.dr-tab{flex:1;padding:8px;text-align:center;font-size:12px;font-weight:800;background:var(--bg3);border-radius:8px;color:var(--text2);border:1px solid var(--border);letter-spacing:.5px}.dr-tab-active{background:var(--cyan);color:var(--bg);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.dr-status{padding:8px 12px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;font-size:12px;font-weight:700;color:var(--cyan);margin-bottom:10px;text-align:center}.dr-project-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.dr-project-info{flex:1;min-width:0}.dr-project-name{font-size:13px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-project-meta{font-size:11px;color:var(--text2);font-weight:600}.dr-piano-canvas{width:100%;height:220px;border-radius:8px;border:1px solid var(--border);cursor:pointer}.dr-drum-grid{overflow-x:auto}.dr-drum-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.dr-drum-label{font-size:10px;font-weight:900;color:var(--text2);min-width:38px;letter-spacing:.5px}.dr-drum-steps{display:flex;gap:3px}.dr-drum-step{width:20px;height:20px;border-radius:4px;background:var(--bg3);border:1px solid var(--border);transition:all .1s}.dr-drum-step:active{background:var(--bg4);transform:scale(.9)}.dr-step-on{background:var(--cyan)!important;border-color:var(--cyan)!important;box-shadow:var(--glow-cyan)}.dr-step-beat{border-color:#ffffff14!important}.dr-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dr-preset-btn{padding:12px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;text-align:center;transition:all .15s}.dr-preset-btn:active{border-color:var(--cyan);background:#00d4ff14}.dr-preset-name{font-size:12px;font-weight:800}.dr-ai-results{margin-top:10px;padding:10px;background:var(--bg3);border-radius:8px;border:1px solid var(--border)}.dr-ai-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px;font-weight:600}.dr-ai-track{color:var(--text)}.dr-ai-vals{color:var(--cyan);font-family:SF Mono,monospace;font-weight:700}.dr-ai-card{background:linear-gradient(135deg,rgba(0,212,255,.06) 0%,var(--bg3) 100%);border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:12px;margin-bottom:8px}.dr-ai-card-title{font-size:13px;font-weight:900;color:var(--cyan);margin-bottom:4px}.dr-ai-card-desc{font-size:11px;color:var(--text2);line-height:1.4}.dr-pitch-display{text-align:center;padding:16px 0 12px}.dr-pitch-note{font-size:36px;font-weight:900;color:var(--cyan);text-shadow:var(--glow-cyan);letter-spacing:2px;display:block}.dr-pitch-label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:1px;font-weight:700}.dr-select-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.dr-row-label{font-size:12px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.dr-select{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 10px;font-size:13px;font-weight:700;min-width:120px}.dr-select:focus{border-color:var(--cyan);outline:none}.dr-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.dr-toggle-row span{font-size:12px;font-weight:700;color:var(--text2)}.dr-toggle{width:44px;height:24px;border-radius:12px;background:var(--bg4);border:1px solid var(--border);position:relative;transition:all .2s;cursor:pointer}.dr-toggle-on{background:#00d4ff4d;border-color:var(--cyan)}.dr-toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--text2);position:absolute;top:2px;left:2px;transition:all .2s}.dr-toggle-on .dr-toggle-thumb{transform:translate(20px);background:var(--cyan);box-shadow:var(--glow-cyan)}.dr-melodyne-canvas{width:100%;height:180px;border-radius:8px;border:1px solid var(--border);background:var(--bg);cursor:crosshair;touch-action:none}.dr-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:8px}.dr-voice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 6px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;transition:all .15s;min-height:70px}.dr-voice-btn:active{border-color:var(--cyan);background:#00d4ff14;transform:scale(.96)}.dr-voice-btn:disabled{opacity:.4}.dr-voice-icon{font-size:24px;margin-bottom:4px}.dr-voice-label{font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.dr-chord-list{max-height:300px;overflow-y:auto}.dr-chord-item{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--bg3);border-radius:6px;margin-bottom:4px;border:1px solid var(--border)}.dr-chord-time{font-size:11px;font-family:SF Mono,monospace;color:var(--text2);font-weight:600;min-width:45px}.dr-chord-name{font-size:16px;font-weight:900;color:var(--cyan);min-width:50px}.dr-chord-notes{font-size:11px;color:var(--text2)}.dr-processing{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--cyan);text-align:center;margin-bottom:10px;animation:dr-pulse 1.2s ease-in-out infinite}@keyframes dr-pulse{0%,to{opacity:.7}50%{opacity:1}}.dr-sm-danger{color:var(--red)!important;border-color:var(--red)!important}.dr-sm-danger:active{background:#dc143c26!important}.dr-full{width:100%}.dr-project-row{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;margin-bottom:4px}.dr-project-info{flex:1}.dr-project-name{font-size:13px;font-weight:800;color:var(--text);display:block}.dr-project-meta{font-size:10px;color:var(--text2)}.dr-status{text-align:center;padding:6px;font-size:12px;font-weight:700;color:var(--green);margin-bottom:8px}.tools-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tools-bar::-webkit-scrollbar{display:none}.inst-browser{max-height:65vh;overflow-y:auto}.dr-count{font-size:12px;background:#0f8;color:#000;border-radius:10px;padding:1px 8px;margin-left:6px;font-weight:800}.dr-search{width:100%;background:#111;border:1px solid #222;color:#fff;padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:10px;outline:none;font-family:inherit}.dr-search:focus{border-color:#00d4ff;box-shadow:0 0 8px #00d4ff33}.dr-search::placeholder{color:#555}.inst-cats{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.inst-cats::-webkit-scrollbar{display:none}.inst-cat-btn{background:#111;border:1px solid #222;color:#888;padding:5px 10px;border-radius:16px;font-size:11px;white-space:nowrap;cursor:pointer;font-family:inherit;transition:all .15s}.inst-cat-btn.active{background:#00d4ff22;border-color:#00d4ff;color:#00d4ff}.inst-cat-btn:active{transform:scale(.95)}.inst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:45vh;overflow-y:auto;padding:2px;scrollbar-width:thin}.inst-card{background:#111;border:1px solid #1a1a1a;border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:all .15s;text-align:center}.inst-card:active{transform:scale(.95)}.inst-card:hover{border-color:#333}.inst-selected{border-color:#0f8!important;background:#00ff8810;box-shadow:0 0 12px #00ff8826}.inst-card-icon{font-size:22px;line-height:1}.inst-card-name{font-size:11px;color:#ccc;font-weight:600;line-height:1.2}.inst-card-cat{font-size:9px;color:#555;line-height:1}.inst-footer{padding:10px 0 0;border-top:1px solid #1a1a1a;margin-top:10px}.inst-current{font-size:12px;color:#888}.vk-drawer{overflow:visible}.vk-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vk-inst{font-size:14px;color:#0f8;font-weight:700;letter-spacing:.5px}.vk-oct-ctrl{display:flex;align-items:center;gap:8px}.vk-oct-btn{background:#111;border:1px solid #333;color:#00d4ff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;display:flex;align-items:center;justify-content:center}.vk-oct-btn:active{background:#00d4ff22}.vk-oct-label{font-size:13px;color:#aaa;font-weight:600;min-width:40px;text-align:center}.vk-keyboard{display:flex;height:130px;position:relative;gap:1px;margin:0 -4px;overflow-x:auto;padding:0 4px;scrollbar-width:none}.vk-keyboard::-webkit-scrollbar{display:none}.vk-key{display:flex;align-items:flex-end;justify-content:center;border:none;cursor:pointer;transition:all .08s;position:relative;font-family:inherit;padding-bottom:6px;-webkit-user-select:none;user-select:none;touch-action:none}.vk-white{background:linear-gradient(to bottom,#e8e8e8,#fff);flex:1;min-width:28px;height:100%;border-radius:0 0 6px 6px;color:#333;font-size:9px;font-weight:700;z-index:1;border:1px solid #999}.vk-white:active,.vk-white.vk-pressed{background:linear-gradient(to bottom,#00d4ff44,#00d4ff22);border-color:#00d4ff}.vk-black{background:linear-gradient(to bottom,#222,#000);width:22px;min-width:22px;height:65%;border-radius:0 0 4px 4px;color:#555;font-size:7px;font-weight:700;z-index:2;margin:0 -11px;border:1px solid #444}.vk-black:active,.vk-black.vk-pressed{background:linear-gradient(to bottom,#dc143c88,#dc143c44);border-color:#dc143c}.vk-key-label{pointer-events:none}.vk-quick{display:flex;align-items:center;gap:6px;margin-top:10px;overflow-x:auto;padding:6px 0;scrollbar-width:none}.vk-quick::-webkit-scrollbar{display:none}.vk-quick-btn{background:#111;border:1px solid #222;color:#888;padding:4px 8px;border-radius:12px;font-size:10px;white-space:nowrap;cursor:pointer;font-family:inherit;transition:all .15s}.vk-quick-btn:active{transform:scale(.95)}.vk-quick-active{border-color:#0f8;color:#0f8;background:#00ff8810}.arp-controls{display:flex;flex-direction:column;gap:8px}.arp-row{display:flex;align-items:center;gap:8px}.arp-label{font-size:11px;color:#888;min-width:60px;font-weight:600}.arp-val{font-size:11px;color:#00d4ff;min-width:40px;text-align:right;font-weight:600}.arp-modes{display:flex;gap:4px;flex-wrap:wrap}.arp-mode-btn{background:#111;border:1px solid #222;color:#888;padding:4px 8px;border-radius:6px;font-size:10px;cursor:pointer;font-family:inherit;transition:all .15s;text-transform:capitalize}.arp-mode-btn.active{background:#00d4ff22;border-color:#00d4ff;color:#00d4ff}.arp-mode-btn:active{transform:scale(.95)}.arp-note-select{margin-top:12px}.arp-notes{display:flex;gap:3px;flex-wrap:wrap}.arp-note{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;cursor:pointer;background:#1a1a1a;border:1px solid #333;color:#888;font-family:inherit}.arp-note-black{background:#0a0a0a;color:#666}.arp-note-on{background:#0f82;border-color:#0f8;color:#0f8}.arp-play-btn{width:100%;padding:12px;border-radius:8px;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-top:12px;background:linear-gradient(135deg,#0f8,#00d4ff);color:#000;transition:all .2s}.arp-play-btn:active{transform:scale(.97)}.arp-play-btn:disabled{opacity:.4;cursor:not-allowed}.arp-playing{background:linear-gradient(135deg,#dc143c,#f44);color:#fff}.session-view{overflow-x:auto}.session-grid{display:flex;flex-direction:column;gap:1px}.session-header{display:flex;gap:1px}.session-row{display:flex;gap:1px;transition:background .15s}.session-row-active{background:#00ff8808}.session-cell{padding:8px 6px;font-size:10px;text-align:center;min-width:50px}.session-label{background:#111;color:#888;font-weight:600;min-width:60px;text-align:left;border-radius:4px}.session-track-head{background:#111;color:#aaa;font-weight:700;border-bottom:2px solid #333;border-radius:4px}.session-clip{background:#111;border:1px solid #222;border-radius:4px;cursor:pointer;font-size:14px;color:#555;transition:all .15s;font-family:inherit}.session-clip:active{transform:scale(.9)}.clip-playing{background:#00ff8815;border-color:#0f8;color:#0f8}.clip-queued{background:#00d4ff10;border-color:#00d4ff;color:#00d4ff}.session-launch-head{background:transparent}.session-launch{background:#1a1a1a;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:14px;color:#0f8;font-family:inherit;transition:all .15s}.session-launch:active{background:#0f82}.master-meters{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.meter-item{display:flex;align-items:center;gap:8px}.meter-label{font-size:10px;color:#888;min-width:70px;font-weight:600}.meter-bar{flex:1;height:14px;background:#111;border-radius:4px;overflow:hidden;border:1px solid #1a1a1a}.meter-fill{height:100%;border-radius:3px;transition:width .3s ease}.meter-val{font-size:10px;color:#aaa;min-width:70px;text-align:right;font-family:SF Mono,monospace}.master-targets{margin:12px 0}.export-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.export-format-btn{background:#111;border:1px solid #222;border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font-family:inherit;color:#888;transition:all .15s}.export-format-btn.active{border-color:#0f8;background:#00ff8810;color:#0f8}.export-format-btn strong{font-size:14px}.export-desc{font-size:9px}.dr-select{background:#111;border:1px solid #222;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-family:inherit}.export-options{display:flex;gap:16px;margin-top:10px}.export-check{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa;cursor:pointer}.export-check input{accent-color:#00ff88}.analyzer-canvas{width:100%;border-radius:6px;border:1px solid #1a1a1a;background:#0a0a0a}.genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:55vh;overflow-y:auto}.genre-card{background:#111;border:1px solid #1a1a1a;border-radius:10px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:inherit;transition:all .15s;text-align:center}.genre-card:active{transform:scale(.95);border-color:#00d4ff}.genre-icon{font-size:28px}.genre-name{font-size:12px;color:#fff;font-weight:700}.genre-meta{font-size:9px;color:#00d4ff}.genre-desc{font-size:9px;color:#555}.chord-suggest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chord-suggest-card{background:#111;border:1px solid #222;border-radius:8px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:inherit;transition:all .15s}.chord-suggest-card:active{transform:scale(.9);border-color:#0f8;background:#00ff8810}.chord-name{font-size:16px;color:#fff;font-weight:800}.chord-notes{font-size:9px;color:#555}