*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d16;--surface: #151522;--border: rgba(255,255,255,.08);--accent: #2563eb;--accent2: #facc15;--accent3: #ef4444;--accent4: #10b981;--accent-rgb: 37, 99, 235;--accent2-rgb: 250, 204, 21;--accent3-rgb: 239, 68, 68;--accent4-rgb: 16, 185, 129;--text: #f0f0f5}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}header{flex-shrink:0;background:linear-gradient(180deg,#140f28f2,#0b0b18cc);border-bottom:1px solid var(--border);display:flex;flex-direction:column}.hdr-top{display:flex;align-items:center;gap:12px;padding:8px 16px}header h1{font-size:1.1rem;font-weight:700;background:linear-gradient(120deg,var(--accent) 0%,var(--accent4) 50%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;white-space:nowrap;margin-right:auto}header p{display:none}.hdr-actions{display:flex;gap:6px}.hdr-transport{display:none;align-items:center;gap:5px;margin-right:10px;flex-shrink:0}.hdr-play-btn,.hdr-pause-btn,.hdr-stop-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;border:1px solid}.hdr-play-btn{background:#34d39924;border-color:#34d39973;color:#6ee7b7}.hdr-play-btn:hover{background:#34d39942}.hdr-pause-btn{background:#f59e0b24;border-color:#f59e0b73;color:var(--accent2)}.hdr-pause-btn:hover{background:#f59e0b42}.hdr-stop-btn{background:#ef44441f;border-color:#ef444466;color:#f87171}.hdr-stop-btn:hover{background:#ef444438}.hdr-bpm{display:flex;align-items:center;gap:5px;margin-left:4px;padding-left:10px;border-left:1px solid rgba(255,255,255,.08)}.tap-btn{padding:4px 10px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.35);border-radius:10px;color:#a78bfad9;font-size:.65rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s;white-space:nowrap}.tap-btn:hover{background:#a78bfa38;color:#fff}.tap-btn:active{background:#a78bfa61;transform:scale(.95)}.bpm-display-btn{display:flex;align-items:center;gap:3px;padding:5px 10px;border-radius:14px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.4);color:#a78bfae6;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.02em;transition:all .15s;white-space:nowrap}.bpm-display-btn:hover{background:#a78bfa38;color:#fff}.bpm-display-btn:active{transform:scale(.95)}.bpm-unit{font-size:.62rem;font-weight:400;opacity:.65}#bpm-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center}.bpm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.bpm-picker-pop{position:relative;width:120px;height:240px;background:var(--surface, #151522);border:1px solid rgba(167,139,250,.25);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;animation:bpmPopIn .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 64px #000000b3,0 0 0 1px #a78bfa1a}@keyframes bpmPopIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.bpm-picker-scroll{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;padding:96px 0}.bpm-picker-scroll::-webkit-scrollbar{display:none}.bpm-picker-item{height:48px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:#fff3;scroll-snap-align:center;cursor:pointer;letter-spacing:-.01em;transition:color .1s,transform .1s}.bpm-picker-item.selected{color:#fff;transform:scale(1.15)}.bpm-picker-fade{position:absolute;left:0;right:0;height:90px;pointer-events:none;z-index:1}.bpm-picker-fade.top{top:0;background:linear-gradient(to bottom,var(--surface, #151522) 10%,transparent)}.bpm-picker-fade.bot{bottom:0;background:linear-gradient(to top,var(--surface, #151522) 10%,transparent)}.bpm-picker-indicator{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);height:48px;border-top:1px solid rgba(167,139,250,.5);border-bottom:1px solid rgba(167,139,250,.5);border-radius:8px;pointer-events:none;z-index:2}#scale-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:920;display:flex;align-items:center;justify-content:center;padding:18px}.scale-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02000ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scale-picker-pop{position:relative;width:min(520px,calc(100vw - 32px));padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(167,139,250,.22);background:radial-gradient(circle at top,rgba(245,158,11,.08),transparent 38%),linear-gradient(180deg,#15102bfa,#0a0818fa);box-shadow:0 24px 80px #0009,0 0 0 1px #a78bfa14 inset;animation:bpmPopIn .22s cubic-bezier(.34,1.56,.64,1)}.scale-picker-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.scale-picker-kicker{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#f59e0bb8}.scale-picker-topbar h2{margin:4px 0 0;font-size:1.15rem;letter-spacing:.02em;color:#fffffff5}.scale-picker-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0f;color:#ffffffb3;cursor:pointer;transition:background .15s,transform .15s,color .15s}.scale-picker-close:hover{background:#ffffff1f;color:#fff}.scale-picker-close:active{transform:scale(.94)}.scale-picker-copy{margin:0 0 14px;font-size:.76rem;line-height:1.45;color:#ffffff7a}.scale-picker-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scale-wheel{min-width:0}.scale-wheel-label{margin-bottom:8px;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffff75;text-align:center}.scale-wheel-temp{--wheel-accent: rgba(245,158,11,.78)}.scale-wheel-family{--wheel-accent: rgba(167,139,250,.82)}.scale-wheel-mode{--wheel-accent: rgba(52,211,153,.8)}.scale-wheel-frame{position:relative;height:246px;border-radius:18px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.scale-wheel-scroll{height:100%;overflow-y:auto;padding:96px 0;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scale-wheel-scroll::-webkit-scrollbar{display:none}.scale-picker-item{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 10px;border:none;background:transparent;color:#ffffff38;font-size:.84rem;font-weight:700;line-height:1.1;text-align:center;cursor:pointer;scroll-snap-align:center;transition:color .12s,transform .12s}.scale-picker-item.selected{color:#fff;transform:scale(1.06)}.scale-wheel-fade{position:absolute;left:0;right:0;height:88px;pointer-events:none;z-index:1}.scale-wheel-fade.top{top:0;background:linear-gradient(to bottom,#0e0b1e 14%,#0e0b1e00)}.scale-wheel-fade.bot{bottom:0;background:linear-gradient(to top,#0e0b1e 14%,#0e0b1e00)}.scale-wheel-indicator{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);height:54px;border-top:1px solid color-mix(in srgb,var(--wheel-accent),transparent 15%);border-bottom:1px solid color-mix(in srgb,var(--wheel-accent),transparent 15%);border-radius:12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--wheel-accent),transparent 78%) inset;pointer-events:none;z-index:2}.scale-picker-summary{margin-top:14px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.74rem;line-height:1.45;color:#ffffffb8}.scale-picker-summary strong{color:#fff}#tonnetz-canvas{display:block;width:100%;flex:1;min-height:0;cursor:pointer;touch-action:none;background:#0003}#tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#050312e0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tour-modal{background:linear-gradient(160deg,#1a1240,#0d0b22);border:1px solid rgba(167,139,250,.3);border-radius:18px;padding:36px 40px;max-width:460px;text-align:center;box-shadow:0 0 80px #a78bfa2e}.tour-sensei{font-size:3.5rem;margin-bottom:14px}.tour-modal h2{font-size:1.3rem;font-weight:700;background:linear-gradient(120deg,var(--accent),var(--accent4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.tour-modal p{font-size:.88rem;color:#fff9;line-height:1.7;margin-bottom:24px}.tour-cta{padding:10px 28px;background:linear-gradient(135deg,var(--accent),var(--accent4));border:none;border-radius:24px;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s}.tour-cta:hover{opacity:.85}#tour-tooltip{position:fixed;z-index:9998;pointer-events:auto}.tour-bubble{background:linear-gradient(135deg,#1e1545,#12103a);border:1px solid rgba(167,139,250,.45);border-radius:12px;padding:10px 14px;font-size:.82rem;color:#ffffffe6;box-shadow:0 8px 32px #00000080;display:flex;align-items:center;gap:8px;white-space:nowrap}.tour-arrow-up{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid rgba(167,139,250,.45);margin-left:18px}.tour-arrow-up:after{content:"";position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #1e1545;margin-left:-7px;margin-top:2px}.tour-close-x{background:none;border:none;color:#ffffff59;cursor:pointer;font-size:.9rem;padding:0 0 0 4px;line-height:1}.tour-close-x:hover{color:#ffffffb3}#tour-hint{position:fixed;bottom:22px;left:22px;z-index:9997;background:linear-gradient(135deg,#1e1545,#12103a);border:1px solid rgba(52,211,153,.4);border-radius:12px;padding:10px 14px;font-size:.82rem;color:#ffffffe6;box-shadow:0 8px 32px #00000080;display:flex;align-items:center;gap:8px;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.hdr-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffff73;cursor:pointer;font-size:.72rem;transition:all .2s;white-space:nowrap}.hdr-btn:hover{background:#ffffff17;color:var(--text)}.hdr-btn.active-audio{background:#34d3991f;border-color:#34d39959;color:var(--accent2)}.hdr-btn.active-fb{background:#a78bfa1f;border-color:#a78bfa59;color:var(--accent)}.hdr-btn.active-synth{background:#f59e0b1f;border-color:#f59e0b59;color:var(--accent3)}.hdr-icon{font-size:1rem;line-height:1;width:1.25em;height:1.25em;flex-shrink:0;display:inline-block;vertical-align:middle}.syn-label svg.hdr-icon{width:1.2em;height:1.2em}#btn-audio{display:none}#synth-wrap{flex-shrink:0;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),border-color .3s;border-top:1px solid transparent}#synth-wrap.open{max-height:400px;border-top-color:var(--border)}#mixer-wrap{flex-shrink:0;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),border-color .3s;border-top:1px solid transparent}#mixer-wrap.open{max-height:400px;border-top-color:var(--border)}.mix-fader-row{display:flex;gap:8px;padding:4px 10px;border-right:1px solid rgba(255,255,255,.1);margin-right:4px;flex-shrink:0;align-items:stretch}.mix-channel{display:flex;flex-direction:column;align-items:center;gap:3px;width:58px}.mix-fader-cvs{display:block;width:100%;height:106px;cursor:ns-resize;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#00000038;touch-action:none;-webkit-user-select:none;user-select:none}.mix-channel-master{border-left:1px solid rgba(255,255,255,.1);padding-left:8px;margin-left:4px}#mixer-wrap .syn-group .syn-slider{display:none}.vis-ctrl{display:block;width:76px;height:50px;cursor:ew-resize;border-radius:4px;border:1px solid rgba(255,255,255,.09);background:#00000040;touch-action:none;-webkit-user-select:none;user-select:none}#seq-wrap,#drum-wrap{flex-shrink:0;height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1);border-top:1px solid transparent}#seq-wrap.open{height:215px;border-top-color:var(--border)}#drum-wrap.open{height:260px;border-top-color:var(--border)}#clips-wrap{flex-shrink:0;height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1);border-top:1px solid transparent}#clips-wrap.open{height:320px;border-top-color:var(--border)}.hdr-btn.active-clips{background:#fbbf241f;border-color:#fbbf2466;color:#fde68a}.clips-panel{display:flex;flex-direction:column;height:100%}.clips-panel .seq-header{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 8px;gap:4px}.clips-col-hdr{text-align:center;font-size:.6rem;letter-spacing:.05em;opacity:.6}.seq-col-hdr{color:var(--accent2)}.drm-col-hdr{color:#fb923c}.clips-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,1fr);gap:3px;padding:4px 8px 8px;flex:1;min-height:0}.clip-cell{border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;font-family:inherit;transition:background .12s,border-color .12s;overflow:hidden;-webkit-tap-highlight-color:transparent}.clip-cell.filled[data-type=seq]{background:#34d39912;border-color:#34d39947;color:#34d399cc}.clip-cell.filled[data-type=drum]{background:#fb923c12;border-color:#fb923c47;color:#fb923ccc}.clip-cell.active[data-type=seq]{background:#34d39938;border-color:#34d399bf;color:#34d399;box-shadow:0 0 7px #34d39959}.clip-cell.active[data-type=drum]{background:#fb923c38;border-color:#fb923cbf;color:#fb923c;box-shadow:0 0 7px #fb923c59}@keyframes clip-pending-seq{0%,to{background:#34d39912;border-color:#34d39947;box-shadow:none}50%{background:#34d39942;border-color:#34d399c7;box-shadow:0 0 8px #34d39973}}@keyframes clip-pending-drum{0%,to{background:#fb923c12;border-color:#fb923c47;box-shadow:none}50%{background:#fb923c42;border-color:#fb923cc7;box-shadow:0 0 8px #fb923c73}}.clip-cell.pending[data-type=seq]{animation:clip-pending-seq .55s ease-in-out infinite}.clip-cell.pending[data-type=drum]{animation:clip-pending-drum .55s ease-in-out infinite}.clip-cell:active{transform:scale(.93)}.clip-mini-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;border-radius:4px}.clip-num{position:absolute;top:2px;left:3px;font-size:.52rem;opacity:.45;line-height:1;z-index:1}.clip-play-icon{position:absolute;top:2px;left:3px;width:9px;height:9px;z-index:2;opacity:.7;pointer-events:none}.clip-play-icon svg{width:100%;height:100%;display:block}#fretboard-wrap{flex-shrink:0;height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1);border-top:1px solid transparent}#fretboard-wrap.open{height:200px;border-top-color:var(--border)}.wave-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.wave-cvs{display:block;width:52px;height:22px;cursor:pointer;border-radius:4px;border:1px solid rgba(255,255,255,.08);transition:border-color .15s}.wave-cvs.active{border-color:#f59e0bb3}.wave-cvs:hover:not(.active){border-color:#ffffff40}.hdr-btn.active-mixer{background:#60a5fa1f;border-color:#60a5fa59;color:var(--accent4)}.mix-sep{width:1px;height:60px;background:#ffffff1a;margin:0 4px;flex-shrink:0;align-self:center}.synth-panel{display:flex;flex-wrap:nowrap;align-items:center;background:#0a0816f2;padding:8px 16px;gap:0;overflow-x:auto;overflow-y:hidden}.syn-group{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 13px;border-right:1px solid rgba(255,255,255,.06);min-width:76px}.syn-group:first-child{padding-left:0}.syn-group:last-child{border-right:none}.syn-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff52;display:flex;align-items:center;gap:4px;justify-content:center}.syn-val{font-size:.7rem;color:var(--accent3);font-family:monospace;min-width:42px;text-align:center}.syn-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:76px;height:3px;background:#ffffff24;border-radius:2px;border:none;outline:none;cursor:pointer}.syn-slider::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent3)}#mix-gflt-cut::-webkit-slider-thumb,#mix-gflt-res::-webkit-slider-thumb{background:#fb923c}.preset-row{display:flex;gap:4px}.preset-btn{padding:3px 9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#fff6;cursor:pointer;font-size:.63rem;transition:all .15s}.preset-btn:hover{background:#ffffff1a;color:var(--text)}.preset-btn.active{background:#f59e0b26;border-color:var(--accent3);color:var(--accent3)}#drum-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.seq-panel{height:100%;display:flex;flex-direction:column;background:#070512fc}.panel-subheader{display:none;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#120e22f5,#0b0818f5)}.panel-subheader-group{display:flex;align-items:center;gap:8px}.panel-subheader-right{margin-left:auto}.panel-clear-btn{background:#ef44441f;border-color:#ef444461;color:#fca5a5;font-size:.85rem;font-weight:700}.panel-clear-btn:hover{background:#ef44443d;border-color:#ef444499;color:#f87171}.seq-undo-btn{background:#a78bfa1a;border-color:#a78bfa4d;color:#a78bfabf}.seq-undo-btn:not(:disabled):hover{background:#a78bfa33;border-color:#a78bfa8c;color:#c4b5fd}.seq-undo-btn:disabled{opacity:.28;cursor:not-allowed}.panel-round-btn{width:42px;height:42px}.params-drawer-btn{background:#a78bfa1a;border-color:#a78bfa4d;color:#a78bfabf;transition:background .2s,border-color .2s,color .2s,transform .15s}.params-drawer-btn.open{background:#a78bfa33;border-color:#a78bfa8c;color:#c4b5fd}.seq-header{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:5px 12px;border-bottom:1px solid var(--border);overflow-x:auto}.seq-params-drawer{overflow:hidden;max-height:1000px;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:1}.seq-params-drawer.closed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0}.seq-canvas-wrap{flex:1;min-height:0}#seq-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.seq-lbl{font-size:.6rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.seq-val{font-size:.7rem;color:var(--accent2);font-family:monospace}.seq-src-btn.active{background:#a78bfa2e;border-color:#a78bfa8c;color:#c4b5fd}.seq-sample-subheader-btn{display:none}.seq-extra-bar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:5px 12px;border-bottom:1px solid var(--border);min-height:62px}.wave-ctrl-bar{min-height:40px;gap:8px;flex-shrink:0}.sample-rec-btn{display:inline-flex;align-items:center;gap:6px}.sample-rec-icon{position:relative;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px #00000014;flex:0 0 auto}.sample-rec-icon:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#ef4444}#sample-rec-btn.recording{background:#ef444429;border-color:#ef4444d9;color:#fff;animation:recPulse 1s ease-in-out infinite}#sample-rec-btn.recording .sample-rec-icon{border-color:#ef4444;box-shadow:0 0 0 3px #ef444438,inset 0 0 0 1px #00000014}@keyframes recPulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}.sample-autocut-lbl{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.sample-trim-bar{flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px;min-height:0}#sample-trim-cvs{width:100%;border-radius:4px;background:#0b0817;cursor:col-resize;touch-action:none;display:block}.sample-trim-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wave-btn-row,.wave-rough-row{display:flex;align-items:center;gap:6px}.seq-wave-canvas-area{flex:1;min-height:0;display:flex;align-items:stretch;padding:6px 10px}.seq-panel.wave-expand .seq-canvas-wrap{display:none}.wave-rand-sel{font-size:.62rem;padding:2px 4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffbf;border-radius:4px;flex:0 0 auto;width:auto;max-width:120px;cursor:pointer}.wave-ctrl-btn{font-size:.62rem;padding:3px 7px;flex-shrink:0}.wave-rough-sl{flex:1;min-width:40px}.wave-draw-cvs{flex:1;min-height:52px;width:100%;height:52px;cursor:crosshair;border-radius:6px;border:1px solid rgba(167,139,250,.2);background:#0000004d;touch-action:none;-webkit-user-select:none;user-select:none}.seq-panel.wave-expand .wave-draw-cvs{height:auto;border-radius:8px}.seq-sl{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#ffffff24;border-radius:2px;border:none;outline:none;cursor:pointer}.seq-sl::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent2)}.seq-sep{width:1px;height:20px;background:#ffffff14;flex-shrink:0}.hdr-btn.active-seq{background:#34d3991f;border-color:#34d39959;color:var(--accent2)}.hdr-btn.active-drums{background:#fb923c1f;border-color:#fb923c59;color:#fb923c}.hdr-btn.active-tuner{background:#a78bfa24;border-color:#a78bfa80;color:#c4b5fd;animation:tuner-pulse 1.5s ease-in-out infinite}@keyframes tuner-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 8px 2px #a78bfa4d}}#btn-save.save-flash{background:#34d3992e;border-color:#34d39999;color:#34d399;animation:save-flash .7s ease}@keyframes save-flash{0%{transform:scale(1.08)}60%{transform:scale(1)}to{transform:scale(1)}}#btn-save.import-mode{background:#f59e0b2e;border-color:#f59e0b99;color:#fbbf24;animation:import-pulse 1s ease-in-out infinite}@keyframes import-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 10px 3px #f59e0b59}}.midi-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#ffffff06;border-top:1px solid var(--border);flex-shrink:0}.midi-title{font-size:.68rem;color:#fff6;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.midi-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffff80;cursor:pointer;font-size:.68rem;transition:all .15s;white-space:nowrap}.midi-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text)}.midi-btn:disabled{opacity:.35;cursor:not-allowed}.midi-btn.playing{background:#34d39926;border-color:#34d39966;color:var(--accent2)}.midi-btn.stop-btn{background:#ef44441f;border-color:#ef444459;color:#f87171}.midi-btn.stop-btn:hover{background:#ef444438}.midi-speed{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:3px;background:#ffffff26;border-radius:2px;border:none;outline:none;cursor:pointer}.midi-speed::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent4)}.midi-spd-lbl{font-size:.62rem;color:#ffffff59;min-width:24px}.midi-progress-wrap{width:70px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.midi-progress-bar{height:100%;width:0%;background:var(--accent2);border-radius:2px;transition:width .1s linear}#outer-wrap{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}#slide-scale{width:258px;flex-shrink:0;padding:14px 16px;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;background:var(--surface)}#slides{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-layout{flex:1;min-height:0;display:grid;grid-template-columns:1fr 268px}.panel{padding:14px 16px;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.panel:last-child{border-right:none;border-left:1px solid var(--border)}.viz-panel{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,rgba(25,15,55,.45) 0%,transparent 70%);position:relative;cursor:default;overflow:hidden;-webkit-tap-highlight-color:transparent}.viz-panel canvas{display:block}#canvas,#canvas:focus,#canvas:active{outline:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.viz-transport{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:10px;z-index:4}.viz-transport button{width:46px;height:46px;box-shadow:0 10px 28px #0000005c}.viz-quick-actions{position:absolute;top:14px;right:70px;display:flex;flex-direction:column;gap:10px;z-index:4;pointer-events:none}.viz-bpm-action{position:absolute;top:14px;left:14px;z-index:4;pointer-events:none}.viz-quick-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.16);background:#0b0b18b8;color:#ffffffd1;box-shadow:0 10px 28px #0000005c;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:transform .15s,background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.viz-bpm-btn{display:none;flex-direction:column;gap:1px}.viz-bpm-value{font-size:.92rem;font-weight:800;letter-spacing:-.03em;line-height:1}.viz-bpm-label{font-size:.44rem;font-weight:700;letter-spacing:.16em;opacity:.72;line-height:1}.viz-quick-btn:hover{background:#19192ceb;color:#fff}.viz-quick-btn:active{transform:scale(.92)}#btn-viz-mixer{display:none;background:#60a5fa24;border-color:#60a5fa6b;color:#93c5fd}#btn-viz-mixer.active-mixer{background:#60a5fa38;border-color:#60a5fab3;color:#dbeafe}#btn-seq-panel-mixer,#btn-drum-panel-mixer{background:#60a5fa24;border-color:#60a5fa6b;color:#93c5fd}#btn-seq-panel-mixer.active-mixer,#btn-drum-panel-mixer.active-mixer{background:#60a5fa38;border-color:#60a5fab3;color:#dbeafe}#btn-viz-mute{background:#f59e0b24;border-color:#f59e0b6b;color:#fcd34d}#btn-viz-mute.muted{background:#f59e0b14;border-color:#f59e0b38;color:#f59e0b66}#btn-viz-bpm{background:#ef444424;border-color:#ef44446b;color:#fca5a5}#btn-viz-bpm:hover{background:#ef44443d;border-color:#ef4444a6;color:#fecaca}#btn-seq-panel-mute,#btn-drum-panel-mute{background:#f59e0b24;border-color:#f59e0b6b;color:#fcd34d}#btn-seq-panel-mute.muted,#btn-drum-panel-mute.muted{background:#f59e0b14;border-color:#f59e0b38;color:#f59e0b66}#btn-seq-panel-bpm,#btn-drum-panel-bpm{background:#ef444424;border-color:#ef44446b;color:#fca5a5}.fb-panel{height:100%;display:flex;flex-direction:column;background:#0a0816f2}.fb-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:7px 16px;border-bottom:1px solid var(--border)}.fb-header .section-title{margin:0}.fb-canvas-wrap{flex:1;min-height:0;padding:4px 12px 8px}#fb-canvas{display:block;width:100%;height:100%;cursor:pointer}.section-title{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(167,139,250,.12)}.control-group{margin-bottom:14px}.control-label{display:block;font-size:.65rem;color:#ffffff61;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.note-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.octave-ctrl{display:flex;align-items:center;gap:6px;margin-top:6px}.oct-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--text);cursor:pointer;font-size:1rem;width:28px;height:28px;line-height:1;transition:background .15s}.oct-btn:hover{background:#a78bfa2e;border-color:#a78bfa66}.oct-lbl{font-size:.78rem;color:#ffffff8c;min-width:38px;text-align:center}.note-btn{padding:5px 2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:var(--text);cursor:pointer;font-size:.68rem;text-align:center;transition:all .15s}.note-btn:hover{background:#a78bfa26;border-color:#a78bfa59}.note-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 0 8px #a78bfa59}.note-btn.active-chord{background:var(--accent2);border-color:var(--accent2);color:#071a10;font-weight:600;box-shadow:0 0 8px #34d39959}.note-btn.out-of-scale{opacity:.35}select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:var(--text);padding:6px 28px 6px 9px;font-size:.78rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}select:focus{border-color:#a78bfa66}select option{background:#1a1a2e}select.sm{padding:4px 22px 4px 7px;font-size:.7rem;width:auto}.chord-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.chord-btn{padding:5px 4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:var(--text);cursor:pointer;font-size:.68rem;text-align:center;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-btn:hover{background:#34d3991a;border-color:#34d39947}.chord-btn.active{background:#34d3992e;border-color:var(--accent2);color:var(--accent2);font-weight:600}.chord-btn.none-btn{color:#ffffff4d}.chord-btn.none-btn.active{background:#9696b414;border-color:#9696b440;color:#c8c8dc80}.info-table{width:100%;border-collapse:collapse;font-size:.7rem}.info-table th{color:#ffffff47;font-weight:500;text-align:left;padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.info-table td{padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.04)}.chips{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.chip{padding:2px 7px;border-radius:10px;font-size:.68rem;font-weight:500;border:1px solid transparent}.legend{display:flex;flex-direction:column;gap:4px;margin-top:6px}.legend-item{display:flex;align-items:center;gap:7px;font-size:.65rem;color:#ffffff61}.ld{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ll{width:18px;height:2px;border-radius:2px;flex-shrink:0}.toggle-row{display:flex;gap:3px}.toggle-btn{flex:1;padding:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:#ffffff59;cursor:pointer;font-size:.65rem;text-align:center;transition:all .15s}.toggle-btn.active{background:#60a5fa1f;border-color:#60a5fa59;color:var(--accent4)}.transport-box{margin-top:14px;padding:8px 12px;display:flex;gap:8px}.big-play-btn{flex:1;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#34d3992e,#34d39914);border:1px solid rgba(52,211,153,.45);border-radius:10px;color:var(--accent2);font-size:.95rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .2s}.big-play-btn:hover{background:#34d39940;border-color:#34d399b3}.big-stop-btn{flex:1;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#ef444429,#ef44440f);border:1px solid rgba(239,68,68,.45);border-radius:10px;color:#f87171;font-size:.95rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all .2s}.big-stop-btn:hover{background:#ef444440}#mobile-scale-strip{display:block;position:relative;height:0;min-height:0;padding:0;flex-shrink:0;background:transparent;border:0;overflow:visible;z-index:0}#mobile-scale-strip .mob-root-btn,#mobile-scale-strip .mob-root-lbl,#mobile-scale-strip .mob-sel{display:none!important}.mob-root-btn{width:26px;height:26px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mob-root-btn:active{background:#ffffff2e}.mob-root-lbl{font-size:1rem;font-weight:700;color:var(--accent3);min-width:24px;text-align:center;flex-shrink:0}.mob-sel{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffd9;font-size:.7rem;padding:5px 3px;min-width:60px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.mob-play-btn{width:36px;height:36px;border-radius:50%;background:#34d3992e;border:2px solid rgba(52,211,153,.55);color:var(--accent2);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.mob-play-btn:active{background:#34d39959}.mob-pause-btn{width:36px;height:36px;border-radius:50%;background:#f59e0b2e;border:2px solid rgba(245,158,11,.55);color:var(--accent2);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.mob-pause-btn:active{background:#f59e0b59}.mob-stop-btn{width:36px;height:36px;border-radius:50%;background:#ef44442e;border:2px solid rgba(239,68,68,.55);color:#f87171;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.temp-desc{margin-top:5px;font-size:.65rem;color:#ffffff4d;line-height:1.4;padding:5px 7px;background:#ffffff06;border-radius:5px;border:1px solid rgba(255,255,255,.05)}#slide-nav,#mob-footer{display:none}@media (max-width: 1100px) and (min-width: 1025px){#slide-scale{width:210px}.main-layout{grid-template-columns:1fr}#slide-chord{display:none}}@media (max-width: 1024px){#slide-scale{display:none}.main-layout{grid-template-columns:1fr}#slide-chord,.hdr-bpm,#btn-mixer{display:none}#btn-viz-mixer,#btn-viz-bpm,#btn-seq-panel-bpm,#btn-drum-panel-bpm{display:flex}.viz-transport{top:14px;left:14px;right:auto;flex-direction:row;align-items:flex-start;gap:8px}#btn-viz-mute{position:fixed;bottom:14px;right:14px;z-index:500;width:46px;height:46px;box-shadow:0 4px 18px #00000080}.viz-quick-actions{top:auto;right:auto;left:14px;bottom:14px}.viz-bpm-action{top:14px;right:14px;left:auto}#seq-wrap.open .panel-subheader,#drum-wrap.open .panel-subheader,#clips-wrap.open .panel-subheader{display:flex}}@media (max-width: 768px){html,body{height:100dvh;overflow:hidden}header h1{font-size:.75rem}.midi-bar{display:none}.hdr-btn{padding:5px 7px;font-size:.65rem;gap:3px}.hdr-btn .btn-text{display:none}.hdr-icon{font-size:1.1rem}.hdr-top{padding:5px 8px;gap:5px;flex-wrap:nowrap;overflow-x:auto}#outer-wrap{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch}#outer-wrap::-webkit-scrollbar{display:none}#slide-scale{display:none}#slides{display:contents}#mobile-scale-strip{display:block;position:relative;z-index:0}.main-layout{min-width:100vw;width:100vw;height:100%;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden}#slide-chord{display:none}.viz-panel{flex:1;min-height:0}#seq-wrap,#drum-wrap,#clips-wrap{min-width:100vw;width:100vw;height:100%!important;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;transition:none;border-top:none}#seq-wrap .seq-panel,#drum-wrap .seq-panel,#clips-wrap .seq-panel{flex:1;min-height:0}#seq-wrap .panel-subheader,#drum-wrap .panel-subheader,#clips-wrap .panel-subheader{display:flex;padding:8px 12px 6px}#btn-seq-panel-bpm,#btn-drum-panel-bpm,#btn-clips-panel-bpm,#btn-seq-params,#btn-drum-params,#seq-wrap .seq-sample-subheader-btn{display:flex}#seq-wrap .seq-sample-desktop-btn{display:none}#seq-params-drawer,#drum-params-drawer{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0}#seq-params-drawer.open,#drum-params-drawer.open{max-height:600px;padding-top:6px;padding-bottom:6px;opacity:1;border-bottom-width:1px}#seq-wrap .seq-header,#drum-wrap .seq-header,#clips-wrap .seq-header{flex-wrap:wrap;overflow-x:hidden;gap:6px 8px;padding:6px 12px}#seq-wrap .seq-header .seq-sep,#drum-wrap .seq-header .seq-sep,#clips-wrap .seq-header .seq-sep{width:100%;height:1px;background:#ffffff0f;margin:0}#seq-wrap .seq-header .seq-sl,#drum-wrap .seq-header .seq-sl{flex:1 1 0!important;width:0!important;min-width:60px!important}.wave-ctrl-bar{flex-direction:column;align-items:stretch;min-height:0;gap:6px;padding:8px 12px}.wave-btn-row{gap:4px}.wave-btn-row .wave-rand-sel{flex:0 0 auto}.wave-btn-row .wave-ctrl-btn{flex:1 1 0;min-width:0}.wave-btn-sep{display:none}.wave-rough-row{gap:6px}.wave-rough-sl{flex:1 1 0;min-width:0}#seq-sample-bar{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;min-height:0}#sample-name-lbl{flex-basis:100%;order:2}#seq-sample-bar .seq-sep{display:none}#sample-rec-btn,#sample-load-btn,#sample-trim-btn{flex:1 1 auto}#clips-wrap{height:auto!important;min-height:0;border-top:none!important}#clips-wrap .clips-grid{grid-template-rows:repeat(8,36px)}.mix-channel-master{border-left:1px solid rgba(255,255,255,.1);padding-left:8px;margin-left:4px}#mixer-wrap,#synth-wrap{position:fixed!important;top:0!important;right:0!important;z-index:700;height:100%!important;max-height:none!important;width:100%!important;left:0!important;bottom:0!important;background:#050312c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:none!important;opacity:0;pointer-events:none;transition:opacity .22s ease!important;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-end;border:none!important;box-shadow:none!important}#mixer-wrap.open,#synth-wrap.open{opacity:1!important;pointer-events:auto}#mixer-wrap .synth-panel,#synth-wrap .synth-panel{gap:8px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:auto;padding:0 12px 28px;background:#0c0a1cfa;border-radius:20px 20px 0 0;border-top:1px solid rgba(167,139,250,.22);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}#mixer-wrap .synth-panel{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}#mixer-wrap .mob-panel-handle,#mixer-wrap .mob-panel-hdr,#mixer-wrap .mix-fader-row{grid-column:1 / -1}#mixer-wrap .mix-fader-row{border-right:none;margin-right:0;justify-content:center;gap:20px;padding:8px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}#mixer-wrap .mix-channel{flex:1;max-width:120px}#mixer-wrap .mix-fader-cvs{height:148px}#synth-wrap .synth-panel{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}#synth-wrap .mob-panel-handle,#synth-wrap .mob-panel-hdr{grid-column:1 / -1}#mixer-wrap.open .synth-panel,#synth-wrap.open .synth-panel{transform:translateY(0)}#mixer-wrap .syn-group,#synth-wrap .syn-group{border-right:none;padding:8px 10px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.07);min-width:0}#synth-wrap .syn-group:has(.wave-grid){grid-column:span 2}#synth-wrap .wave-grid{grid-template-columns:1fr 1fr}#synth-wrap .wave-cvs{width:100%;height:28px}#mixer-wrap .mix-sep,#synth-wrap .mix-sep{display:none}.mob-fab{position:fixed;z-index:500;bottom:calc(var(--strip-h, 52px) + 10px);width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 18px #00000080;transition:transform .15s;-webkit-tap-highlight-color:transparent}.mob-fab:active{transform:scale(.88)}#mob-fab-mixer{left:12px;background:#60a5fa29;border:1.5px solid rgba(96,165,250,.55)}#mob-fab-mute{right:12px;background:#34d39929;border:1.5px solid rgba(52,211,153,.55);color:#6ee7b7}#mob-fab-mute.muted{background:#ef444429;border-color:#ef44448c;color:#f87171}.hdr-transport{display:none}.hdr-bpm{position:fixed;top:calc(var(--viz-top, 46px) + 10px);left:12px;right:auto;z-index:500;margin:0;padding:0;border:none;gap:6px;background:transparent}.hdr-bpm .tap-btn{display:none}#mob-btn-play,#mob-btn-pause,#mob-btn-stop{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #00000080;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}#mob-btn-play{background:#34d3992e;border:2px solid rgba(52,211,153,.6);color:#34d399}#mob-btn-pause{background:#f59e0b2e;border:2px solid rgba(245,158,11,.6);color:#f59e0b}#mob-btn-stop{background:#ef44442e;border:2px solid rgba(239,68,68,.6);color:#f87171}.viz-transport{top:12px;left:12px;right:auto;flex-direction:row;gap:8px}#mob-btn-play:active,#mob-btn-pause:active,#mob-btn-stop:active{transform:scale(.88)}body:not(.on-viz-slide) #mob-btn-play,body:not(.on-viz-slide) #mob-btn-pause,body:not(.on-viz-slide) #mob-btn-stop{visibility:hidden;pointer-events:none}#btn-viz-mute{bottom:calc(var(--strip-h, 52px) + 10px);right:12px;width:42px;height:42px}body:not(.on-viz-slide) #btn-viz-mute{visibility:hidden;pointer-events:none}.mob-panel-handle{width:36px;height:4px;border-radius:2px;background:#ffffff2e;margin:12px auto 10px;flex-shrink:0;align-self:center}.mob-panel-hdr{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.mob-panel-hdr-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.mob-panel-close{width:28px;height:28px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.mob-panel-close:active{background:#ffffff24}.vis-ctrl{width:100%}#fretboard-wrap{position:fixed!important;bottom:var(--strip-h, 52px);left:0;right:0;z-index:600;height:160px!important;background:var(--bg);transform:translateY(200vh);transition:transform .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;box-shadow:0 -4px 24px #0009;border-top:1px solid var(--border);display:block!important}#fretboard-wrap.open{transform:translateY(0)!important}#slide-nav{display:flex;justify-content:center;align-items:center;gap:7px;padding:5px 0 4px;background:#0b0b18f2;border-bottom:1px solid var(--border);flex-shrink:0}.slide-dot{width:6px;height:6px;border-radius:50%;background:#ffffff2e;transition:background .2s,transform .2s;cursor:pointer;border:none;padding:0}.slide-dot.active{background:var(--accent);transform:scale(1.4)}.viz-quick-actions{top:auto;right:auto;left:12px;bottom:12px;gap:8px}.viz-bpm-action{top:12px;right:12px;left:auto}.viz-quick-btn{width:42px;height:42px}.scale-picker-pop{width:min(420px,calc(100vw - 24px));padding:16px 14px 14px;border-radius:22px}.scale-picker-columns{gap:8px}.scale-wheel-frame{height:224px}.scale-picker-item{min-height:52px;padding:0 6px;font-size:.75rem}#mob-footer{display:block;position:fixed;bottom:0;left:0;right:0;z-index:490;background:linear-gradient(180deg,#120e22f5,#0b0818f5);border-top:1px solid rgba(255,255,255,.08);transition:opacity .18s ease,transform .18s ease}body.on-viz-slide #mob-footer{opacity:0;pointer-events:none;transform:translateY(100%)}.mob-footer-inner{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.mob-footer-btn{width:42px;height:42px}#btn-mob-footer-bpm{display:flex}#btn-mob-footer-mute{background:#f59e0b24;border-color:#f59e0b6b;color:#fcd34d}#btn-mob-footer-mute.muted{background:#f59e0b14;border-color:#f59e0b38;color:#f59e0b66}#btn-mob-footer-mixer.active-mixer{background:#60a5fa38;border-color:#60a5fab3;color:#dbeafe}#seq-wrap .panel-subheader-group:first-child,#drum-wrap .panel-subheader-group:first-child,#clips-wrap .panel-subheader-group:first-child{display:none}#btn-seq-panel-mixer,#btn-seq-panel-bpm,#btn-drum-panel-mixer,#btn-drum-panel-bpm,#btn-clips-panel-mixer,#btn-clips-panel-bpm{display:none!important}#seq-wrap .panel-subheader,#drum-wrap .panel-subheader,#clips-wrap .panel-subheader{justify-content:center}#seq-wrap .panel-subheader-right,#drum-wrap .panel-subheader-right,#clips-wrap .panel-subheader-right{margin-left:0}#seq-wrap .seq-panel,#drum-wrap .seq-panel,#clips-wrap .clips-panel{padding-bottom:62px}}@keyframes tourPulse{0%,to{box-shadow:0 0 #a78bfab3}50%{box-shadow:0 0 0 8px #a78bfa00}}