.wa-win{--wa-bg: #14161b;--wa-surface: #1b1e25;--wa-surface-2: #232732;--wa-surface-3: #2c313e;--wa-border: #313746;--wa-border-2: #3d4454;--wa-text: #e0e3ea;--wa-muted: #899;--wa-muted: #8b91a1;--wa-accent: #2fe3a6;--wa-accent-dim: #1c9d72;--wa-blue: #4aa8ff;--wa-amber: #ffb422;--wa-red: #ff5d4e;--wa-radius: 9px;--wa-radius-sm: 6px;--wa-font: var(--font-sans, system-ui, -apple-system, "Segoe UI", sans-serif);width:100%;max-width:none;font-family:var(--wa-font);color:var(--wa-text);background:var(--wa-bg);border:1px solid var(--wa-border);border-radius:var(--wa-radius);padding:10px;box-shadow:0 18px 50px #00000073;user-select:none}.wa-wrap{width:98vw;margin-left:calc(50% - 49vw);display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:2rem}.wa-title{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;margin-bottom:8px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-title-text{flex:0 0 auto;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--wa-text)}.wa-project-name{flex:0 1 240px;min-width:0;height:30px;padding:0 10px;font-family:inherit;font-size:13px;color:var(--wa-text);background:var(--wa-bg);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);outline:0}.wa-project-name:focus{border-color:var(--wa-blue)}.wa-title-dots{flex:1;min-width:12px;height:1px}.wa-lcd{display:flex;gap:18px;align-items:center;min-height:46px;padding:8px 14px;margin-bottom:8px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-lcd-seg{font-size:20px;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--wa-accent)}.wa-save-state{margin-left:auto;padding:5px 10px;font-size:10px;letter-spacing:.14em;color:var(--wa-muted);background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:999px;transition:color .2s ease,background .2s ease}.wa-save-state.flash{color:var(--wa-accent);background:#2fe3a61f}.wa-transport{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;padding:9px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-sep{width:1px;height:26px;background:var(--wa-border-2);margin:0 5px}.wa-lbl{font-size:11px;letter-spacing:.12em;color:var(--wa-muted);text-transform:uppercase}.wa-bpm{font-size:20px;font-weight:600;min-width:42px;text-align:center;font-variant-numeric:tabular-nums;color:var(--wa-accent)}.wa-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:15px;font-weight:500;color:var(--wa-text);cursor:pointer;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);min-width:40px;height:36px;padding:0 12px;line-height:1;transition:background .11s ease,color .11s ease,border-color .11s ease,transform 60ms ease}.wa-btn:hover{background:var(--wa-surface-3)}.wa-btn:active{transform:translateY(1px);background:var(--wa-surface)}.wa-btn-sm{min-width:34px;height:32px;font-size:13px;padding:0 11px}.wa-btn[disabled]{opacity:.4;cursor:default}.wa-btn[disabled]:hover{background:var(--wa-surface-2)}.wa-transport>.wa-btn:first-child{color:#062018;background:var(--wa-accent);border-color:var(--wa-accent-dim);font-weight:700}.wa-transport>.wa-btn:first-child:hover{filter:brightness(1.08)}.wa-tabs{display:flex;gap:4px;margin:0 0 8px;overflow-x:auto}.wa-tab{position:relative;flex:0 0 auto;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;color:var(--wa-muted);background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);min-width:92px;padding:9px 15px;transition:color .12s ease,background .12s ease}.wa-tab:hover{color:var(--wa-text);background:var(--wa-surface-2)}.wa-tab.active{color:var(--wa-accent);background:var(--wa-surface-2);border-color:var(--wa-accent-dim)}.wa-tab.active:after{content:"";position:absolute;right:14px;bottom:5px;left:14px;height:2px;border-radius:2px;background:var(--wa-accent)}.wa-panels{min-height:0;padding:12px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius)}.wa-workarea{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}.wa-workspace{display:flex;flex-direction:column;gap:11px}.wa-workspace-section{padding:11px;background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-workspace-section>.wa-panel{min-height:0;padding:0;background:transparent;border:0}.wa-section-title{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:var(--wa-text);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.wa-section-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wa-accent)}.wa-inspector{position:sticky;top:8px;padding:12px;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm)}.wa-inspector-title{margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid var(--wa-border);color:var(--wa-amber);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.wa-inspector .wa-selected-sample{display:block;margin-bottom:0;padding:0;background:transparent;border:0}.wa-inspector .wa-slider-row{display:grid;grid-template-columns:54px 1fr 38px;gap:8px;margin:3px 0;min-height:20px}.wa-inspector .wa-val{min-width:38px;font-size:12px}.wa-inspector input[type=range]{height:4px}.wa-inspector .wa-lbl{font-size:10px}.wa-inspector .wa-btn-sm{height:28px;min-width:0;padding:0 8px;font-size:12px}.wa-inspector .wa-hint{margin-top:8px;padding:8px 10px}@media(min-height:760px){.wa-inspector{max-height:calc(100dvh - 130px);overflow:auto}}.wa-hint{padding:10px 12px;color:#b7c6d4;font-size:11px;line-height:1.5;background:#4aa8ff12;border:1px solid rgba(74,168,255,.22);border-left:3px solid var(--wa-blue);border-radius:var(--wa-radius-sm)}.wa-hint strong{color:#9fd0ff}.wa-tutorial[hidden]{display:none}.wa-tutorial{position:fixed;inset:0;z-index:10000}.wa-tutorial-shade{position:absolute;inset:0;background:#040408ad}.wa-tutorial-card{position:fixed;right:18px;bottom:18px;z-index:10003;width:min(390px,calc(100vw - 24px));padding:18px;color:var(--wa-text);font-family:var(--wa-font);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius);box-shadow:0 16px 48px #000000b3}.wa-tutorial-step{color:var(--wa-accent);font-size:10px;font-weight:700;letter-spacing:.14em}.wa-tutorial-title{margin:7px 0;color:var(--wa-amber);font-size:18px}.wa-tutorial-text{margin:0 0 16px;color:var(--wa-muted);font-size:12px;line-height:1.55}.wa-tutorial-actions{display:flex;justify-content:flex-end;gap:7px}.wa-tutorial-target{position:relative;z-index:10002!important;outline:3px solid var(--wa-amber)!important;outline-offset:5px;border-radius:var(--wa-radius-sm);box-shadow:0 0 0 8px #ffb4222e,0 0 28px #ffb42280!important}.wa-grid{display:flex;flex-direction:column;gap:5px}.wa-row{display:flex;align-items:center;gap:5px}.wa-drum{width:84px;flex:0 0 84px;font-family:inherit;font-size:12px;font-weight:500;color:var(--wa-text);cursor:pointer;text-align:left;padding:0 9px;height:32px;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);transition:background .11s ease,color .11s ease}.wa-drum:hover{background:var(--wa-surface-3)}.wa-drum.active{color:var(--wa-accent);border-color:var(--wa-accent-dim)}.wa-cell{flex:1 1 0;height:32px;min-width:0;cursor:pointer;padding:0;background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:4px;transition:background 70ms ease,filter 70ms ease}.wa-cell:hover{filter:brightness(1.35)}.wa-cell.wa-beat{background:var(--wa-surface-3)}.wa-cell.on{background:var(--wa-accent);border-color:var(--wa-accent-dim);box-shadow:0 0 7px #2fe3a659}.wa-cell.play{outline:2px solid var(--wa-amber);outline-offset:-2px}.wa-cell.on.play{background:var(--wa-amber)}.wa-row-tools{margin-top:10px}.wa-mpc-toolbar,.wa-chop-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:12px;padding:9px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-pad-banks{display:flex;gap:6px;margin-bottom:8px}.wa-mpc-pads{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;max-width:720px;margin:0 auto 12px}.wa-mpc-pad{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100px;padding:10px;overflow:hidden;font-family:inherit;color:var(--wa-text);text-align:left;cursor:pointer;touch-action:none;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius);transition:background 90ms ease,transform 80ms ease,border-color .1s ease,box-shadow .1s ease}.wa-mpc-pad:hover{background:var(--wa-surface-3)}.wa-mpc-pad.down{color:#1a1205;background:var(--wa-amber);border-color:var(--wa-amber);transform:translateY(2px) scale(.985);box-shadow:0 0 16px #ffb42266}.wa-mpc-pad.selected{border-color:var(--wa-accent);box-shadow:0 0 0 2px #2fe3a659}.wa-mpc-pad.drop{border-color:var(--wa-amber);background:#ffb4221f}.wa-mpc-pad-number{font-size:17px;font-weight:700;color:var(--wa-accent)}.wa-mpc-pad.down .wa-mpc-pad-number{color:#1a1205}.wa-mpc-pad-name{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap;color:#c9cdd8}.wa-selected-sample,.wa-event-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:10px 0 16px;padding:12px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-selected-sample .wa-slider-row,.wa-event-editor .wa-slider-row{margin:7px 0}.wa-event-lane{display:flex;gap:4px;min-width:680px;margin:8px 0}.wa-event-cell{height:34px}.wa-waveform{display:block;width:100%;height:220px;cursor:crosshair;background:#0d0f13;border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm)}.wa-chords{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.wa-rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wa-pad{min-width:0;padding:11px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-pad-trigger{width:100%;height:58px;color:#062018;background:var(--wa-accent);border-color:var(--wa-accent-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.wa-pad-trigger:hover{filter:brightness(1.08);background:var(--wa-accent)}.wa-sample-name{display:block;overflow:hidden;margin-top:8px;color:var(--wa-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.wa-pad-controls .wa-slider-row{margin:7px 0;gap:8px}.wa-pad-controls .wa-val{min-width:42px;font-size:11px}.wa-pad-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.wa-knobs{display:flex;gap:4px;margin:6px 0 12px}.wa-slider-row{display:flex;align-items:center;gap:12px;margin:12px 0;min-height:30px}.wa-slider{flex:1;accent-color:var(--wa-accent);height:6px}.wa-val{font-size:14px;min-width:52px;text-align:right;font-variant-numeric:tabular-nums;color:var(--wa-accent)}.wa-keys{position:relative;display:flex;margin-top:12px;height:180px}.wa-key{position:relative;flex:1 1 0;height:180px;background:#f3f4f8;border:1px solid #2a2d36;border-radius:0 0 5px 5px;cursor:pointer}.wa-key.down{background:var(--wa-blue)}.wa-key-black{position:absolute;top:0;right:-12px;width:24px;height:112px;background:#15171b;border:1px solid #000;z-index:2;border-radius:0 0 4px 4px;cursor:pointer}.wa-key-black.down{background:var(--wa-blue)}.wa-piano-roll{min-width:720px;margin-top:8px}.wa-panel:has(.wa-piano-roll){overflow-x:auto}.wa-piano-row{display:flex;align-items:center;gap:3px;margin-bottom:3px}.wa-piano-note{width:34px;flex:0 0 34px;color:var(--wa-muted);font-size:10px}.wa-piano-cell{height:20px}.wa-mixer{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:12px 0}.wa-ch{display:flex;flex-direction:column;align-items:center;gap:8px}.wa-fader{writing-mode:vertical-lr;direction:rtl;width:28px;height:200px;accent-color:var(--wa-accent)}.wa-ch-name{font-size:10px;letter-spacing:.06em;color:var(--wa-muted);text-transform:uppercase}.wa-swing{display:flex;align-items:center;gap:6px}.wa-swing-in{width:90px;accent-color:var(--wa-accent)}.wa-toggle.active{color:var(--wa-accent);background:#2fe3a61f;border-color:var(--wa-accent-dim)}.wa-ms{display:flex;gap:4px}.wa-ms button{font-family:inherit;font-size:11px;font-weight:600;width:26px;height:24px;cursor:pointer;color:var(--wa-text);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:4px;transition:background .1s ease,color .1s ease}.wa-ms button:hover{background:var(--wa-surface-3)}.wa-mute.active{color:#200;background:var(--wa-red);border-color:var(--wa-red)}.wa-solo.active{color:#1a1205;background:var(--wa-amber);border-color:var(--wa-amber)}.wa-export{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.wa-status{font-size:13px;color:var(--wa-accent)}.wa-help{font-size:12px;color:var(--wa-muted);margin:0 0 4px}.wa-launcher{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;padding:11px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-scene-launch{min-width:64px;color:#1a1205;background:var(--wa-amber);border-color:var(--wa-amber);font-weight:700}.wa-scene-launch:hover{filter:brightness(1.07);background:var(--wa-amber)}.wa-song-chain{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:12px}.wa-song-slot{display:flex;align-items:center;gap:8px;padding:11px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-effects{max-width:720px;margin:12px auto 0;padding:13px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm)}.wa-fx-title{margin-bottom:11px;color:var(--wa-accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.wa-effects .wa-slider-row{margin:9px 0}.wa-combinator,.wa-device{margin-bottom:10px;padding:12px;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm)}.wa-combinator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.wa-combinator>.wa-fx-title,.wa-combinator>.wa-export{grid-column:1 / -1}.wa-device-stack{margin-top:12px}.wa-device-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}.wa-device-title{color:var(--wa-text);font-size:11px;font-weight:600;letter-spacing:.1em}.wa-pat-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.wa-pat-btn{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;color:var(--wa-muted);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);padding:7px 14px;min-width:38px;transition:background .11s ease,color .11s ease,border-color .11s ease}.wa-pat-btn:hover{background:var(--wa-surface-3);color:var(--wa-text)}.wa-pat-btn.active{color:var(--wa-accent);border-color:var(--wa-accent-dim);background:#2fe3a61a}.wa-sd-panel{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);padding:11px 13px 9px;margin:2px 0 6px 89px}.wa-sd-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.wa-sd-item{display:flex;flex-direction:column;gap:4px;min-width:90px;flex:1 1 90px}.wa-sd-lbl{font-size:9px;letter-spacing:.14em;color:var(--wa-muted);text-transform:uppercase}.wa-sd-val{font-size:11px;color:var(--wa-accent);min-width:48px;font-variant-numeric:tabular-nums}.wa-sd-item input[type=range]{accent-color:var(--wa-accent);width:100%;height:4px}.wa-sd-actions{display:flex;gap:6px}.wa-vel-popup{position:fixed;z-index:9999;display:none;align-items:center;gap:8px;padding:8px 12px;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);box-shadow:0 8px 24px #0009;font-family:var(--wa-font)}.wa-vel-slider{width:100px;accent-color:var(--wa-accent)}.wa-vel-num{font-size:13px;color:var(--wa-accent);min-width:28px;font-variant-numeric:tabular-nums}.wa-rv-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0 0;border-top:1px solid var(--wa-border);margin-top:12px}.wa-sep-h{height:1px;background:var(--wa-border);margin:14px 0}.wa-win select,.wa-mpc-toolbar select,.wa-chop-toolbar select,.wa-song-slot select,.wa-export select,.wa-device input[type=number]{min-height:38px;min-width:0;font-family:inherit;font-size:13px;color:var(--wa-text);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);padding:6px 9px}.wa-device input[type=number]{width:60px;color:var(--wa-accent);font-variant-numeric:tabular-nums}.wa-win input[type=range]{accent-color:var(--wa-accent)}.wa-btn:focus-visible,.wa-tab:focus-visible,.wa-pat-btn:focus-visible,.wa-mpc-pad:focus-visible,.wa-cell:focus-visible,.wa-drum:focus-visible,.wa-win select:focus-visible,.wa-win input:focus-visible{outline:2px solid var(--wa-blue);outline-offset:2px}@media(pointer:coarse){.wa-btn{height:46px;min-width:48px}.wa-btn-sm{height:38px;min-width:40px}.wa-tab{padding:14px 18px}.wa-cell,.wa-drum{height:38px}.wa-mpc-pad{min-height:112px}.wa-ms button{width:34px;height:32px}.wa-win select,.wa-song-slot select,.wa-export select{min-height:44px}}.wa-mpc-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,230px);gap:14px;align-items:start;margin-bottom:12px}.wa-mpc-pad-area{min-width:0}.wa-mpc-deck .wa-mpc-pads{max-width:none;margin:0 0 8px}.wa-mpc-side .wa-mpc-toolbar{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:0;max-height:none}.wa-mpc-side .wa-mpc-toolbar>*{flex:0 0 auto;width:100%}.wa-mpc-side .wa-btn,.wa-mpc-side .wa-toggle{justify-content:flex-start}.wa-mpc-side .wa-status{padding-top:4px}@media(max-width:700px){.wa-mpc-deck{grid-template-columns:1fr}.wa-mpc-side .wa-mpc-toolbar{flex-direction:row;flex-wrap:wrap}.wa-mpc-side .wa-mpc-toolbar>*{width:auto;flex:1 0 auto}}.wa-scratch{display:flex;justify-content:center;padding:6px 0 2px;touch-action:none}.wa-scratch-disc{position:relative;width:min(240px,72vw);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;touch-action:none;background:radial-gradient(circle at 50% 50%,#26262c 0 27%,transparent 27%),repeating-radial-gradient(circle at 50% 50%,#16161b 0 2px,#0b0b0f 2px 4px),#0a0a0d;box-shadow:0 10px 28px #0000008c,inset 0 0 0 2px #000}.wa-scratch-disc:active{cursor:grabbing}.wa-scratch-disc:after{content:"";position:absolute;top:6%;left:50%;width:3px;height:44%;transform:translate(-50%);background:#ffffff38;border-radius:2px}.wa-scratch-label{width:34%;aspect-ratio:1;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.1em;color:#06140f;background:linear-gradient(135deg,var(--wa-accent),var(--wa-accent-dim));box-shadow:inset 0 0 0 4px #00000040}.wa-drawer-overlay{position:fixed;inset:0;z-index:9994;background:#0404088c;opacity:0;pointer-events:none;transition:opacity .2s ease}.wa-drawer-overlay.open{opacity:1;pointer-events:auto}.wa-drawer{position:fixed;top:0;right:0;z-index:9995;width:min(580px,94vw);height:100dvh;overflow-y:auto;padding:14px;background:var(--wa-surface);border-left:1px solid var(--wa-border-2);box-shadow:-14px 0 44px #00000080;transform:translate(100%);transition:transform .24s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wa-drawer.open{transform:translate(0)}.wa-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--wa-border)}.wa-drawer-title{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--wa-accent)}.wa-win.wa-rotated{position:fixed;inset:0;z-index:9999;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column;transform:none}.wa-win.wa-rotated>.wa-title,.wa-win.wa-rotated>.wa-lcd,.wa-win.wa-rotated>.wa-tabs,.wa-win.wa-rotated>.wa-transport{flex:0 0 auto}.wa-win.wa-rotated .wa-workarea{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wa-flip-backdrop{position:fixed;inset:0;z-index:9998;background:#07070c;display:none}.wa-flip-backdrop.on{display:block}.wa-flip-exit{position:fixed;top:12px;right:14px;z-index:10000;display:none;font:600 14px/1 var(--font-sans, system-ui, sans-serif);color:var(--wa-text);cursor:pointer;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);padding:11px 15px}.wa-flip-exit.on{display:block}.wa-wrap,#studio,.wa-win,.wa-workarea,.wa-panels,.wa-workspace,.wa-workspace-section,.wa-panel,.wa-inspector{min-width:0}#studio{width:100%}.wa-win{overflow:clip}.wa-workarea{grid-template-columns:minmax(0,1fr) minmax(240px,280px)}.wa-panels{overflow:hidden}.wa-panel:has(>.wa-grid),.wa-panel:has(>.wa-event-lane),.wa-panel:has(>.wa-piano-roll){max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--wa-accent-dim) var(--wa-bg);scrollbar-width:thin;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.wa-panel:has(>.wa-grid):after,.wa-panel:has(>.wa-event-lane):after,.wa-panel:has(>.wa-piano-roll):after{content:"scroll sideways for all steps";display:none;width:max-content;margin-top:7px;color:var(--wa-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.wa-tabs,.wa-transport{scrollbar-color:var(--wa-accent-dim) var(--wa-surface);scrollbar-width:thin}@media(max-width:900px){.wa-workarea{grid-template-columns:1fr}.wa-inspector{position:static;max-height:none;order:initial;margin-top:10px}.wa-inspector .wa-selected-sample{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}}@media(max-width:700px){.wa-wrap{width:100vw;margin-left:calc(50% - 50vw);max-width:100vw;overflow:visible}.wa-win{padding:6px;border-radius:0;width:100%;max-width:100vw;overflow:clip}.wa-title{height:42px;padding:0 9px}.wa-title-text{font-size:10px;letter-spacing:.12em}.wa-title-dots{display:none}.wa-project-name{flex:1 1 auto;width:auto}.wa-lcd{min-height:44px;padding:7px 10px;flex-wrap:wrap;gap:5px 12px}.wa-lcd-seg{font-size:16px}.wa-save-state{margin-left:0}.wa-panels{padding:8px;min-height:0}.wa-workspace-section{padding:9px;overflow:hidden}.wa-tabs{overflow-x:auto;overscroll-behavior-inline:contain}.wa-tab{flex:1 0 auto;min-width:92px;padding:11px 12px;white-space:nowrap}.wa-rack,.wa-song-chain,.wa-selected-sample,.wa-event-editor,.wa-combinator,.wa-inspector .wa-selected-sample{grid-template-columns:1fr}.wa-mpc-toolbar>*,.wa-chop-toolbar>*{flex:1 0 auto}.wa-mpc-toolbar,.wa-chop-toolbar,.wa-launcher,.wa-export,.wa-pad-actions{align-items:stretch}.wa-mpc-pads{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wa-mpc-pad{min-width:0;min-height:84px;padding:7px}.wa-mpc-pad-number{font-size:15px}.wa-mpc-pad-name{font-size:9px}.wa-waveform{height:170px}.wa-panel:has(>.wa-grid):after,.wa-panel:has(>.wa-event-lane):after,.wa-panel:has(>.wa-piano-roll):after{display:block}.wa-grid{min-width:690px}.wa-event-lane{min-width:600px}.wa-piano-roll{min-width:690px}.wa-slider-row{display:grid;grid-template-columns:minmax(58px,auto) minmax(100px,1fr) minmax(38px,auto);gap:7px}.wa-slider{width:100%;min-width:0}.wa-transport{top:0;width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}.wa-transport>*{flex:0 0 auto}.wa-tutorial-card{right:8px;bottom:8px}}@media(max-width:560px){.wa-keys,.wa-key{height:140px}.wa-key-black{height:88px}.wa-fader,.wa-waveform{height:160px}.wa-mpc-pad{min-height:78px;padding:6px}.wa-mpc-pad-number{font-size:14px}.wa-pad-trigger{height:50px}}@media(max-height:520px){.wa-title{height:34px;margin-bottom:4px}.wa-lcd{min-height:32px;padding:4px 10px;margin-bottom:4px}.wa-lcd-seg,.wa-bpm{font-size:14px}.wa-tabs{margin-bottom:4px}.wa-tab{padding:7px 12px}.wa-panels{padding:8px}.wa-keys,.wa-key{height:100px}.wa-key-black{height:62px}.wa-fader{height:120px}.wa-mixer{gap:16px;padding:5px 0}.wa-waveform{height:110px}}