.mpc-upload-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#08121b}.mpc-load-button,.mpc-upload-action{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #9a6a22;border-radius:6px;padding:8px 13px;font-weight:750;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 2px #00000080}.mpc-load-button.disabled{opacity:.48;cursor:not-allowed}.mpc-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mpc-panel,.mpc-source-card{width:100%;min-width:0}.mpc-heading-row,.mpc-midi-strip,.mpc-source-title-row,.mpc-source-actions,.mpc-slice-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mpc-midi-strip{margin-bottom:10px;padding:10px 12px;border:1px solid rgba(77,104,130,.55);border-radius:10px;background:linear-gradient(180deg,#111d2ae0,#070e16eb)}.mpc-input-guide{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin:0 0 14px;color:#9fb2c5;font-size:.74rem}.mpc-input-guide strong{color:#f0c66f;margin-right:5px}.mpc-midi-strip select{width:auto;min-width:180px;margin:0}.mpc-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:clamp(10px,1.3vw,18px)}.mpc-pad{--pad-velocity: 0;position:relative;display:grid;grid-template-rows:auto 1fr auto;align-items:center;min-width:0;min-height:110px;aspect-ratio:1.08 / 1;padding:12px;overflow:hidden;border:1px solid #45586a!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),transparent 24%),linear-gradient(180deg,#26323e,#17212b 45%,#101821)!important;color:#edf4fb!important;text-align:left;box-shadow:inset 0 2px 1px #ffffff14,inset 0 -8px 15px #00000042,0 7px #070b0f,0 12px 24px #00000042!important;transform:translateY(0) scale(1);transform-origin:center bottom;transition:transform 90ms ease,box-shadow .12s ease,border-color .12s ease,filter .12s ease;touch-action:none;-webkit-user-select:none;user-select:none}.mpc-pad:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:calc(var(--pad-velocity) * .75);background:radial-gradient(circle at 50% 65%,rgba(72,214,238,.48),transparent 68%);box-shadow:inset 0 0 calc(8px + (var(--pad-velocity) * 26px)) #48d6ee40}.pad-copy{position:relative;z-index:1;display:grid;align-content:center;gap:5px;min-width:0}.mpc-pad strong{overflow:hidden;text-overflow:ellipsis;font-size:clamp(.78rem,1.2vw,1rem);line-height:1.2}.pad-section{overflow:hidden;color:#85d7e6;font-size:.66rem;font-weight:750;letter-spacing:.06em;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pad-number,.pad-key{position:relative;z-index:1;color:#9fb1c2;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pad-number{justify-self:end}.pad-key{justify-self:start;min-width:34px;padding:5px 8px;border:1px solid rgba(241,184,75,.46);border-radius:6px;background:#25190680;color:#f6d38e;font-size:.82rem;text-align:center}.mpc-pad.active{transform:translateY(4px) scale(.985);border-color:#48d6eec7!important;filter:brightness(calc(1 + (var(--pad-velocity) * .16)));box-shadow:inset 0 2px 2px #ffffff0d,inset 0 -4px 12px #00000052,0 3px #070b0f,0 7px 16px #0000003d!important}.mpc-pad.selected{border-color:var(--amber)!important;box-shadow:inset 0 0 0 2px #f1b84b5c,inset 0 -8px 15px #00000042,0 7px #070b0f,0 0 20px #f1b84b29!important}.mpc-source-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(79,103,133,.08),transparent 40%),linear-gradient(180deg,#111c2af7,#070d15fa);box-shadow:inset 0 1px #ffffff09,0 16px 34px #0000002e}.mpc-source-title-row{margin-bottom:12px}.mpc-source-title-row h3{margin:0}.mpc-drop-target{display:grid;place-items:center;min-height:150px;padding:24px;border:2px dashed #6b82a0;border-radius:18px;background:radial-gradient(circle at 50% 15%,rgba(104,126,255,.09),transparent 58%),#060c146b;text-align:center;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.mpc-drop-target:hover{border-color:#8da5c9;background-color:#101b2a9e}.mpc-drop-target strong{color:#edf4fb;font-size:clamp(1.05rem,2vw,1.45rem)}.mpc-drop-target span{max-width:640px;color:#9fb2c5;line-height:1.5}.mpc-source-actions,.mpc-slice-actions{justify-content:flex-start;margin-top:12px}.mpc-source-readout{display:flex;justify-content:space-between;gap:12px;margin:15px 0 8px;color:#dce8f2;font-size:.78rem}.mpc-source-readout span{color:#8298ab;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mpc-waveform-shell{position:relative;min-height:220px;border:1px solid #31475c;border-radius:14px;overflow:hidden;background:linear-gradient(rgba(72,214,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(72,214,238,.04) 1px,transparent 1px),linear-gradient(180deg,#06111a,#03090f);background-size:100% 25%,5% 100%,100% 100%;box-shadow:inset 0 0 40px #00000057}.mpc-waveform-shell svg{display:block;width:100%;height:220px}.waveform-midline{stroke:#809eb838;stroke-width:.5}.waveform-peak{stroke:#58d8ec;stroke-width:.8;opacity:.88}.waveform-marker{stroke-width:1.5}.waveform-marker.start{stroke:#f1b84b}.waveform-marker.end{stroke:#8da7ff}.waveform-empty{fill:#748a9f;font-size:6px}.mpc-marker-sliders,.mpc-slice-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.mpc-slice-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.mpc-marker-sliders label,.mpc-slice-controls label{min-width:0;color:#8da1b3;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.mpc-pad-label-editor{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(77,104,130,.5);border-radius:12px;background:#050c147a}.mpc-pad-label-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.mpc-pad-label-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.mpc-pad-label-fields label{min-width:0;color:#8da1b3;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.mpc-pad-label-fields input{width:100%;margin-top:5px}.mpc-source-status{margin-top:12px}.vintage-upload-strip{margin-top:10px}@media(max-width:900px){.mpc-slice-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mpc-pad-label-fields{grid-template-columns:1fr 1fr}.mpc-pad-label-fields button{grid-column:1 / -1}}@media(max-width:760px){.mpc-grid{grid-template-columns:repeat(4,minmax(82px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px}.mpc-pad{min-height:92px;border-radius:13px!important;padding:9px}.mpc-waveform-shell,.mpc-waveform-shell svg{height:180px;min-height:180px}}@media(max-width:620px){.mpc-upload-strip,.mpc-midi-strip,.mpc-source-actions,.mpc-slice-actions{align-items:stretch}.mpc-load-button,.mpc-midi-strip button,.mpc-midi-strip select,.mpc-source-actions>*,.mpc-slice-actions>*{width:100%}.mpc-grid{grid-template-columns:repeat(4,minmax(72px,1fr));gap:7px}.mpc-input-guide{display:grid;gap:5px;font-size:.7rem}.mpc-pad{min-height:84px;padding:8px}.mpc-drop-target{min-height:128px;padding:18px 12px}.mpc-marker-sliders,.mpc-slice-controls,.mpc-pad-label-fields{grid-template-columns:1fr}.mpc-pad-label-fields button{grid-column:auto}}@media(prefers-reduced-motion:reduce){.mpc-pad,.mpc-drop-target{transition:none}}.mpc-quick-name{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(180px,1fr) auto;gap:10px;align-items:center;margin-top:14px;padding:12px;border:1px solid rgba(83,112,139,.62);border-radius:12px;background:linear-gradient(180deg,#111d2beb,#050c13f5);box-shadow:inset 0 1px #ffffff09}.mpc-quick-name>div{display:grid;gap:3px}.mpc-quick-name>div strong{color:#e9f2fb;font-size:.88rem}.mpc-quick-name input{width:100%;min-width:0}@media(max-width:680px){.mpc-quick-name{grid-template-columns:1fr}.mpc-quick-name button{width:100%}}.sampler-input-record-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:stretch}.sampler-mode-bank{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px}.sampler-record-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(116,185,255,.24);border-radius:14px;background:#081222b8}.sampler-instrument-capture{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid rgba(241,184,75,.24);border-radius:12px;background:#0812229e}.sampler-instrument-capture .sampler-record-actions button{min-width:92px}.sampler-record-controls,.sampler-record-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.sampler-record-controls label{display:grid;gap:6px;min-width:180px;flex:1 1 180px}.sampler-record-status{min-height:1.25rem}.production-world-panel{display:grid;gap:14px;margin-top:16px}.production-world-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.production-world-button{min-height:86px;display:grid;align-content:center;gap:5px;text-align:left}.production-world-button strong{color:#dce8f2;font-size:.82rem}.production-world-button small{color:#7e93a6;font-size:.68rem;line-height:1.35}.production-world-button.active{border-color:#9b6a23!important;background:linear-gradient(180deg,#34240f,#17130c)!important;box-shadow:inset 0 -2px #f1b84b,0 0 18px #f1b84b14}.production-world-button.active strong{color:#f1b84b}.production-world-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.production-world-controls label{display:grid;gap:5px;min-width:0;color:#8da1b3;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.production-world-controls output{color:#48d6ee;font:.72rem ui-monospace,SFMono-Regular,Menlo,monospace}.chop-workspace{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.chop-editor{display:grid;gap:14px;width:100%}.chop-range-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chop-range-controls label{display:grid;gap:6px}.chop-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.chop-letter-bank{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.chop-letter-card{display:grid;gap:6px}.chop-letter-card.selected .chop-letter-tile{outline:2px solid rgba(241,184,75,.96);outline-offset:3px;transform:translateY(-1px)}.chop-letter-tile{display:grid;grid-template-rows:auto auto auto;gap:7px;min-height:112px;padding:14px;text-align:left;cursor:grab;border-radius:14px;border:1px solid rgba(116,185,255,.28);background:linear-gradient(145deg,#11d6ff33,#0b131df0);box-shadow:inset 0 1px #ffffff12,0 8px 22px #0000002e;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.chop-letter-card:nth-child(5n+2) .chop-letter-tile{background:linear-gradient(145deg,#f1b84b42,#0b131df0)}.chop-letter-card:nth-child(5n+3) .chop-letter-tile{background:linear-gradient(145deg,#74b9ff3d,#0b131df0)}.chop-letter-card:nth-child(5n+4) .chop-letter-tile{background:linear-gradient(145deg,#a474ff3b,#0b131df0)}.chop-letter-card:nth-child(5n) .chop-letter-tile{background:linear-gradient(145deg,#ff74a338,#0b131df0)}.chop-letter-tile:hover{transform:translateY(-1px);border-color:#85deff80}.chop-letter-tile:active{cursor:grabbing;transform:translateY(1px)}.chop-letter-tile strong{font-size:2.15rem;line-height:1;letter-spacing:.04em}.chop-letter-tile span,.chop-letter-tile small{display:block}.chop-clear-assignment{width:100%}.full-keyboard-scroll{touch-action:pan-x;overscroll-behavior-x:contain}.full-keyboard-bed{touch-action:pan-x}.key-chop-letter{position:absolute;left:50%;bottom:34px;transform:translate(-50%);display:grid;place-items:center;width:30px;height:38px;border-radius:7px;pointer-events:none;font-weight:900;font-size:.9rem;line-height:1;color:#f7fbff;background:linear-gradient(180deg,#11d6ffeb,#0c749eeb);border:1px solid rgba(211,247,255,.76);box-shadow:inset 0 1px #ffffff52,0 4px 10px #00000057,0 0 12px #11d6ff33;transition:transform 90ms ease,filter 90ms ease,box-shadow 90ms ease}.key-chop-letter[data-chop-letter=B],.key-chop-letter[data-chop-letter=G],.key-chop-letter[data-chop-letter=L],.key-chop-letter[data-chop-letter=Q],.key-chop-letter[data-chop-letter=V]{background:linear-gradient(180deg,#f1b84bfa,#a96814f5);box-shadow:inset 0 1px #ffffff47,0 4px 10px #00000057,0 0 12px #f1b84b2e}.key-chop-letter[data-chop-letter=C],.key-chop-letter[data-chop-letter=H],.key-chop-letter[data-chop-letter=M],.key-chop-letter[data-chop-letter=R],.key-chop-letter[data-chop-letter=W]{background:linear-gradient(180deg,#74b9fffa,#355eb3f5)}.key-chop-letter[data-chop-letter=D],.key-chop-letter[data-chop-letter=I],.key-chop-letter[data-chop-letter=N],.key-chop-letter[data-chop-letter=S],.key-chop-letter[data-chop-letter=X]{background:linear-gradient(180deg,#aa7bfffa,#6337aef5)}.key-chop-letter[data-chop-letter=E],.key-chop-letter[data-chop-letter=J],.key-chop-letter[data-chop-letter=O],.key-chop-letter[data-chop-letter=T],.key-chop-letter[data-chop-letter=Y]{background:linear-gradient(180deg,#ff79a9fa,#ae3e6ff5)}.piano-key.active .key-chop-letter{transform:translate(-50%) translateY(2px) scale(.96);filter:brightness(1.18);box-shadow:inset 0 1px #ffffff4d,0 1px 5px #00000059,0 0 18px #11d6ff66}.black-key .key-chop-letter{bottom:10px;width:19px;height:26px;border-radius:5px;font-size:.68rem}.sampler-source-actions{display:flex;gap:8px;flex-wrap:wrap}.sampler-waveform-editor{position:relative;min-height:180px;overflow:hidden;border:1px solid rgba(116,185,255,.28);border-radius:14px;background:linear-gradient(180deg,#050d18f5,#081222e0);box-shadow:inset 0 0 28px #00000057;cursor:crosshair;-webkit-user-select:none;user-select:none}.sampler-waveform-editor.disabled{opacity:.55;cursor:default}.sampler-waveform-bars{position:absolute;inset:16px 0;display:flex;align-items:center;gap:1px;pointer-events:none}.sampler-waveform-bar{flex:1 1 0;min-width:1px;transform-origin:center;border-radius:999px;background:#85deffb8;box-shadow:0 0 4px #11d6ff38}.sampler-waveform-fallback{position:absolute;left:0;right:0;top:50%;height:1px;background:#85deff5c}.sampler-waveform-selection{position:absolute;top:0;bottom:0;border-left:1px solid rgba(17,214,255,.9);border-right:1px solid rgba(17,214,255,.9);background:#11d6ff1f;box-shadow:inset 0 0 22px #11d6ff14;pointer-events:none}.sampler-waveform-handle{position:absolute;top:0;bottom:0;width:28px;transform:translate(-14px);cursor:ew-resize;touch-action:none;z-index:3}.sampler-waveform-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#f1b84beb;box-shadow:0 0 8px #f1b84b57}.sampler-waveform-handle:focus-visible{outline:2px solid rgba(241,184,75,.9);outline-offset:-4px}@media(prefers-reduced-motion:reduce){.chop-letter-tile,.key-chop-letter{transition:none}}@media(max-width:860px){.production-world-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.production-world-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.sampler-input-record-grid,.chop-workspace{grid-template-columns:1fr}.sampler-mode-bank{grid-template-columns:repeat(3,minmax(82px,1fr))}}@media(max-width:560px){.production-world-bank,.production-world-controls{grid-template-columns:1fr}.sampler-mode-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.chop-range-controls{grid-template-columns:1fr}.chop-letter-bank{grid-auto-flow:column;grid-auto-columns:minmax(138px,46vw);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 2px 8px;scroll-snap-type:x proximity}.chop-letter-card{scroll-snap-align:start}.sampler-record-controls,.sampler-record-actions,.sampler-source-actions,.chop-actions{align-items:stretch}.sampler-record-controls>*,.sampler-record-actions>*,.sampler-source-actions>*,.chop-actions>*{width:100%}}.advanced-sampling-recorder{margin-top:14px;padding:16px;border-color:#35546b;background:radial-gradient(circle at 100% 0%,rgba(72,214,238,.08),transparent 34%),linear-gradient(180deg,#0c1722,#071019)}.advanced-sampling-recorder .panel-heading-line{margin-bottom:8px}.universal-midi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:13px}.universal-midi-compatibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.universal-midi-compatibility>div{display:grid;gap:5px;min-height:88px;padding:11px 12px;border:1px solid #2f475b;border-radius:7px;background:linear-gradient(180deg,#0d1a27,#09131d)}.universal-midi-compatibility strong{color:#e5edf5;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.universal-midi-compatibility span{color:#7f95a8;font-size:.7rem;line-height:1.45}.universal-midi-device-list{display:grid;gap:7px;margin-top:12px}.universal-midi-device-list article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #30485b;border-radius:6px;background:#08121b}.universal-midi-device-led{width:9px;height:9px;border-radius:50%;background:#4ed98e;box-shadow:0 0 12px #4ed98e8c}.universal-midi-device-list article div{display:grid;gap:2px}.universal-midi-device-list strong{color:#e7eef5;font-size:.78rem}.universal-midi-device-list small{color:#7690a4;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.universal-midi-device-list em{color:#58d8ec;font:800 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.1em}.universal-midi-empty{margin-top:12px;padding:14px;border:1px dashed #31475a;border-radius:6px;color:#72889b;text-align:center;font-size:.72rem}.universal-midi-monitor{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:10px;padding:9px 11px;border:1px solid #214c58;border-radius:5px;background:#031217}.universal-midi-monitor span{color:#5b8791;font:800 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.universal-midi-monitor strong{color:#69def1;font:700 .7rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:820px){.universal-midi-compatibility{grid-template-columns:1fr}}@media(max-width:520px){.universal-midi-device-list article{grid-template-columns:10px minmax(0,1fr)}.universal-midi-device-list em{grid-column:2}.universal-midi-monitor{grid-template-columns:1fr}}.track-lane.selected{border-color:#8c672d;box-shadow:inset 3px 0 0 var(--amber),0 0 16px #f1b84b0d}.select-track-button.track-id-block{width:100%;min-height:100%;border:0!important;border-right:1px solid #263b4e!important;border-radius:0!important;padding:0!important;background:#071019!important;color:var(--amber)!important;box-shadow:none!important}.select-track-button.track-id-block:hover{background:#0b1823!important;filter:none!important}.track-file-controls{display:grid;grid-template-columns:1fr auto;gap:4px}.track-file-button,.track-file-controls button{min-height:28px!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid #40556a;border-radius:4px;padding:4px 7px!important;background:#0d1a26;color:#a9bdcc;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.track-file-button:hover,.track-file-controls button:hover{border-color:#876124;color:var(--amber)}.track-clip{position:absolute;z-index:1;inset:9px 12px;min-height:50px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;gap:4px;padding:7px 10px!important;overflow:hidden;border:1px solid #33788b!important;border-radius:4px!important;background:linear-gradient(90deg,#164d5bd1,#0d2e3bb3)!important;color:#d9f9ff!important;text-align:left;box-shadow:inset 0 0 18px #48d6ee0d!important}.track-clip strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.track-clip small{color:#84b9c4;font:.58rem ui-monospace,monospace}.track-clip.missing{border-color:#84652d!important;background:linear-gradient(90deg,#563c13b3,#322511b3)!important;color:#ffe2a2!important}.track-empty-readout{position:absolute;inset:0;display:grid;place-items:center;color:#4d6679;font:700 .58rem ui-monospace,monospace;letter-spacing:.13em}.track-eq-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.track-eq-controls label{display:grid;gap:5px;color:#8da1b3;font-size:.64rem;font-weight:800;letter-spacing:.08em}.track-eq-controls input{margin:0}.track-eq-controls output{color:var(--cyan);font:.68rem ui-monospace,monospace}@media(max-width:760px){.track-eq-controls{grid-template-columns:1fr}.track-file-controls{grid-template-columns:1fr 1fr}}.track-convert-panel{margin:12px 0;display:grid;gap:14px}.track-convert-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.track-convert-heading h3{margin:2px 0 0;color:#edf4f9;font-size:1rem}.track-convert-quality{flex:0 0 auto;padding:9px 11px;border:1px solid #315d69;border-radius:7px;background:#06141b;color:var(--cyan);font:800 .68rem/1 ui-monospace,monospace;letter-spacing:.04em}.track-convert-actions{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(260px,1.35fr) auto;gap:12px;align-items:end}.track-convert-actions>label{min-width:0;color:#8da1b3;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.track-convert-selected{min-height:66px;display:grid;align-content:center;gap:3px;padding:8px 11px;border:1px solid #2d4050;border-radius:7px;background:#07121b}.track-convert-selected strong{color:#f0f5f8;font-size:.82rem}.track-convert-selected span{color:var(--cyan);font:700 .64rem ui-monospace,monospace}.track-convert-selected small{color:#7f92a1;line-height:1.35}.track-convert-button{min-height:66px!important;min-width:138px;font-weight:900!important;letter-spacing:.06em}.track-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.track-format-card{min-height:102px!important;display:grid!important;align-content:start;justify-items:start;gap:5px;padding:10px!important;text-align:left;border-color:#334656!important;background:linear-gradient(180deg,#0c1721,#071018)!important;color:#dbe5ed!important}.track-format-card strong{color:#eef5f9;font-size:.78rem}.track-format-card span{color:#79cddd;font:700 .6rem ui-monospace,monospace}.track-format-card small{color:#708594;font-size:.59rem;line-height:1.35}.track-format-card.active{border-color:#9b6a23!important;box-shadow:inset 0 -2px 0 var(--amber),0 0 16px #f1b84b12!important}@media(max-width:920px){.track-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-convert-actions{grid-template-columns:1fr 1fr}.track-convert-button{grid-column:1 / -1;min-height:48px!important}}@media(max-width:620px){.track-convert-heading{flex-direction:column}.track-convert-quality{width:100%}.track-convert-actions,.track-format-grid{grid-template-columns:1fr}.track-convert-button{grid-column:auto}}.track-automation-editor{display:grid;gap:12px}.automation-create-row{display:grid;grid-template-columns:160px minmax(220px,1fr) auto;gap:10px;align-items:end}.automation-create-row label,.automation-point-row label{display:grid;gap:5px;color:#8da1b3;font-size:.62rem;font-weight:800;letter-spacing:.07em}.automation-create-row input[type=number],.automation-point-row input[type=number]{min-height:34px;border:1px solid #354b5d;border-radius:5px;padding:5px 8px;background:#07131d;color:#dcebf3}.automation-create-row output,.automation-point-row output{color:var(--cyan);font:.66rem ui-monospace,monospace}.automation-create-row label>span{color:#60798a;font:.58rem ui-monospace,monospace}.automation-create-row>button{min-height:54px!important}.automation-lane{position:relative;height:150px;overflow:hidden;border:1px solid #31495b;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.05) calc(12.5% - 1px),rgba(255,255,255,.05) 12.5%),repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.04) calc(25% - 1px),rgba(255,255,255,.04) 25%),#061019}.automation-base-line{position:absolute;left:0;right:0;bottom:80%;height:1px;background:#48d6ee40}.automation-empty{position:absolute;inset:0;display:grid;place-items:center;color:#526a7a;font:700 .58rem ui-monospace,monospace;letter-spacing:.11em}.automation-node{position:absolute;z-index:2;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;transform:translate(-50%,50%);border:1px solid #d69e39!important;border-radius:50%!important;background:#171008!important;color:#ffd989!important;box-shadow:0 0 12px #f1b84b2e!important}.automation-node span{font:800 .58rem ui-monospace,monospace}.automation-point-list{display:grid;gap:7px}.automation-point-row{display:grid;grid-template-columns:90px 150px minmax(220px,1fr) auto;gap:10px;align-items:end;padding:8px 10px;border:1px solid #2c4050;border-radius:6px;background:#08131d}.automation-point-row strong{align-self:center;color:var(--amber);font:800 .62rem ui-monospace,monospace;letter-spacing:.06em}.automation-point-row>button{min-height:34px!important}.automation-note{margin:0}@media(max-width:820px){.automation-create-row{grid-template-columns:1fr 1fr}.automation-create-row>button{grid-column:1 / -1}.automation-point-row{grid-template-columns:1fr 1fr}.automation-point-row strong{grid-column:1 / -1}}@media(max-width:560px){.automation-create-row,.automation-point-row{grid-template-columns:1fr}.automation-create-row>button,.automation-point-row strong{grid-column:auto}}.clip-placement-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:10px;padding:10px 12px}.clip-placement-toolbar label{display:grid;grid-template-columns:auto 92px auto;gap:7px;align-items:center;color:#8da1b3;font:800 .62rem ui-monospace,monospace}.clip-placement-toolbar input,.clip-start-control input{min-width:0;border:1px solid #354b5d;border-radius:4px;background:#07131d;color:#dcebf3}.track-timeline{overflow:hidden}.track-clip.arranged{inset:7px auto 7px 0;min-width:92px;min-height:54px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 62px 58px 58px 48px 24px;padding:4px 5px!important;gap:5px;align-items:center!important}.clip-select{min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;text-align:left!important;padding:3px!important}.clip-select strong,.clip-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-start-control{display:grid;gap:2px;color:#84b9c4;font:700 .5rem ui-monospace,monospace}.clip-start-control input{width:64px;padding:3px;font-size:.58rem}.clip-trim-control{display:grid;gap:2px;color:#84b9c4;font:700 .5rem ui-monospace,monospace}.clip-trim-control input{width:54px;min-width:0;padding:3px;border:1px solid #354b5d;border-radius:4px;background:#07131d;color:#dcebf3;font-size:.58rem}.clip-split{min-width:44px!important;min-height:28px!important;padding:3px 5px!important;font-size:.55rem!important;text-transform:uppercase}.clip-remove{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:50%!important}.clip-relink-note{position:absolute;right:5px;bottom:2px;z-index:3;color:#e9b95e;font:700 .48rem ui-monospace,monospace}@media(max-width:760px){.clip-placement-toolbar{align-items:stretch;flex-direction:column}.track-clip.arranged{grid-template-columns:minmax(0,1fr) 48px 24px}.clip-start-control,.clip-trim-control{display:none}}.track-clip.arranged[draggable=true]{cursor:grab;touch-action:pan-y}.track-clip.arranged[draggable=true]:active{cursor:grabbing}.track-clip.arranged[draggable=true]:before{content:"⋮⋮";position:absolute;left:3px;top:50%;transform:translateY(-50%);color:#7ecddd8c;font:700 .55rem ui-monospace,monospace;pointer-events:none}.track-clip.arranged[draggable=true] .clip-select{padding-left:10px!important}.vintage-board-shell{background:radial-gradient(circle at 18% 0%,rgba(69,82,104,.16),transparent 28rem),linear-gradient(180deg,#111925,#0b121b)}.vintage-board-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.78fr);gap:14px}.vintage-board-main,.vintage-control-rail{display:grid;gap:12px;align-content:start}.vintage-source-editor{display:grid;gap:10px;min-width:0}.vintage-source-readout{justify-self:end;min-width:150px;padding:13px 16px;border:1px dashed #596b86;border-radius:10px;background:#0d131d;text-align:center}.vintage-source-readout strong{display:block;color:#eef3fb;font:900 1.55rem/1 ui-monospace,monospace}.vintage-source-readout span{display:block;margin-top:7px;color:#8998ad;font:800 .58rem/1.2 ui-monospace,monospace;letter-spacing:.11em}.vintage-pad-bank{padding:16px;background:linear-gradient(180deg,#ffffff05,#0000001c),#101722}.vintage-pad-bank .mpc-panel{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.vintage-pad-bank .module-heading{display:none}.vintage-pad-bank .mpc-grid{gap:12px}.vintage-pad-bank .mpc-pad{border-color:#526176!important}.vintage-pad-bank .mpc-pad.active{border-color:#7a6dff!important;box-shadow:inset 0 2px 2px #ffffff0d,inset 0 -4px 12px #00000052,0 3px #070b0f,0 0 20px #6c5cff2e!important}.vintage-control-rail>.hardware-subpanel{background:linear-gradient(180deg,#121b28,#0b131d)}.vintage-character-bank,.vintage-machine-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.vintage-rail-knobs{display:grid;gap:14px}@media(max-width:920px){.vintage-board-grid{grid-template-columns:1fr}.vintage-control-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.vintage-rail-knobs{grid-column:1 / -1}}@media(max-width:620px){.vintage-control-rail{grid-template-columns:1fr}.vintage-source-readout{width:100%}.vintage-pad-bank .mpc-grid{gap:8px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef5;background:#060b11;font-synthesis:none;text-rendering:optimizeLegibility;--page: #060b11;--panel: #0b131d;--panel-2: #101b28;--panel-3: #162333;--line: #26384a;--line-bright: #3c5369;--text: #e8eef5;--muted: #91a3b5;--amber: #f1b84b;--amber-deep: #b97816;--cyan: #48d6ee;--red: #ef625f;--green: #6fd09d}*{box-sizing:border-box}html,body,#root{max-width:100%;min-height:100%}html{background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(41,74,106,.28),transparent 34rem),linear-gradient(180deg,#09111a,#060b11 45%,#04080d)}button,input,select{font:inherit}button,.button-link{cursor:pointer;min-height:42px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.045em;line-height:.95}h2{margin-bottom:10px;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.025em}h3{margin-bottom:8px;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.studio-shell{width:min(1380px,100%);margin:0 auto;padding:18px clamp(12px,2.4vw,34px) 42px}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:10px;padding:15px 18px;border:1px solid #243547;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#111d29,#09121c);box-shadow:inset 0 1px #ffffff0a,0 14px 40px #00000057}.studio-brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid #6d4e1d;border-radius:8px;background:radial-gradient(circle at 35% 25%,#fbd47f,#d29128 58%,#6f4410);color:#15110a;font-weight:900;letter-spacing:-.08em;box-shadow:inset 0 0 0 2px #120d0647,0 0 20px #f1b84b24}.section-kicker{margin-bottom:5px;color:#7f95a9;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.studio-utilities{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.utility-button,.hardware-panel button,.hardware-subpanel button,.file-button,.button-link{border:1px solid #354b60;border-radius:6px;padding:8px 13px;background:linear-gradient(180deg,#1d2c3c,#101a25);color:#dce6ef;text-decoration:none;font-weight:750;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff0f,0 2px #00000080}.utility-button:hover,.hardware-panel button:hover,.button-link:hover{border-color:#62788d;filter:brightness(1.08)}.enable-audio{border-color:#3d8190;color:#9bebfa}.studio-status-row{display:flex;flex-wrap:wrap;gap:8px;min-height:28px;margin:0 2px 10px}.audio-status,.project-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #283d50;border-radius:4px;background:#08101a;color:#90a7bb;font-size:.76rem}.error-banner{margin-bottom:10px;padding:10px 12px;border:1px solid #813b3d;border-radius:6px;background:#38181c;color:#ffd5d3}.studio-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:4px;border:1px solid #273a4c;border-radius:8px;background:#070d13;box-shadow:inset 0 1px 8px #000000b3}.studio-tab{min-width:0;min-height:46px;padding:8px 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:#889bad;font-size:clamp(.68rem,1.1vw,.82rem);font-weight:850;letter-spacing:.045em;text-transform:uppercase}.studio-tab:hover{background:#111c27;color:#dce8f2}.studio-tab.active{border-color:#6d4e20;background:linear-gradient(180deg,#241c11,#15130f);color:#f1b84b;box-shadow:inset 0 -2px #f1b84b,0 0 16px #f1b84b14}.hardware-panel{max-width:100%;border:1px solid #2a3d50;border-radius:8px;background-color:#0b131d;background-image:linear-gradient(180deg,#ffffff05,#00000014);box-shadow:inset 0 1px #ffffff09,inset 0 -1px #000000b8,0 13px 34px #00000047}.master-bus{margin-top:8px;padding:12px 14px}.master-bus-title{display:flex;align-items:baseline;gap:10px;padding-bottom:8px;border-bottom:1px solid #223446}.master-bus-title h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.11em;color:#dce7f1}.master-bus-title .section-kicker{margin:0;color:var(--amber)}.master-bus-grid{display:grid;grid-template-columns:.7fr .6fr .8fr 1.2fr .9fr 1fr 1.1fr;gap:10px;padding-top:10px}.parameter-control,.toggle-control,.big-knob-control,.track-fader,.track-pan,.trim-controls label,.parameter-strip label{min-width:0;color:#8da1b3;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.parameter-control{display:grid;align-content:start;gap:4px}.toggle-control{display:flex;align-items:center;justify-content:center;gap:8px}.parameter-control output,.big-knob-control output,.track-fader output,.track-pan output,.trim-controls output{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}input,select{width:100%;min-height:36px;margin-top:5px;border:1px solid #32495d;border-radius:4px;padding:7px 9px;background:#071019;color:#dce8f2}input[type=radio],input[type=checkbox]{width:auto;min-height:0;margin:0 6px 0 0;accent-color:var(--amber)}input[type=range]{min-height:20px;padding:0;accent-color:var(--cyan)}select{color-scheme:dark}input:disabled{opacity:.42}.studio-workspace{padding-top:8px}.asr-studio,.drumizer-studio,.vintage-studio,.track-studio,.trimmer-studio,.youtube-studio{padding:clamp(14px,2vw,24px)}.module-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #26394a}.module-title-row h2{margin-bottom:0;color:#f0f4f8}.module-led{flex:0 0 auto;padding:6px 9px;border:1px solid #426273;border-radius:4px;background:#07151b;color:var(--cyan);font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;box-shadow:inset 0 0 13px #48d6ee14}.disabled-led{border-color:#65532f;background:#17130b;color:var(--amber)}.vintage-led{border-color:#755329;background:#181209;color:#f6bf56}.hardware-subpanel{border:1px solid #2a3d50;border-radius:6px;padding:13px;background:linear-gradient(180deg,#111c28,#0a131d);box-shadow:inset 0 1px #ffffff08,inset 0 0 24px #00000024}.module-note{margin:6px 0 0;color:#7e93a6;font-size:.76rem;line-height:1.5}.inline-error{margin:7px 0 0;color:#ff9d9a;font-size:.78rem}.panel-heading-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.numeric-display{display:inline-block;padding:7px 10px;border:1px solid #3d5967;border-radius:4px;background:#031117;color:#69def1;font:800 .8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 0 9px rgba(72,214,238,.28)}.large-display{padding:11px 13px;font-size:1.25rem}.cyan-button{border-color:#348399!important;background:linear-gradient(180deg,#145163,#0a3541)!important;color:#b9f5ff!important}.amber-button{border-color:#9a6a22!important;background:linear-gradient(180deg,#513714,#2d200f)!important;color:#ffd783!important}.record-button{border-color:#754043!important;color:#ffaaa7!important}.record-button.active{background:#6a2227!important;border-color:#d95857!important;color:#fff0ef!important;box-shadow:0 0 16px #ef625f2e}.button-link{display:inline-flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{display:grid;place-items:center;min-height:260px;border:1px dashed #405165;border-radius:6px;background:#081019;color:#74899c;text-align:center;padding:20px}.asr-top-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:10px}.sample-drop-panel,.instrument-panel{min-height:155px;border:1px solid #2a3d50;border-radius:6px;padding:13px;background:#0a141e}.sample-drop-panel{display:grid;grid-template-columns:auto 1fr;align-content:start;gap:8px 14px}.sample-drop-panel .section-kicker{grid-column:1 / -1}.studio-file-button{align-self:start;border-color:#876124;background:linear-gradient(180deg,#493317,#241a0e);color:#ffd47e}.sample-readout{min-width:0;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid #263c4d;border-radius:4px;background:#061017}.sample-readout strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfeaf3;font-size:.78rem}.sample-readout span{color:#6f879a;font:.7rem ui-monospace,monospace}.sample-drop-panel .module-note,.sample-drop-panel .inline-error,.asr-transport{grid-column:1 / -1}.asr-transport,.trimmer-transport,.drumizer-transport,.track-transport{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.instrument-panel{display:flex;flex-direction:column}.instrument-strip,.button-bank{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.instrument-button{min-width:0;padding-inline:7px!important;color:#91a5b6!important}.instrument-button.active,.vintage-choice.active,.machine-choice.active,.processor-tabs button[aria-pressed=true]{border-color:#9b6a23!important;background:#34240f!important;color:var(--amber)!important;box-shadow:inset 0 -2px 0 var(--amber)}.pitch-tune-panel{margin-top:10px}.parameter-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:end}.parameter-strip label{display:grid;gap:2px}.studio-mode-fieldset{margin:0;min-width:0;border:1px solid #31475a;border-radius:4px;padding:7px 9px;color:#8498aa;font-size:.69rem}.studio-mode-fieldset label{display:inline-flex;align-items:center;margin:4px 8px 0 0}.asr-keyboard-wrap{margin-top:10px}.keyboard-panel{min-height:auto;padding:13px;border:1px solid #2a3d50;border-radius:6px;background:#08111a;box-shadow:none}.keyboard-panel .module-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.keyboard-panel .module-heading h2{margin-bottom:0;font-size:1rem}.keyboard-grid{display:grid;grid-template-columns:repeat(13,minmax(48px,1fr));gap:2px;overflow-x:auto;padding:8px 0 4px}.piano-key{min-width:48px;min-height:158px;border:1px solid #304152;border-radius:2px 2px 5px 5px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:8px 5px;touch-action:manipulation}.white-key{background:linear-gradient(180deg,#dce4e9,#9ba9b3);color:#0b1116}.black-key{min-height:112px;background:linear-gradient(180deg,#202b35,#060a0e);color:#e1e8ee}.piano-key.active{outline:2px solid var(--amber);outline-offset:-2px}.drumizer-top-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:10px}.drumizer-parameters{grid-template-columns:repeat(4,minmax(0,1fr))}.stem-button{margin-top:10px}.compact-pitch-panel{margin-top:0}.compact-pitch-panel .parameter-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.pad-bank-panel{margin-top:10px}.mpc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mpc-pad{position:relative;min-width:0;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:11px;border:1px solid #45566a!important;border-radius:7px!important;background:linear-gradient(145deg,#34404c,#17212b 58%,#101820)!important;color:#dce5ec!important;box-shadow:inset 0 2px 1px #ffffff0f,inset 0 -3px 5px #0000006b,0 3px 5px #00000057!important;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mpc-pad:hover,.mpc-pad.active{transform:translateY(1px);border-color:#c58e37!important;color:#fff3d7!important;box-shadow:inset 0 2px 10px #f1b84b1f,0 0 12px #f1b84b14!important}.pad-number,.pad-key{color:#8da1b2;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.mpc-pad strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.pad-key{align-self:flex-end}.drumizer-transport{margin-top:10px}.transport-readout{flex:1 1 240px;margin:0 0 0 6px;color:#8398aa;font-size:.74rem}.vintage-console{display:grid;grid-template-columns:.85fr 1.15fr 1fr;gap:10px}.vintage-section{min-height:210px}.button-bank,.machine-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.vintage-knobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.big-knob-control{display:grid;gap:8px;place-items:center;text-align:center}.big-knob-control input[type=range]{width:100%}.big-knob-control output{display:grid;place-items:center;width:62px;height:62px;border:6px solid #2b3d4c;border-radius:50%;background:#071018;color:var(--amber);font-size:.82rem;box-shadow:inset 0 0 0 1px #5d4523,inset 0 0 16px #000}.vintage-meter{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:end;height:34px;padding:5px;border:1px solid #293e50;background:#050c12}.vintage-meter i{height:100%;background:#172432}.vintage-meter i.lit{background:linear-gradient(180deg,#f1b84b,#9d6420);box-shadow:0 0 7px #f1b84b66}.track-transport{margin-bottom:10px;padding:9px;border:1px solid #2a3d50;border-radius:6px;background:#08121b}.track-lanes{display:grid;gap:5px}.track-lane{display:grid;grid-template-columns:58px minmax(130px,.75fr) minmax(260px,2.5fr) minmax(100px,.6fr) minmax(100px,.6fr);align-items:stretch;min-height:88px;border:1px solid #263b4e;border-radius:5px;background:#0a141e;overflow:hidden}.track-id-block{display:grid;place-items:center;align-content:center;background:#071019;border-right:1px solid #263b4e;color:var(--amber);font:900 1.1rem ui-monospace,monospace}.track-id-block small{margin-top:3px;color:#657d91;font-size:.55rem;letter-spacing:.12em}.track-meta{padding:8px;border-right:1px solid #263b4e}.track-meta input{margin:0 0 6px}.track-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.track-switches button{min-height:28px;padding:3px!important;font-size:.67rem}.track-switches button[aria-pressed=true]{border-color:#9c6b28!important;color:var(--amber)!important}.track-timeline{position:relative;min-height:68px;background:#071019;overflow:hidden}.timeline-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(72,214,238,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 100%,100% 22px}.track-fader,.track-pan{display:grid;align-content:center;gap:2px;padding:7px;border-left:1px solid #263b4e}.processor-panel{margin-top:10px;display:grid;grid-template-columns:110px 1fr;padding:0;overflow:hidden}.processor-tabs{display:grid;padding:7px;gap:4px;border-right:1px solid #2a3d50}.processor-tabs button{min-height:32px}.processor-display{min-height:118px;padding:12px;background:#071019}.eq-grid{height:72px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:3px;border-bottom:1px solid #425466}.eq-grid i{height:calc(18px + var(--i, 0px));background:linear-gradient(180deg,#48d6eebf,#48d6ee1a)}.eq-grid i:nth-child(3n+1){height:42%}.eq-grid i:nth-child(3n+2){height:70%}.eq-grid i:nth-child(3n){height:55%}.trimmer-source{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:14px;align-items:stretch}.trimmer-source>div:first-child{display:flex;flex-direction:column;justify-content:center;min-width:0}.trimmer-source strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trimmer-source span{color:#7890a3;font-size:.75rem}.waveform-display{display:flex;align-items:center;gap:2px;height:145px;padding:9px;border:1px solid #294154;background:#050e15;overflow:hidden}.waveform-display i{flex:1;min-width:2px;background:linear-gradient(180deg,#64dcec,#226b78);box-shadow:0 0 4px #48d6ee2e}.trim-controls{display:grid;grid-template-columns:repeat(2,1fr) .6fr;gap:14px;align-items:center;margin-top:10px}.trim-controls label{display:grid;gap:4px}.trim-time-display{padding:10px;border:1px solid #3b576a;border-radius:4px;background:#051118;text-align:center}.trim-time-display span{display:block;margin-bottom:4px;color:#768ea1;font-size:.6rem;letter-spacing:.13em}.trim-time-display strong{color:var(--cyan);font:.92rem ui-monospace,monospace}.trimmer-transport{margin-top:10px}.youtube-console{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.youtube-input-panel,.youtube-status-panel{min-height:250px}.youtube-input-panel label{display:grid;gap:4px;color:#8ea2b4;font-size:.72rem;font-weight:700}.youtube-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.convert-button{margin-top:13px}.conversion-display{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px;padding:12px;border:1px solid #2c4658;background:#061018}.conversion-display span{color:#71899c;font-size:.63rem;letter-spacing:.12em}.conversion-display strong{color:var(--amber);font:.78rem ui-monospace,monospace}.youtube-status-panel>p:not(.section-kicker):not(.module-note){color:#a8bac9;line-height:1.6}.panel{min-height:360px;max-width:100%;padding:20px;border:1px solid #2a3d50;border-radius:6px;background:#0b131d;overflow:hidden}.module-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.sampler-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sample-card{grid-column:1 / -1;padding:14px;border-radius:5px;background:#071019;border:1px solid #2a3d50}.mode-fieldset{border:1px solid #31475a;border-radius:4px;padding:9px;color:#8ca0b2}.transport-actions{grid-column:1 / -1;display:flex;gap:7px;flex-wrap:wrap}.transport-actions button{border:1px solid #354b60;border-radius:5px;background:#111d29;color:#e0e8ef}@media(max-width:1050px){.master-bus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.vintage-console{grid-template-columns:repeat(2,1fr)}.vintage-knobs{grid-column:1 / -1}.track-lane{grid-template-columns:54px minmax(120px,.8fr) minmax(180px,2fr)}.track-fader,.track-pan{grid-row:2;border-top:1px solid #263b4e}.track-fader{grid-column:2}.track-pan{grid-column:3}}@media(max-width:760px){.studio-shell{padding:10px 9px 28px}.studio-header{align-items:stretch;flex-direction:column}.studio-utilities{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,1fr)}.studio-utilities button{width:100%}.studio-nav,.master-bus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-title-row,.panel-heading-line,.keyboard-panel .module-heading{align-items:stretch;flex-direction:column}.module-led{align-self:flex-start}.asr-top-grid,.drumizer-top-grid,.youtube-console,.trimmer-source{grid-template-columns:1fr}.parameter-strip,.drumizer-parameters{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-mode-fieldset{grid-column:1 / -1}.sample-drop-panel{grid-template-columns:1fr}.sample-drop-panel>*{grid-column:1!important}.instrument-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mpc-grid{gap:5px}.mpc-pad{min-height:82px;padding:7px}.mpc-pad strong{font-size:.68rem}.vintage-console{grid-template-columns:1fr}.vintage-knobs{grid-column:auto}.track-lane{grid-template-columns:46px minmax(0,1fr)}.track-id-block{grid-row:1 / 3}.track-meta{border-right:0}.track-timeline{grid-column:2;min-height:72px}.track-fader,.track-pan{grid-row:auto;grid-column:1 / -1;border-left:0;border-top:1px solid #263b4e}.processor-panel{grid-template-columns:78px 1fr}.trim-controls{grid-template-columns:1fr}.keyboard-grid{margin-inline:-2px}}@media(max-width:410px){.studio-nav{grid-template-columns:1fr 1fr}.master-bus-grid,.parameter-strip,.drumizer-parameters,.youtube-options{grid-template-columns:1fr}.instrument-strip{grid-template-columns:repeat(2,1fr)}.mpc-grid{gap:4px}.mpc-pad{min-height:74px;padding:5px}.pad-number,.pad-key{font-size:.52rem}.transport-readout{flex-basis:100%;margin-left:0}}.semitone-module{display:inline-grid;min-width:132px;gap:3px;padding:9px 12px;border:1px solid #315d69;border-radius:7px;background:radial-gradient(circle at 50% 0%,rgba(72,214,238,.1),transparent 70%),linear-gradient(180deg,#06161d,#020a0e);color:#64e3f5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;box-shadow:inset 0 0 18px #48d6ee14,0 4px 12px #0000002e}.semitone-module span{color:#7898a3;font-size:.54rem;font-weight:900;letter-spacing:.15em}.semitone-module strong{font-size:1.12rem;line-height:1.1;text-shadow:0 0 10px rgba(72,214,238,.35)}.semitone-module small{color:#91aeb6;font-size:.56rem;font-weight:800;letter-spacing:.08em}.large-semitone-module{min-width:150px;margin:8px 0 10px;padding:12px 14px}.large-semitone-module strong{font-size:1.48rem}@media(max-width:620px){.panel-heading-line .semitone-module{width:100%;margin-top:8px}.panel-heading-line{align-items:stretch;flex-direction:column}}body{position:relative;background:#04080d}#root{position:relative;isolation:isolate}.full-force-motion-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;contain:strict;background:radial-gradient(circle at 50% -15%,rgba(44,83,119,.34),transparent 38rem),linear-gradient(180deg,#09121b,#050a10 52%,#03070b)}.full-force-motion-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(1,4,8,.58) 100%)}.motion-orb{position:absolute;width:min(56vw,760px);aspect-ratio:1;border-radius:50%;opacity:.26;filter:blur(74px);will-change:transform;transform:translateZ(0)}.motion-orb-a{left:-18vw;top:-22vh;background:radial-gradient(circle,#48d6eeb8,#48d6ee00 68%);animation:ff-drift-a 24s ease-in-out infinite alternate}.motion-orb-b{right:-22vw;top:18vh;background:radial-gradient(circle,#f1b84b8f,#f1b84b00 68%);animation:ff-drift-b 31s ease-in-out infinite alternate}.motion-orb-c{left:28vw;bottom:-42vh;background:radial-gradient(circle,#2a598bb3,#2a598b00 68%);animation:ff-drift-c 37s ease-in-out infinite alternate}.motion-grid{position:absolute;inset:-35%;opacity:.12;background-image:linear-gradient(rgba(92,158,188,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(92,158,188,.18) 1px,transparent 1px);background-size:54px 54px;transform:perspective(760px) rotateX(58deg) translate3d(0,18%,0);transform-origin:center bottom;animation:ff-grid-travel 22s linear infinite;will-change:transform}.motion-scan{position:absolute;left:-20%;width:140%;height:26vh;top:-32vh;opacity:.08;background:linear-gradient(180deg,transparent,rgba(72,214,238,.4),transparent);animation:ff-scan 15s linear infinite;will-change:transform}.studio-shell{position:relative;z-index:1}.studio-header,.hardware-panel,.hardware-subpanel,.studio-nav{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@keyframes ff-drift-a{to{transform:translate3d(24vw,22vh,0) scale(1.12)}}@keyframes ff-drift-b{to{transform:translate3d(-28vw,18vh,0) scale(.92)}}@keyframes ff-drift-c{to{transform:translate3d(14vw,-26vh,0) scale(1.08)}}@keyframes ff-grid-travel{0%{transform:perspective(760px) rotateX(58deg) translate3d(0,18%,0)}to{transform:perspective(760px) rotateX(58deg) translate3d(0,calc(18% + 54px),0)}}@keyframes ff-scan{to{transform:translate3d(0,150vh,0)}}@media(max-width:720px){.motion-orb{filter:blur(58px);opacity:.2}.motion-grid{opacity:.08;background-size:42px 42px;animation-duration:28s}.motion-scan{display:none}}@media(prefers-reduced-motion:reduce){.motion-orb,.motion-grid,.motion-scan{animation:none!important;transform:none}.motion-grid{opacity:.045}.motion-scan{display:none}}.drumizer-workstation-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.62fr);grid-template-areas:"source groove" "pads pitch";gap:12px;align-items:start}.drumizer-source-column{grid-area:source;min-width:0}.drumizer-groove-panel{grid-area:groove;min-width:0}.pad-bank-panel{grid-area:pads;min-width:0}.compact-pitch-panel{grid-area:pitch;min-width:0}.pad-bank-panel .mpc-panel{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.pad-bank-panel .module-heading{display:none}.drumizer-groove-panel .drumizer-parameters{display:grid;grid-template-columns:1fr;gap:10px}.drumizer-transport{margin-top:12px}@media(max-width:980px){.drumizer-workstation-grid{grid-template-columns:1fr;grid-template-areas:"source" "groove" "pads" "pitch"}.drumizer-groove-panel .drumizer-parameters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.drumizer-groove-panel .drumizer-parameters{grid-template-columns:1fr}}.mpc-machine-face{display:grid;grid-template-columns:minmax(0,1fr) 74px auto;gap:12px;align-items:center;margin-bottom:14px;padding:13px;border:1px solid #3a4756;border-radius:14px;background:linear-gradient(155deg,rgba(255,255,255,.055),transparent 34%),linear-gradient(180deg,#1b2027,#0d1116);box-shadow:inset 0 1px #ffffff14,inset 0 -16px 30px #0003,0 10px 22px #00000038}.mpc-machine-display{min-height:72px;display:grid;align-content:center;gap:4px;padding:10px 13px;border:2px solid #090c0f;border-radius:8px;background:radial-gradient(circle at 15% 10%,rgba(131,255,194,.14),transparent 38%),#b9d8bf;color:#132219;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:inset 0 0 16px #11371e2e,0 1px #ffffff0f}.mpc-machine-display span,.mpc-machine-display small{font-size:.59rem;font-weight:900;letter-spacing:.11em}.mpc-machine-display strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.mpc-machine-encoder{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#15191e 0deg 5deg,#2b3139 5deg 9deg),#14181d;border:3px solid #090c10;box-shadow:inset 0 0 0 7px #262c34,0 4px 8px #0000006b}.mpc-machine-encoder i{width:5px;height:19px;margin-top:-27px;border-radius:3px;background:#d9e1e7}.mpc-machine-function-buttons{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:7px}.mpc-machine-function-buttons i{display:grid;place-items:center;min-height:38px;padding:6px;border:1px solid #434b55;border-radius:7px;background:linear-gradient(180deg,#2b3138,#151a1f);color:#aeb8c2;font:800 .56rem/1 ui-monospace,monospace;font-style:normal;letter-spacing:.08em;box-shadow:0 3px #080b0e}.mpc-draft-library{margin-top:14px;overflow:hidden}.mpc-draft-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.mpc-draft-heading h3{margin:2px 0 0}.mpc-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mpc-draft-card{overflow:hidden;border:1px solid #2f3945;border-radius:18px;background:linear-gradient(180deg,#0d1116,#090c10);box-shadow:0 14px 28px #00000047}.mpc-draft-machine{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:54px minmax(126px,auto) 22px;gap:9px;padding:15px;min-height:232px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#c8c7c1,#9fa09d);border-bottom:1px solid #252b33}.mpc-draft-card.drumizer .mpc-draft-machine{background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 28%),linear-gradient(180deg,#2b2e32,#15181c)}.mpc-draft-screen{grid-column:1 / -1;display:grid;align-content:center;gap:2px;padding:7px 10px;border:2px solid #111;border-radius:6px;background:#bad5b8;color:#18301e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mpc-draft-card.drumizer .mpc-draft-screen{background:#e66458;color:#2c0d0c}.mpc-draft-screen small{font-size:.48rem;font-weight:900;letter-spacing:.11em}.mpc-draft-screen strong{font-size:.76rem}.mpc-draft-knob{align-self:start;justify-self:center;width:52px;height:52px;border-radius:50%;border:3px solid #15181b;background:repeating-conic-gradient(#24292e 0deg 8deg,#111417 8deg 13deg);box-shadow:inset 0 0 0 8px #30353a,0 4px 7px #00000059}.mpc-draft-mini-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mpc-draft-mini-pads i{aspect-ratio:1;border-radius:5px;background:linear-gradient(145deg,#d4d6d2,#8d928f);border:1px solid rgba(0,0,0,.42);box-shadow:inset 0 1px #ffffff4d,0 2px 2px #00000040}.mpc-draft-card.drumizer .mpc-draft-mini-pads i{background:linear-gradient(145deg,#4c5055,#282c30)}.mpc-draft-mini-pads i.lit{box-shadow:inset 0 0 0 2px #ffffff26,0 0 16px #4dff9a8c;background:#68d58a}.mpc-draft-card.drumizer .mpc-draft-mini-pads i.lit{background:#ef5145;box-shadow:inset 0 0 0 2px #ffffff1a,0 0 16px #ef514585}.mpc-draft-transport-dots{grid-column:1 / -1;display:flex;align-items:center;gap:7px}.mpc-draft-transport-dots i{width:11px;height:11px;border-radius:3px;background:#161a1e;border:1px solid rgba(255,255,255,.14)}.mpc-draft-copy{display:grid;gap:5px;padding:14px 14px 8px}.mpc-draft-title-input{width:100%;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#f4f7fb;font-size:1.05rem;font-weight:850}.mpc-draft-title-input:focus{outline:none;border-bottom-color:#697b8f}.mpc-draft-machine-label{color:#72c993;font-size:.66rem;font-weight:900;letter-spacing:.16em}.mpc-draft-card.drumizer .mpc-draft-machine-label{color:#ef685c}.mpc-draft-date{color:#7f8994;font-size:.72rem}.mpc-draft-card audio{display:none}.mpc-draft-actions{display:flex;align-items:center;gap:8px;padding:10px 14px 15px}.mpc-draft-actions button,.mpc-draft-actions a{min-height:38px}.mpc-draft-play{flex:1;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#dce3ea!important;font-weight:900;letter-spacing:.06em}.mpc-draft-download,.mpc-draft-remove{font-size:.65rem!important}.mpc-draft-empty{display:grid;gap:6px;padding:26px 18px;border:1px dashed #3d4a58;border-radius:14px;background:#04090e66;color:#91a0ae}.mpc-draft-empty strong{color:#d8e1e9}@media(max-width:760px){.mpc-machine-face{grid-template-columns:minmax(0,1fr) 62px}.mpc-machine-function-buttons{grid-column:1 / -1}.mpc-draft-grid{grid-template-columns:1fr}}@media(max-width:520px){.mpc-machine-face{grid-template-columns:1fr}.mpc-machine-encoder{display:none}.mpc-draft-heading{align-items:start;flex-direction:column}}.trimmer-upload-state{min-height:310px;display:grid;place-items:center;align-content:center;gap:18px;padding:clamp(28px,6vw,64px) 22px;border:1px dashed #405a70;border-radius:7px;background:radial-gradient(circle at 50% 30%,rgba(72,214,238,.07),transparent 44%),#071019;text-align:center}.trimmer-upload-copy{max-width:620px}.trimmer-upload-copy h3{margin-bottom:9px;color:#edf4fa;font-size:clamp(1.1rem,3vw,1.55rem);letter-spacing:.015em;text-transform:none}.trimmer-upload-copy p:last-child{margin:0;color:#8298aa;line-height:1.55}.trimmer-upload-button{min-width:min(260px,100%);min-height:48px;display:inline-flex;align-items:center;justify-content:center}.trimmer-source{grid-template-columns:minmax(165px,.25fr) minmax(0,1fr);align-items:center}.trimmer-source-meta{gap:7px}.trimmer-source-meta strong{color:#edf4fa;font-size:.9rem}.trimmer-replace-button{width:max-content;max-width:100%;margin-top:8px;padding:7px 10px;color:#b8c9d7}.trimmer-waveform-wrap{min-width:0;padding:10px;border:1px solid #29475a;border-radius:6px;background:#050d14;box-shadow:inset 0 0 24px #00000075}.trimmer-waveform-wrap .sampler-waveform-editor{min-height:190px;border-color:#345467;background:linear-gradient(180deg,#08151d,#050d13)}.trimmer-waveform-wrap .sampler-waveform-selection{background:#6fd09d26;border-inline:1px solid rgba(111,208,157,.65)}.trimmer-waveform-wrap .sampler-waveform-handle{width:5px;background:#70d49d;box-shadow:0 0 10px #6fd09d6b}.trimmer-reference-controls{grid-template-columns:auto minmax(150px,.95fr) minmax(150px,.95fr) minmax(105px,.6fr) minmax(130px,.65fr) auto;gap:10px;align-items:end;margin-top:10px}.trimmer-playback-controls{display:flex;gap:7px;align-items:center;min-height:42px}.trimmer-play-button{width:48px;min-width:48px;height:48px;min-height:48px!important;border-radius:50%!important;padding:0!important;font-size:1.05rem}.trimmer-time-control,.trimmer-format-control{align-content:end}.trimmer-time-control>span,.trimmer-format-control>span{color:#8da1b3;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.trimmer-stepper{display:grid;grid-template-columns:38px minmax(70px,1fr) 38px;align-items:stretch;margin-top:5px}.trimmer-stepper button{min-height:40px;padding:0!important;border-radius:0!important;color:#9debf6}.trimmer-stepper button:first-child{border-radius:5px 0 0 5px!important}.trimmer-stepper button:last-child{border-radius:0 5px 5px 0!important}.trimmer-stepper input{min-height:40px;margin:0;border-radius:0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;appearance:textfield}.trimmer-stepper input::-webkit-inner-spin-button,.trimmer-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.trimmer-format-control select{min-height:40px;margin-top:5px}.trimmer-reference-controls .trim-time-display{min-height:40px}.trimmer-crop-button{min-width:104px;min-height:42px!important;text-transform:uppercase;letter-spacing:.08em}.trimmer-crop-button:disabled{opacity:.55;cursor:wait}@media(max-width:1050px){.trimmer-reference-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.trimmer-playback-controls,.trimmer-crop-button{align-self:end}}@media(max-width:760px){.trimmer-upload-state{min-height:270px;padding:34px 16px}.trimmer-source{grid-template-columns:1fr}.trimmer-source-meta{align-items:flex-start}.trimmer-waveform-wrap{padding:7px}.trimmer-waveform-wrap .sampler-waveform-editor{min-height:155px}.trimmer-reference-controls{grid-template-columns:1fr 1fr}.trimmer-playback-controls,.trim-time-display,.trimmer-format-control,.trimmer-crop-button{grid-column:1 / -1}.trimmer-playback-controls{justify-content:flex-start}.trimmer-format-control select,.trimmer-crop-button{width:100%}}@media(max-width:430px){.trimmer-reference-controls{grid-template-columns:1fr}.trimmer-time-control,.trimmer-playback-controls,.trim-time-display,.trimmer-format-control,.trimmer-crop-button{grid-column:1}.trimmer-upload-button{width:100%;min-width:0}.trimmer-stepper{grid-template-columns:42px minmax(0,1fr) 42px}}