.wa-win{--wa-bg:#101216;--wa-surface:#17191d;--wa-surface-2:#1e2126;--wa-surface-3:#262a30;--wa-border:#2e343b;--wa-border-2:#3d444d;--wa-text:#d8dde3;--wa-muted:#7d868f;--wa-accent:#00e5ff;--wa-accent-dim:#0092a8;--wa-blue:#58b6ff;--wa-amber:#ff9e2c;--wa-red:#ff4757;--wa-teal:#2fe0c0;--wa-purple:#8f7bff;--wa-phos:#34e2ff;--wa-phos-dim:#14778c;--wa-phos-bg:#050a0c;--wa-wood-1:#3a4048;--wa-wood-2:#23272d;--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:linear-gradient(180deg, #ffffff08, #0000001f), var(--wa-bg);border:1px solid var(--wa-border);border-radius:var(--wa-radius);user-select:none;border-left:14px solid #0000;border-right:14px solid #0000;padding:10px;position:relative;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0d}.wa-win:before,.wa-win:after{content:"";background:repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 3px), linear-gradient(90deg, var(--wa-wood-1), var(--wa-wood-2));border:1px solid #0c0e11;width:14px;position:absolute;top:-1px;bottom:-1px;box-shadow:inset 0 0 6px #00000080,inset 0 0 1px #00e5ff40}.wa-win:before{border-radius:var(--wa-radius) 0 0 var(--wa-radius);left:-14px}.wa-win:after{border-radius:0 var(--wa-radius) var(--wa-radius) 0;right:-14px}.wa-wrap{justify-content:center;width:98vw;margin-top:.5rem;margin-bottom:2rem;margin-left:calc(50% - 49vw);display:flex}.wa-title{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);align-items:center;gap:12px;height:38px;margin-bottom:6px;padding:0 12px;display:flex}.wa-title-text{white-space:nowrap;letter-spacing:.18em;color:var(--wa-text);flex:none;font-size:12px;font-weight:700}.wa-project-name{min-width:0;height:30px;color:var(--wa-text);background:var(--wa-bg);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);outline:0;flex:0 240px;padding:0 10px;font-family:inherit;font-size:13px}.wa-project-name:focus{border-color:var(--wa-blue)}.wa-title-dots{flex:1;min-width:12px;height:1px}.wa-lcd{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);align-items:center;gap:18px;min-height:36px;margin-bottom:6px;padding:5px 14px;display:flex}.wa-lcd-seg{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--wa-accent);font-size:17px;font-weight:600}.wa-save-state{letter-spacing:.14em;color:var(--wa-muted);background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:999px;margin-left:auto;padding:5px 10px;font-size:10px;transition:color .2s,background .2s}.wa-save-state.flash{color:var(--wa-accent);background:#00e5ff1f}.wa-transport{z-index:20;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:6px 9px;display:flex;position:sticky;top:0}.wa-sep{background:var(--wa-border-2);width:1px;height:26px;margin:0 5px}.wa-lbl{letter-spacing:.12em;color:var(--wa-muted);text-transform:uppercase;font-size:11px}.wa-bpm{text-align:center;font-variant-numeric:tabular-nums;width:60px;color:var(--wa-accent);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);padding:4px 2px;font-family:inherit;font-size:20px;font-weight:600}.wa-btn{color:var(--wa-text);cursor:pointer;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);justify-content:center;align-items:center;min-width:40px;height:36px;padding:0 12px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;transition:background .11s,color .11s,border-color .11s,transform 60ms;display:inline-flex}.wa-btn:hover{background:var(--wa-surface-3)}.wa-btn:active{background:var(--wa-surface);transform:translateY(1px)}.wa-btn-sm{min-width:34px;height:32px;padding:0 11px;font-size:13px}.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{gap:4px;margin:0 0 8px;display:flex;overflow-x:auto}.wa-tab{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);flex:none;min-width:92px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;transition:color .12s,background .12s;position:relative}.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:"";background:var(--wa-accent);border-radius:2px;height:2px;position:absolute;bottom:5px;left:14px;right:14px}.wa-panels{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius);min-height:0;padding:12px}.wa-workarea{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:12px;display:grid}.wa-workspace{flex-direction:column;gap:11px;display:flex}.wa-workspace-section{background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);padding:11px}.wa-workspace-section>.wa-panel{background:0 0;border:0;min-height:0;padding:0}.wa-section-title{color:var(--wa-text);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 11px;font-family:inherit;font-size:11px;font-weight:700;display:flex}.wa-section-title:before{content:"";background:var(--wa-accent);border-radius:50%;width:6px;height:6px}.wa-inspector{background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);padding:12px;position:sticky;top:8px}.wa-inspector-title{border-bottom:1px solid var(--wa-border);color:var(--wa-amber);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;padding-bottom:7px;font-size:11px;font-weight:700}.wa-inspector .wa-selected-sample{background:0 0;border:0;margin-bottom:0;padding:0;display:block}.wa-inspector .wa-slider-row{grid-template-columns:54px 1fr 38px;gap:8px;min-height:20px;margin:3px 0;display:grid}.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{min-width:0;height:28px;padding:0 8px;font-size:12px}.wa-inspector .wa-hint{margin-top:8px;padding:8px 10px}@media (height>=760px){.wa-inspector{max-height:calc(100dvh - 130px);overflow:auto}}.wa-hint{color:#b7c6d4;border:1px solid #4aa8ff38;border-left:3px solid var(--wa-blue);border-radius:var(--wa-radius-sm);background:#4aa8ff12;padding:10px 12px;font-size:11px;line-height:1.5}.wa-hint strong{color:#9fd0ff}.wa-tutorial[hidden]{display:none}.wa-tutorial{z-index:10000;position:fixed;inset:0}.wa-tutorial-shade{background:#040408ad;position:absolute;inset:0}.wa-tutorial-card{z-index:10003;width:min(390px,100vw - 24px);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);padding:18px;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 48px #000000b3}.wa-tutorial-step{color:var(--wa-accent);letter-spacing:.14em;font-size:10px;font-weight:700}.wa-tutorial-title{color:var(--wa-amber);margin:7px 0;font-size:18px}.wa-tutorial-text{color:var(--wa-muted);margin:0 0 16px;font-size:12px;line-height:1.55}.wa-tutorial-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.wa-tutorial-tour-view[hidden],.wa-tutorial-browse-view[hidden]{display:none}.wa-tutorial-card.wa-tutorial-browsing{width:min(480px,100vw - 24px);max-height:min(680px,100vh - 40px);overflow-y:auto}.wa-tutorial-target{outline-offset:5px;border-radius:var(--wa-radius-sm);position:relative;z-index:10002!important;outline:3px solid var(--wa-amber)!important;box-shadow:0 0 0 8px #ffb4222e,0 0 28px #ffb42280!important}.wa-grid{flex-direction:column;gap:5px;display:flex}.wa-step-ruler{flex:none;align-items:flex-end;gap:5px;display:flex}.wa-step-tick{color:#34e2ff4d;user-select:none;flex:1 1 0;min-width:0;padding-left:4px;font:600 10px/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace}.wa-step-tick.major{color:var(--wa-phos);text-shadow:0 0 5px #34e2ff80;font-size:11px}.wa-row{align-items:center;gap:5px;display:flex}.wa-drum{width:84px;color:var(--wa-text);cursor:pointer;text-align:left;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);flex:0 0 84px;height:32px;padding:0 9px;font-family:inherit;font-size:12px;font-weight:500;transition:background .11s,color .11s}.wa-drum:hover{background:var(--wa-surface-3)}.wa-drum.active{color:var(--wa-accent);border-color:var(--wa-accent-dim)}.wa-cell{cursor:pointer;background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:4px;flex:1 1 0;min-width:0;height:32px;padding:0;transition:background 70ms,filter 70ms}.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 #00e5ff59}.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{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px;padding:9px;display:flex}.wa-pad-banks{gap:6px;margin-bottom:8px;display:flex}.wa-mpc-pads{grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;max-width:720px;margin:0 auto 12px;display:grid}.wa-mpc-pad{min-height:100px;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);flex-direction:column;justify-content:space-between;padding:10px;font-family:inherit;transition:background 90ms,transform 80ms,border-color .1s,box-shadow .1s;display:flex;position:relative;overflow:hidden}.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 #00e5ff59}.wa-mpc-pad.drop{border-color:var(--wa-amber);background:#ffb4221f}.wa-mpc-pad-number{color:var(--wa-accent);font-size:17px;font-weight:700}.wa-mpc-pad.down .wa-mpc-pad-number{color:#1a1205}.wa-mpc-pad-name{text-overflow:ellipsis;white-space:nowrap;color:#c9cdd8;font-size:11px;overflow:hidden}.wa-selected-sample,.wa-event-editor{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:10px 0 16px;padding:12px;display:grid}.wa-selected-sample .wa-slider-row,.wa-event-editor .wa-slider-row{margin:7px 0}.wa-event-grid{flex-direction:column;gap:4px;min-width:680px;margin:8px 0;display:flex}.wa-event-cell{height:26px}.wa-event-row-label{flex:0 0 84px;width:84px;font-size:10px}.wa-row.selected .wa-event-row-label{color:var(--wa-accent);border-color:var(--wa-accent-dim)}.wa-row.selected .wa-event-cell{border-color:var(--wa-accent-dim)}.wa-waveform{cursor:crosshair;border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);background:#0d0f13;width:100%;height:220px;display:block}.wa-chords{flex-wrap:wrap;gap:6px;margin:7px 0;display:flex}.wa-rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wa-pad{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);min-width:0;padding:11px}.wa-pad-trigger{width:100%;height:58px;color:var(--wa-accent);background:var(--wa-surface-2);border-color:var(--wa-accent-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:700;box-shadow:inset 0 0 10px #0006,inset 0 0 1px #00e5ff66}.wa-pad-trigger:hover{filter:brightness(1.2);background:var(--wa-surface-3)}.wa-sample-name{color:var(--wa-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:11px;display:block;overflow:hidden}.wa-pad-controls .wa-slider-row{gap:8px;margin:7px 0}.wa-pad-controls .wa-val{min-width:42px;font-size:11px}.wa-pad-actions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.wa-knobs{gap:4px;margin:6px 0 12px;display:flex}.wa-slider-row{align-items:center;gap:12px;min-height:30px;margin:12px 0;display:flex}.wa-slider{accent-color:var(--wa-accent);flex:1;height:6px}.wa-val{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;color:var(--wa-accent);font-size:14px}.wa-keys{height:180px;margin-top:12px;display:flex;position:relative}.wa-key{cursor:pointer;background:#f3f4f8;border:1px solid #2a2d36;border-radius:0 0 5px 5px;flex:1 1 0;height:180px;position:relative}.wa-key.down{background:var(--wa-blue)}.wa-key-black{z-index:2;cursor:pointer;background:#15171b;border:1px solid #000;border-radius:0 0 4px 4px;width:24px;height:112px;position:absolute;top:0;right:-12px}.wa-key-black.down{background:var(--wa-blue)}.wa-piano-roll{min-width:720px;margin-top:8px;position:relative}.wa-panel:has(.wa-piano-roll){overflow-x:auto}.wa-piano-row{align-items:stretch;gap:3px;margin-bottom:3px;display:flex}.wa-piano-note{width:34px;color:var(--wa-muted);flex:0 0 34px;font-size:10px}.wa-piano-track{flex:auto;gap:0;display:flex;position:relative}.wa-piano-cell{height:20px}.wa-roll-notes,.wa-roll-playhead{pointer-events:none;position:absolute;inset:0 0 0 37px}.wa-roll-note{box-sizing:border-box;background:var(--wa-accent);border:1px solid var(--wa-accent-dim);pointer-events:auto;cursor:grab;touch-action:none;border-radius:3px;position:absolute;box-shadow:0 0 5px #00e5ff59}.wa-roll-note:active{cursor:grabbing}.wa-roll-playhead-bar{background:var(--wa-amber);width:2px;display:none;position:absolute;top:0;bottom:0}.wa-roll-playhead-bar.on{display:block}.wa-scope{border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);width:100%;height:90px;margin:10px 0;display:block}.wa-wave-mini{border:1px solid var(--wa-border-2);border-radius:4px;width:100%;height:40px;margin-bottom:8px;display:block}.wa-vblock>.wa-wave-mini{border-color:#123640;height:92px;box-shadow:inset 0 0 14px #000000b3,0 0 10px #34e2ff1a}.wa-mod-badge{letter-spacing:.06em;white-space:nowrap;color:var(--wa-muted);visibility:hidden;font-size:9px}.wa-mod-badge.active{visibility:visible;color:var(--wa-amber)}.wa-env-canvas{cursor:pointer;border:1px solid var(--wa-border-2);touch-action:none;border-radius:4px;width:100%;height:70px;margin-bottom:8px;display:block}.wa-vpatch{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px;margin-top:12px;display:grid}.wa-vpatch.wa-simple .wa-advanced-only,.wa-vpatch.wa-simple .wa-advanced-only-block{display:none}.wa-vblock{background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);min-width:0;padding:11px 13px}.wa-vblock .wa-slider-row{grid-template-columns:minmax(48px,auto) minmax(50px,1fr) minmax(34px,auto);gap:7px;margin:7px 0;display:grid}.wa-vblock .wa-slider{width:100%;min-width:0}.wa-vblock select{flex:auto;min-width:0}.wa-vmatrix{grid-column:1/-1}.wa-vmatrix-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(150px,1.4fr);align-items:center;gap:8px;margin:6px 0;display:grid}.wa-vmatrix-row .wa-slider-row{margin:0}.wa-vroll .wa-piano-row{margin-bottom:0}.wa-vroll .wa-piano-cell{height:15px}.wa-vroll .wa-roll-oct{border-top:1px solid var(--wa-border-2);margin-top:5px;padding-top:5px}.wa-mixer{flex-wrap:wrap;justify-content:center;gap:22px;padding:12px 0;display:flex}.wa-ch{flex-direction:column;align-items:center;gap:8px;display:flex}.wa-fader{writing-mode:vertical-lr;width:28px;height:200px;accent-color:var(--wa-accent);direction:rtl}.wa-ch-name{letter-spacing:.06em;color:var(--wa-muted);text-transform:uppercase;font-size:10px}.wa-swing{align-items:center;gap:6px;display:flex}.wa-swing-in{width:90px;accent-color:var(--wa-accent)}.wa-toggle.active{color:var(--wa-accent);border-color:var(--wa-accent-dim);background:#00e5ff1f}.wa-ms{gap:4px;display:flex}.wa-ms button{cursor:pointer;width:26px;height:24px;color:var(--wa-text);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:4px;font-family:inherit;font-size:11px;font-weight:600;transition:background .1s,color .1s}.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{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.wa-status{color:var(--wa-accent);font-size:13px}.wa-help{color:var(--wa-muted);margin:0 0 4px;font-size:12px}.wa-preset-search{min-width:120px;min-height:38px;color:var(--wa-text);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);flex:160px;padding:6px 10px;font-family:inherit;font-size:13px}.wa-preset-categories{flex-wrap:wrap;gap:6px;display:flex}.wa-launcher{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:11px;display:flex}.wa-scene-launch{color:#1a1205;background:var(--wa-amber);border-color:var(--wa-amber);min-width:64px;font-weight:700}.wa-scene-launch:hover{filter:brightness(1.07);background:var(--wa-amber)}.wa-fx-title{color:var(--wa-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:11px;font-size:11px;font-weight:700}.wa-device .wa-slider-row{margin:9px 0}.wa-combinator,.wa-device{background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);margin-bottom:10px;padding:12px}.wa-combinator{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.wa-combinator>.wa-fx-title,.wa-combinator>.wa-export{grid-column:1/-1}.wa-device-stack{margin-top:12px}.wa-device-header{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.wa-device-title{color:var(--wa-text);letter-spacing:.1em;font-size:11px;font-weight:600}.wa-pat-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.wa-pat-btn{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);min-width:38px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .11s,color .11s,border-color .11s}.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);margin:2px 0 6px 89px;padding:11px 13px 9px}.wa-sd-row{flex-wrap:wrap;gap:16px;margin-bottom:8px;display:flex}.wa-sd-item{flex-direction:column;flex:90px;gap:4px;min-width:90px;display:flex}.wa-sd-lbl{letter-spacing:.14em;color:var(--wa-muted);text-transform:uppercase;font-size:9px}.wa-sd-val{color:var(--wa-accent);font-variant-numeric:tabular-nums;min-width:48px;font-size:11px}.wa-sd-item input[type=range]{accent-color:var(--wa-accent);width:100%;height:4px}.wa-sd-actions{gap:6px;display:flex}.wa-tooltip{z-index:10002;border-radius:var(--wa-radius-sm);color:#17181c;pointer-events:none;background:#f2eee3;border:1px solid #00000040;max-width:260px;padding:8px 11px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 10px 26px #000000b3}.wa-tooltip[hidden]{display:none}@media (pointer:coarse){.wa-tooltip{display:none!important}}.wa-vel-popup{z-index:9999;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);font-family:var(--wa-font);align-items:center;gap:8px;padding:8px 12px;display:none;position:fixed;box-shadow:0 8px 24px #0009}.wa-vel-slider{width:100px;accent-color:var(--wa-accent)}.wa-vel-num{color:var(--wa-accent);font-variant-numeric:tabular-nums;min-width:28px;font-size:13px}.wa-rv-row{border-top:1px solid var(--wa-border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px 0 0;display:flex}.wa-off{opacity:.4}.wa-off input,button.wa-off{cursor:default}.wa-sep-h{background:var(--wa-border);height:1px;margin:14px 0}.wa-win select,.wa-mpc-toolbar select,.wa-chop-toolbar select,.wa-arrange-block select,.wa-export select,.wa-vblock select,.wa-device input[type=number]{min-width:0;min-height:38px;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;font-family:inherit;font-size:13px}.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{min-width:48px;height:46px}.wa-btn-sm{min-width:40px;height:38px}.wa-tab{padding:14px 18px}.wa-cell,.wa-drum{height:38px}.wa-vroll .wa-piano-cell{height:24px}.wa-mpc-pad{min-height:112px}.wa-ms button{width:34px;height:32px}.wa-win select,.wa-arrange-block select,.wa-export select{min-height:44px}}.wa-mpc-deck{grid-template-columns:minmax(0,1fr) minmax(170px,230px);align-items:start;gap:14px;margin-bottom:12px;display:grid}.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;max-height:none;margin-bottom:0}.wa-mpc-side .wa-mpc-toolbar>*{flex:none;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 (width<=700px){.wa-mpc-deck{grid-template-columns:1fr}.wa-mpc-side .wa-mpc-toolbar{flex-flow:wrap}.wa-mpc-side .wa-mpc-toolbar>*{flex:1 0 auto;width:auto}}.wa-scratch{touch-action:none;justify-content:center;padding:6px 0 2px;display:flex}.wa-scratch-disc{aspect-ratio:1;cursor:grab;user-select:none;touch-action:none;background:radial-gradient(circle,#26262c 0 27%,#0000 27%),repeating-radial-gradient(circle,#16161b 0 2px,#0b0b0f 2px 4px),#0a0a0d;border-radius:50%;justify-content:center;align-items:center;width:min(240px,72vw);display:flex;position:relative;box-shadow:0 10px 28px #0000008c,inset 0 0 0 2px #000}.wa-scratch-disc:active{cursor:grabbing}.wa-scratch-disc:after{content:"";background:#ffffff38;border-radius:2px;width:3px;height:44%;position:absolute;top:6%;left:50%;transform:translate(-50%)}.wa-scratch-label{aspect-ratio:1;z-index:1;letter-spacing:.1em;color:#06140f;background:linear-gradient(135deg, var(--wa-accent), var(--wa-accent-dim));border-radius:50%;justify-content:center;align-items:center;width:34%;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 0 0 4px #00000040}.wa-drawer-overlay{z-index:9994;opacity:0;pointer-events:none;background:#0404088c;transition:opacity .2s;position:fixed;inset:0}.wa-drawer-overlay.open{opacity:1;pointer-events:auto}.wa-drawer{z-index:9995;background:var(--wa-surface);border-left:1px solid var(--wa-border-2);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:min(580px,94vw);height:100dvh;padding:14px;transition:transform .24s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-14px 0 44px #00000080}.wa-drawer.open{transform:translate(0)}.wa-drawer-head{border-bottom:1px solid var(--wa-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.wa-drawer-title{letter-spacing:.14em;color:var(--wa-accent);font-size:12px;font-weight:700}.wa-help-shortcuts{border-bottom:1px solid var(--wa-border);margin-bottom:14px;padding-bottom:12px}.wa-help-shortcut-row{justify-content:space-between;gap:12px;margin:6px 0;font-size:12px;display:flex}.wa-help-key{color:var(--wa-accent);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.wa-help-desc{color:var(--wa-muted);text-align:right}.wa-help-topics{margin-top:12px}.wa-help-topic{margin:4px 0 14px}.wa-help-topic-title{color:var(--wa-text);margin:10px 0 4px;font-size:13px}.wa-help-topic .wa-help{margin:0}.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-grid),.wa-panel:has(>.wa-piano-roll){scrollbar-color:var(--wa-accent-dim) var(--wa-bg);scrollbar-width:thin;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}.wa-panel:has(>.wa-grid):after,.wa-panel:has(>.wa-event-grid):after,.wa-panel:has(>.wa-piano-roll):after{content:"scroll sideways for all steps";width:max-content;color:var(--wa-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font-size:9px;display:none}.wa-tabs,.wa-transport{scrollbar-color:var(--wa-accent-dim) var(--wa-surface);scrollbar-width:thin}@media (width<=900px){.wa-workarea{grid-template-columns:1fr}.wa-inspector{order:initial;max-height:none;margin-top:10px;position:static}.wa-inspector .wa-selected-sample{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}}@media (width>=901px) and (height>=650px){.immersive-page .wa-page-pads{min-height:100%}.immersive-page .wa-pads-main,.immersive-page .wa-page-pads>.wa-pads-main>.wa-panel,.immersive-page .wa-page-pads .wa-mpc-deck,.immersive-page .wa-page-pads .wa-mpc-pad-area{flex:auto;min-height:0}.immersive-page .wa-page-pads>.wa-pads-main>.wa-panel,.immersive-page .wa-page-pads .wa-mpc-pad-area{flex-direction:column;display:flex}.immersive-page .wa-page-pads .wa-mpc-pads{flex:auto;grid-template-rows:repeat(4,minmax(84px,1fr))}.immersive-page .wa-page-pads .wa-mpc-deck{align-items:stretch}.immersive-page .wa-page-mix{grid-template-rows:auto auto;grid-template-columns:minmax(520px,.85fr) minmax(420px,1.15fr);align-content:start}.immersive-page .wa-page-mix>.wa-mix-channels{grid-area:1/1/-1;align-self:start}.immersive-page .wa-page-mix>.wa-mix-export{grid-area:1/2;align-self:start}.immersive-page .wa-page-mix>.wa-mix-flex{grid-area:2/2;align-self:start}.immersive-page .wa-page-mix .wa-mixer{grid-template-columns:repeat(10,minmax(42px,1fr));justify-content:stretch;gap:4px;display:grid}.immersive-page .wa-page-mix .wa-ch{min-width:0}}@media (width<=700px){.wa-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:visible}.wa-win{border-radius:0;width:100%;max-width:100vw;padding:6px;overflow:clip}.wa-title{height:42px;padding:0 9px}.wa-title-text{letter-spacing:.12em;font-size:10px}.wa-title-dots{display:none}.wa-project-name{flex:auto;width:auto}.wa-lcd{flex-wrap:wrap;gap:5px 12px;min-height:44px;padding:7px 10px}.wa-lcd-seg{font-size:16px}.wa-save-state{margin-left:0}.wa-panels{min-height:0;padding:8px}.wa-workspace-section{padding:9px;overflow:hidden}.wa-tabs{overscroll-behavior-inline:contain;overflow-x:auto}.wa-tab{white-space:nowrap;flex:1 0 auto;min-width:92px;padding:11px 12px}.wa-rack{grid-template-columns:1fr}.wa-arrange-lane{flex-direction:column}.wa-arrange-lane-label{width:auto}.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{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.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-grid):after,.wa-panel:has(>.wa-piano-roll):after{display:block}.wa-grid{min-width:690px}.wa-event-grid{min-width:600px}.wa-piano-roll{min-width:690px}.wa-slider-row{grid-template-columns:minmax(58px,auto) minmax(100px,1fr) minmax(38px,auto);gap:7px;display:grid}.wa-slider{width:100%;min-width:0}.wa-transport{overscroll-behavior-inline:contain;flex-wrap:nowrap;width:100%;max-width:100%;top:0;overflow-x:auto}.wa-transport>*{flex:none}.wa-tutorial-card{bottom:8px;right:8px}}@media (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 (height<=520px){.wa-title{height:34px;margin-bottom:4px}.wa-lcd{min-height:32px;margin-bottom:4px;padding:4px 10px}.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}}.wa-session{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);gap:6px;margin:12px 0;padding:11px;display:grid}.wa-session-row{grid-template-columns:86px repeat(3,minmax(72px,1fr));align-items:stretch;gap:6px;display:grid}.wa-session-head{margin-bottom:2px}.wa-session-scene{letter-spacing:.1em;color:var(--wa-muted);align-self:center;padding-left:2px;font-size:11px;font-weight:600}.wa-clip-stop{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 8px;font-family:inherit;font-size:12px;font-weight:600;transition:background .11s,color .11s,border-color .11s}.wa-clip-stop:hover{background:var(--wa-surface-3);color:var(--wa-text)}.wa-session .wa-scene-launch{min-width:0;padding:7px 8px}.wa-session .wa-scene-launch.active{outline:2px solid var(--wa-accent-dim);outline-offset:1px}.wa-clip{cursor:pointer;background:var(--wa-surface-2);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);min-height:34px;transition:background .11s,border-color .11s;position:relative}.wa-clip:hover{background:var(--wa-surface-3)}.wa-clip:before{content:"";border:1px solid var(--wa-border-2);opacity:.6;border-radius:50%;width:10px;height:10px;margin:auto;position:absolute;inset:0}.wa-clip.has:before{background:var(--wa-muted);border-color:var(--wa-muted);opacity:.9}.wa-clip.sel{border-color:var(--wa-accent-dim)}.wa-clip.armed.has:before{background:var(--wa-amber);border-color:var(--wa-amber)}.wa-clip.playing{border-color:var(--wa-accent);background:#00e5ff1f}.wa-clip.playing.has:before{background:var(--wa-accent);border-color:var(--wa-accent)}.wa-clip.queued{border-color:var(--wa-amber);animation:.7s linear infinite alternate wa-clip-blink}.wa-clip.queued:before{background:var(--wa-amber);border-color:var(--wa-amber)}.wa-clip:after{content:"";background:var(--scene-color,transparent);border-radius:var(--wa-radius-sm) var(--wa-radius-sm) 0 0;height:3px;position:absolute;top:0;left:0;right:0}@keyframes wa-clip-blink{0%{background:var(--wa-surface-2)}to{background:#ffc4422e}}@media (width<=760px){.wa-session-row{grid-template-columns:64px repeat(3,minmax(0,1fr))}}.wa-lbl,.wa-fx-title,.wa-section-title,.wa-inspector-title,.wa-drawer-title,.wa-title-text{color:var(--wa-text);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px #ffffff12,0 -1px #0000008c}.wa-workspace-section,.wa-panel{background-image:radial-gradient(3px at 9px 9px,#171310 45%,#55483a 55%,#0000 60%),radial-gradient(3px at calc(100% - 9px) 9px,#171310 45%,#55483a 55%,#0000 60%),radial-gradient(3px at 9px calc(100% - 9px),#171310 45%,#55483a 55%,#0000 60%),radial-gradient(3px at calc(100% - 9px) calc(100% - 9px),#171310 45%,#55483a 55%,#0000 60%),linear-gradient(#ffffff06,#0000001a);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000004d}.wa-lcd{background:var(--wa-phos-bg);border:1px solid #123640;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000000bf,inset 0 0 4px #34e2ff1f}.wa-lcd .wa-lcd-seg,.wa-lcd .wa-save-state{color:var(--wa-phos);text-shadow:0 0 6px #34e2ffa6;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.wa-lcd:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.wa-scope,.wa-wave-mini,.wa-env-canvas,.wa-waveform{background:var(--wa-phos-bg);border:1px solid #123640;border-radius:4px;box-shadow:inset 0 0 14px #000000b3,0 0 6px #34e2ff14}.wa-piano-roll{background:var(--wa-phos-bg);border-color:#123640}.wa-knob-row.wa-slider-row,.wa-vblock .wa-knob-row,.wa-selected-sample .wa-knob-row,.wa-device .wa-knob-row,.wa-pad-controls .wa-knob-row,.wa-knob-row{flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 4px;display:inline-flex}.wa-knob{--wa-knob-col:var(--wa-accent);--wa-knob-pct:0;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 50% 38%, #4a3e30, #241d15 72%) content-box, conic-gradient(from 225deg, var(--wa-knob-col) calc(var(--wa-knob-pct) * 270deg), #00000080 calc(var(--wa-knob-pct) * 270deg) 270deg, transparent 270deg) border-box;border:1px solid #00000080;border-radius:50%;width:44px;height:44px;padding:4px;position:relative;box-shadow:0 2px 5px #00000080,inset 0 1px #ffffff1f}.wa-knob:focus-visible{outline:2px solid var(--wa-blue);outline-offset:2px}.wa-knob.active{box-shadow:0 2px 5px #00000080,0 0 0 2px #ff9f4340}.wa-knob-line{transform-origin:50% 0;background:var(--wa-text);border-radius:2px;width:2px;height:15px;margin-left:-1px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #0009}.wa-knob-val{color:var(--wa-muted);font-variant-numeric:tabular-nums;min-height:12px;font-size:10px}.wa-knob-lbl{letter-spacing:.07em;text-transform:uppercase;color:var(--wa-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:74px;font-size:9px;overflow:hidden}.wa-device,.wa-vblock,.wa-combinator,.wa-selected-sample,.wa-pad-controls,.wa-event-editor{flex-wrap:wrap;align-items:flex-start;gap:2px 4px;display:flex}.wa-device>.wa-device-header,.wa-vblock>.wa-fx-title,.wa-vblock>.wa-wave-mini,.wa-vblock>.wa-env-canvas,.wa-combinator>.wa-fx-title,.wa-combinator>.wa-export,.wa-vblock>.wa-advanced-only,.wa-vblock>.wa-export{flex-basis:100%}.wa-advanced-only{flex-wrap:wrap;gap:2px 4px;display:flex}.wa-off{opacity:.4;pointer-events:none}.wa-vblock:has(.wa-env-canvas) .wa-knob{--wa-knob-col:var(--wa-teal)}.wa-device .wa-knob{--wa-knob-col:var(--wa-blue)}.wa-combinator .wa-knob{--wa-knob-col:var(--wa-purple)}.wa-power{background:var(--wa-surface-2);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);color:var(--wa-muted);letter-spacing:.1em;cursor:pointer;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:inline-flex}.wa-power-led{background:#57402a;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 2px #000000b3}.wa-power.on{color:var(--wa-text)}.wa-power.on .wa-power-led{background:var(--wa-phos);box-shadow:0 0 7px #34e2ffcc}.wa-title .wa-knob-row{min-width:52px;padding:0 4px}.wa-title .wa-knob{width:34px;height:34px;padding:3px}.wa-title .wa-knob-line{height:11px}.wa-title .wa-knob-val{display:none}.wa-win[data-density=comfortable] .wa-btn-sm,.wa-win[data-density=comfortable] select,.wa-win[data-density=comfortable] input{min-height:38px}.wa-win[data-density=comfortable] .wa-cell{min-height:34px}.wa-win[data-density=comfortable] .wa-pad{min-height:76px}.wa-win[data-density=comfortable] .wa-panel{padding:12px}.wa-knob-row.wa-slider-row{justify-content:flex-start;width:auto}.wa-knob-row .wa-lbl{display:none}.wa-win{flex-direction:column;height:auto;min-height:calc(100dvh - 150px);display:flex}.wa-sticky-chrome{z-index:40;background:var(--wa-bg);margin:0 -2px;padding:6px 0 8px;position:sticky;top:0;box-shadow:0 10px 18px #00000073}.wa-modebar{gap:8px;display:flex}.wa-modekey{background:linear-gradient(180deg, var(--wa-surface-2), var(--wa-surface));border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);color:var(--wa-muted);letter-spacing:.16em;cursor:pointer;border-bottom-width:3px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 6px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff0f}.wa-modekey:hover{color:var(--wa-text)}.wa-modekey.active{color:var(--wa-text);background:var(--wa-surface-2);border-bottom-color:var(--wa-accent)}.wa-modekey-led{background:#16241b;border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 2px #000}.wa-modekey.active .wa-modekey-led{background:var(--wa-phos);box-shadow:0 0 6px var(--wa-phos)}.wa-lcd-mode{color:var(--wa-phos)}.wa-pagehost{margin-top:4px;position:relative}.wa-page{flex-direction:column;gap:12px;display:flex}.wa-page[hidden]{display:none}.wa-subtabs{gap:4px;display:flex}.wa-subtab{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);color:var(--wa-muted);cursor:pointer;padding:5px 14px;font-size:11px}.wa-subtab.active{color:var(--wa-text);background:var(--wa-surface-2);border-color:var(--wa-accent-dim)}.wa-page-drums{flex-direction:row;gap:12px}.wa-drums-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.wa-page-drums .wa-inspector,.wa-page-pads .wa-inspector{flex:0 0 280px;align-self:flex-start;width:280px;max-height:calc(100dvh - 130px);margin:0;position:sticky;top:118px;overflow-y:auto}.wa-lane-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.wa-lane-wave{background:var(--wa-phos-bg);border:1px solid #123640;border-radius:4px;width:100%;height:72px;margin-bottom:6px;display:block}.wa-lane-wave-empty{border:1px dashed var(--wa-border-2);color:var(--wa-muted);letter-spacing:.08em;text-align:center;border-radius:4px;margin-bottom:6px;padding:14px 8px;font-size:10px}.wa-lane-knobs{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.wa-lane-sd{border-top:1px solid var(--wa-border);margin-top:10px;padding-top:8px}.wa-page-drums .wa-grid{flex-direction:column;gap:4px;display:flex}.wa-page-pads{flex-direction:row;gap:12px}.wa-pads-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.wa-page-pads .wa-mpc-deck{align-items:flex-start;gap:16px;margin-bottom:0;display:flex}.wa-page-pads .wa-mpc-pad-area{flex:1;min-width:0}.wa-page-pads .wa-mpc-pads{width:100%;max-width:720px;margin:0}.wa-page-pads .wa-mpc-side{flex:0 0 190px}.wa-page-pads .wa-mpc-side.condensed .wa-mpc-toolbar>:nth-child(n+10){display:none}.wa-side-more{width:100%;margin-top:4px}.wa-transport .wa-btn{height:34px}@media (width<=700px){.wa-page-pads .wa-mpc-deck{flex-direction:column}.wa-page-pads .wa-mpc-side{flex:none;width:100%}.wa-page-pads .wa-mpc-pad{min-height:74px}}@media (width>=1101px){.wa-editpad-toggle{display:none}}@media (width<=1100px){.wa-page-pads .wa-inspector,.wa-page-drums .wa-inspector{display:none}.wa-page-pads.show-inspector .wa-inspector,.wa-page-drums.show-inspector .wa-inspector{z-index:45;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);width:min(300px,85%);padding:10px;display:block;position:fixed;top:120px;bottom:8px;right:8px;overflow-y:auto}}.wa-synth-main{align-items:flex-start;gap:10px;display:flex}.wa-synth-side{flex-direction:column;flex:0 0 250px;gap:8px;display:flex;position:sticky;top:108px}.wa-synth-viewhost{flex-direction:column;flex:1;min-width:0;display:flex}.wa-synth-viewhost .wa-piano-roll{height:420px;margin:0}.wa-xy-wrap{background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);flex-direction:column;gap:6px;padding:10px;display:flex}.wa-xy-field{aspect-ratio:1;background:linear-gradient(#34e2ff0d 1px, transparent 1px), linear-gradient(90deg, #34e2ff0d 1px, transparent 1px), var(--wa-phos-bg);cursor:crosshair;touch-action:none;background-size:25% 25%,25% 25%,auto;border:1px solid #123640;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000000b3}.wa-xy-dot{background:var(--wa-phos);width:14px;height:14px;box-shadow:0 0 12px var(--wa-phos), 0 0 30px #34e2ff73;pointer-events:none;border-radius:50%;margin:-7px;transition:box-shadow .2s;position:absolute}.wa-xy-field.orbiting .wa-xy-dot{box-shadow:0 0 16px var(--wa-phos), 0 0 46px #34e2ffb3}.wa-xy-readout{color:var(--wa-phos);text-align:center;font:10px/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace}.wa-xy-perf{gap:6px;display:flex}.wa-xy-perf .wa-btn-sm{flex:1}.wa-silence{color:var(--wa-red);border-color:color-mix(in srgb, var(--wa-red) 40%, var(--wa-border-2))}@media (width<=900px){.wa-synth-main{flex-direction:column}.wa-synth-side{flex:none;width:100%;max-width:340px;position:static}}.wa-piano-roll.wa-roll2{border-radius:var(--wa-radius-sm);background:var(--wa-phos-bg);border:1px solid #123640;flex-direction:column;min-width:0;display:flex;overflow:hidden}.wa-roll2-scroll{overscroll-behavior:contain;flex:1;min-height:120px;position:relative;overflow-y:auto}.wa-roll2-canvas{touch-action:none;width:100%;display:block}.wa-roll2-vel{touch-action:none;border-top:1px solid #123640;flex:none;width:100%;height:52px;display:block}.wa-roll2 .wa-roll-playhead{bottom:auto;left:37px}.wa-page-synth .wa-keys{z-index:20;position:sticky;bottom:8px;box-shadow:0 -10px 24px #00000080}.wa-sound-host>[hidden]{display:none}.wa-sound-host .wa-vpatch{columns:248px;column-gap:8px;display:block}.wa-sound-host .wa-vblock{break-inside:avoid;width:100%;margin-bottom:8px}.wa-page-song .wa-panel{flex-direction:column;display:flex}.wa-page-song .wa-session{margin-top:10px}.wa-page-song .wa-clip{background:color-mix(in srgb, var(--scene-color,var(--wa-surface-3)) 10%, var(--wa-surface-2));border:1px solid color-mix(in srgb, var(--scene-color,var(--wa-border-2)) 35%, var(--wa-border-2));height:42px}.wa-page-song .wa-clip.has{background:color-mix(in srgb, var(--scene-color,var(--wa-surface-3)) 42%, var(--wa-surface-2))}.wa-page-song .wa-scene-launch{min-width:64px}.wa-page-mix .wa-device{min-width:200px}.wa-page-mix .wa-mixer{gap:8px;display:flex}.wa-devbrowser{flex:1;gap:10px;min-height:0;display:flex}.wa-devtabs{flex-direction:column;flex:0 0 150px;gap:4px;display:flex}.wa-devtab{background:linear-gradient(180deg, var(--wa-surface-2), var(--wa-surface));border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);color:var(--wa-muted);letter-spacing:.1em;text-align:left;cursor:pointer;border-left-width:3px;align-items:center;gap:7px;padding:8px;font-family:inherit;font-size:10px;display:flex}.wa-devtab:hover{color:var(--wa-text)}.wa-devtab.active{color:var(--wa-text);border-left-color:var(--wa-accent);background:var(--wa-surface-2)}.wa-devtab .wa-modekey-led.lit{background:var(--wa-phos);box-shadow:0 0 6px var(--wa-phos)}.wa-devtab .wa-led-none{visibility:hidden}.wa-devdetail{flex:1;min-width:0;overflow-y:auto}@media (width<=700px){.wa-devbrowser{flex-direction:column}.wa-devtabs{flex-flow:wrap;flex-basis:auto}}.wa-pad-layers{border-top:1px solid var(--wa-border);margin-top:10px;padding-top:8px}.wa-pad-layers select{width:100%;margin:6px 0}.wa-pad-layer-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px;display:flex}.wa-pad-layer-row .wa-sample-name{flex:100%;margin-top:0}.wa-vel-in{background:var(--wa-surface-2);width:46px;color:var(--wa-text);border:1px solid var(--wa-border-2);border-radius:4px;padding:3px 4px;font-family:inherit}.wa-overlay{z-index:45;background:var(--wa-bg);border:1px solid var(--wa-border-2);border-radius:var(--wa-radius-sm);flex-direction:column;width:min(1100px,96vw);max-height:calc(100dvh - 130px);padding:12px;display:flex;position:fixed;top:118px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #0009}.wa-overlay[hidden]{display:none}.wa-overlay-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wa-overlay-body{flex:1;min-height:0;overflow-y:auto}.wa-transport{position:static}.wa-win:fullscreen{border-left-width:0;border-right-width:0;border-radius:0;margin:0;overflow-y:auto}.wa-win:fullscreen:before,.wa-win:fullscreen:after{display:none}@media (width<=900px){.wa-modebar{gap:3px}.wa-modekey{letter-spacing:.06em;gap:4px;padding:9px 2px;font-size:9px}.wa-page-pads,.wa-page-drums{flex-direction:column}}.wa-win{padding:8px 10px}.wa-title{gap:8px;height:30px;margin-bottom:4px}.wa-title-text{font-size:11px}.wa-lcd{gap:14px;min-height:26px;margin-bottom:4px;padding:3px 12px}.wa-lcd-seg{font-size:13px}.wa-sticky-chrome{padding:4px 0 6px}.wa-modebar{gap:5px}.wa-modekey{letter-spacing:.12em;gap:6px;padding:7px 4px;font-size:11px}.wa-transport{gap:5px;margin-top:5px;padding:4px 8px}.wa-transport .wa-btn{min-width:34px;height:27px;padding:0 9px;font-size:13px}.wa-transport .wa-btn-sm{min-width:28px;height:25px;padding:0 7px;font-size:11px}.wa-bpm{width:46px;padding:2px;font-size:15px}.wa-sep{height:20px;margin:0 3px}.wa-btn{height:30px;font-size:13px}.wa-btn-sm{height:25px;padding:0 8px;font-size:11px}.wa-lbl{font-size:9px}.wa-panel{margin-bottom:8px;padding:9px}.wa-page{gap:8px}.wa-fx-title{margin-bottom:7px;font-size:10px}.wa-knob{width:34px;height:34px;padding:4px}.wa-knob-line{height:10px}.wa-knob-val{font-size:8px}.wa-knob-row{min-width:46px}.wa-slider-row{margin:5px 0}.wa-help{margin:4px 0;font-size:10px}.wa-status{font-size:10px}.wa-drum{flex:0 0 76px;width:76px;height:25px;padding:0 7px;font-size:11px}.wa-ruler-spacer{flex:0 0 76px;width:76px}.wa-pat-btn{min-width:30px;padding:4px 10px;font-size:11px}.wa-page-drums .wa-inspector,.wa-page-pads .wa-inspector{flex-basis:250px;width:250px;top:100px}.wa-mpc-pad{min-height:68px;padding:7px}.wa-mpc-pad-number{font-size:13px}.wa-mpc-pad-name{font-size:10px}.wa-pad-trigger{height:40px;font-size:11px}.wa-synth-side{flex-basis:230px;top:100px}.wa-vblock{min-width:165px;padding:8px}.wa-wave-mini{height:34px}.wa-vblock>.wa-wave-mini{height:64px}.wa-scope{height:56px;margin:6px 0}.wa-page-song .wa-scene-launch{min-width:52px;padding:4px 6px}.wa-clip-stop{padding:4px 6px;font-size:11px}.wa-devtabs{flex-basis:128px}.wa-devtab{padding:6px 7px;font-size:9px}.wa-combinator,.wa-device{margin-bottom:7px;padding:9px}.wa-mixer{gap:6px}.wa-sd-item input[type=range]{width:110px}.wa-vblock .wa-knob-row{min-width:52px}.wa-synth-side .wa-scope{width:100%;height:64px;margin:0}.wa-synth-side .wa-xy-wrap{gap:5px}.wa-preset-search{height:26px;font-size:11px}.wa-page-pads .wa-mpc-deck{justify-content:center}.wa-devdetail .wa-device,.wa-devdetail .wa-combinator{max-width:none}.wa-devdetail .wa-device{flex-wrap:wrap;align-items:flex-end;gap:4px 14px;display:flex}.wa-devdetail .wa-device .wa-device-header,.wa-devdetail .wa-device .wa-export{flex:100%}.wa-page-mix{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:10px 12px;display:grid}.wa-page-mix>.wa-mix-flex{grid-column:1/-1}.wa-page-song .wa-session-row{grid-template-columns:72px repeat(3,minmax(72px,1fr))}.wa-panel,.wa-xy-wrap,.wa-inspector{border-radius:var(--wa-radius-sm)}.wa-vblock{padding:8px 9px}.wa-vblock .wa-fx-title{margin-bottom:5px}.wa-vblock .wa-slider-row,.wa-vblock .wa-knob-row{margin:3px 0}.wa-vblock select,.wa-vblock input[type=text]{height:24px;font-size:11px}.wa-env-canvas{height:56px}.wa-chords{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.wa-chords .wa-btn,.wa-chords .wa-btn-sm{width:100%;height:26px;padding:0 4px;font-size:10px}.wa-synth-side .wa-xy-wrap{padding:8px}.wa-page-drums .wa-grid .wa-cell{height:clamp(25px,12.5dvh - 66.25px,56px)}.wa-drum{align-items:center;height:clamp(25px,12.5dvh - 66.25px,56px);display:flex}.wa-page-song .wa-clip{height:clamp(30px,12.5dvh - 53.75px,62px)}.wa-page-song .wa-scene-launch{justify-content:center;align-items:center;display:flex}.wa-synth-viewhost .wa-piano-roll{height:clamp(300px,100dvh - 590px,700px)}.wa-mpc-pad{min-height:clamp(64px,25dvh - 125px,140px)}.wa-page-pads .wa-mpc-pads{max-width:min(1150px,100%)}.wa-lane-wave{height:clamp(56px,9dvh,100px)}.wa-fader{height:clamp(100px,19dvh,180px)}.wa-sound-host .wa-vpatch{columns:clamp(230px, 16vw, 300px)}.wa-devdetail .wa-knob{width:clamp(34px,4dvh,48px);height:clamp(34px,4dvh,48px)}@media (height<=540px){.wa-sticky-chrome{box-shadow:none;padding:2px 0;position:static}.wa-title{height:26px;margin-bottom:3px}.wa-lcd{min-height:20px;margin-bottom:3px;padding:2px 10px}.wa-lcd-seg{font-size:11px}.wa-modekey{letter-spacing:.08em;padding:5px 3px;font-size:10px}.wa-transport{flex-wrap:nowrap;overflow-x:auto}.wa-transport>*{flex:none}.wa-page-synth .wa-keys,.wa-page-synth .wa-key{height:78px}.wa-page-synth .wa-key-black{height:48px}.wa-synth-viewhost .wa-piano-roll{height:240px}.wa-synth-main{flex-direction:row}.wa-synth-side{flex:0 0 170px;width:auto;max-width:none;position:static}.wa-page-drums .wa-inspector,.wa-page-pads .wa-inspector{max-height:none;position:static}}.wa-xy-field{aspect-ratio:auto;height:clamp(160px,24dvh,240px);max-height:240px}.wa-synth-side{flex-basis:clamp(210px,13vw,260px)}.wa-synth-side .wa-chords{max-height:clamp(90px,100dvh - 720px,230px);overflow-y:auto}.wa-synth-main{align-items:stretch}.wa-synth-viewhost{flex-direction:column;display:flex}.wa-synth-viewhost .wa-piano-roll{flex:1 1 0;height:auto;min-height:clamp(300px,100dvh - 590px,700px)}.wa-sound-host{flex:1;min-height:0;overflow-y:auto}@media (height<=540px){.wa-synth-side>:not(:first-child){display:none}.wa-synth-viewhost .wa-piano-roll{min-height:240px}}.wa-xy-field{height:clamp(150px,20dvh,220px)}.wa-synth-side .wa-scope{height:clamp(40px,6dvh,60px)}.wa-page-synth .wa-keys,.wa-page-synth .wa-key{height:clamp(84px,12dvh,140px)}.wa-page-synth .wa-key-black{height:clamp(52px,7.4dvh,86px)}.immersive-page{background:#090b0e;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;overflow:hidden}.immersive-page>main{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}.immersive-page .wa-wrap{align-items:stretch;width:100vw;height:100dvh;margin:0}.immersive-page #studio{width:100%;min-width:0}.immersive-page .wa-win{border-top:0;border-bottom:0;border-radius:0;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.immersive-page .wa-pagehost{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.wa-site-exit{z-index:120;color:var(--muted);letter-spacing:.13em;opacity:.72;font:600 9px/1.2 ui-monospace,monospace;text-decoration:none;position:fixed;top:7px;right:13px}.wa-site-exit:hover,.wa-site-exit:focus-visible{color:#34e2ff;opacity:1}.wa-roll-toolbar,.wa-kit-library,.wa-song-library,.wa-composer-head,.wa-automation-editor{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wa-roll-toolbar{background:#0a0f13;border-bottom:1px solid #123640;flex:none;padding:6px 8px}.wa-roll-lanes{gap:4px;display:flex}.wa-roll-spacer{flex:1}.wa-roll-toolbar select,.wa-kit-library select,.wa-song-library select,.wa-automation-editor select,.wa-automation-editor input{min-width:0;min-height:30px;color:var(--wa-text);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);font:inherit;border-radius:4px;padding:4px 7px}.wa-automation-editor input{width:58px}.wa-roll-lane.active{color:#071114;background:var(--wa-accent);border-color:var(--wa-accent)}.wa-note-expression.active{color:#171009;background:var(--wa-amber);border-color:var(--wa-amber)}.wa-cell.outside-pattern{cursor:not-allowed;opacity:.18!important}.wa-composer{border-top:1px solid var(--wa-border);gap:8px;margin-top:10px;padding-top:10px;display:grid}.wa-composer-head .wa-fx-title{margin:0 auto 0 0}.wa-chainstrip{background:var(--wa-phos-bg);border:1px solid #123640;border-radius:5px;align-items:center;gap:6px;min-height:48px;padding:7px;display:flex;overflow-x:auto}.wa-chain-block{min-width:48px;color:var(--wa-text);background:var(--wa-surface-2);border:1px solid var(--wa-border-2);font:700 11px/1 var(--wa-font);border-radius:4px;flex:none;padding:8px 10px}.wa-chain-block.active{color:#071114;background:var(--wa-accent);border-color:var(--wa-accent)}.wa-chain-block.automated{box-shadow:inset 0 -3px var(--wa-purple)}.wa-chain-empty{color:var(--wa-muted);font-size:11px}.wa-automation-editor{background:#8f7bff0f;border:1px solid #8f7bff40;border-radius:5px;padding:7px}.wa-ramp-list{flex-wrap:wrap;flex:100%;gap:5px;display:flex}.wa-ramp-row{color:#cfc7ff;text-transform:uppercase;background:#8f7bff1c;border-radius:999px;align-items:center;gap:5px;padding:4px 5px 4px 8px;font-size:10px;display:flex}.wa-kit-library{border-bottom:1px solid var(--wa-border);margin-bottom:8px;padding-bottom:7px}.wa-name-dialog{width:min(420px,100vw - 24px);color:var(--wa-text);background:var(--wa-surface);border:1px solid var(--wa-border-2);border-radius:8px;padding:0;box-shadow:0 24px 70px #000000b8}.wa-name-dialog::backdrop{backdrop-filter:blur(3px);background:#030507c7}.wa-name-dialog form{gap:14px;padding:18px;display:grid}.wa-name-title{color:var(--wa-text);margin:0;font-size:16px}.wa-name-dialog input{width:100%;min-height:42px;color:var(--wa-text);background:var(--wa-phos-bg);font:13px var(--wa-font);border:1px solid #186276;border-radius:5px;padding:8px 10px}.wa-name-actions{justify-content:flex-end;gap:7px;display:flex}.wa-field-modes{gap:4px;margin-bottom:6px;display:flex}.wa-tone-terrain{cursor:crosshair;touch-action:none;background:radial-gradient(circle at 18% 70%,#ff9e2c33,#0000 22%),radial-gradient(circle at 75% 26%,#8f7bff38,#0000 28%),repeating-linear-gradient(90deg,#0000 0 calc(4.76% - 1px),#34e2ff1c calc(4.76% - 1px) 4.76%),repeating-linear-gradient(0deg,#0000 0 calc(14.28% - 1px),#34e2ff14 calc(14.28% - 1px) 14.28%),#050a0c;border:1px solid #123640;border-radius:4px;outline:none;height:clamp(150px,20dvh,220px);position:relative;overflow:hidden}.wa-tone-terrain:focus-visible{box-shadow:0 0 0 2px var(--wa-accent)}.wa-terrain-dot{background:var(--wa-amber);width:14px;height:14px;box-shadow:0 0 16px var(--wa-amber);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.wa-terrain-mini{background:radial-gradient(circle at var(--x) var(--y), #fff 0 2px, var(--wa-accent) 3px, transparent 5px), #0009;pointer-events:none;border:1px solid #34e2ff66;width:52px;height:36px;position:absolute;bottom:7px;right:7px}@media (width<=700px){.immersive-page .wa-win{border-left:0;border-right:0;padding:4px 4px 64px}.immersive-page .wa-win:before,.immersive-page .wa-win:after{display:none}.wa-site-exit{top:6px;right:7px}.wa-modebar{z-index:90;height:58px;padding:5px max(5px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));border-top:1px solid var(--wa-border-2);background:#101216f7;gap:3px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000080}.wa-modekey{min-width:0;min-height:46px;padding:5px 2px}.wa-roll-toolbar{z-index:4;position:sticky;top:0}.wa-roll-spacer{display:none}.wa-roll-toolbar select{flex:120px}.wa-note-expression{flex:1}.wa-composer-head{flex-wrap:nowrap;overflow-x:auto}.wa-composer-head>*{flex:none}.wa-automation-editor>select{flex:110px}.wa-song-library select{flex:100%}.wa-synth-side{max-width:none}}@media (width<=560px){.wa-title-text,.wa-title .wa-knob-row{display:none}.wa-fs-btn{width:42px;min-width:42px;font-size:0}.wa-fs-btn:after{content:"⛶";font-size:15px}.wa-power{justify-content:center;width:42px;min-width:42px;font-size:0}.wa-site-exit{display:none}}@media (pointer:coarse){.wa-btn,.wa-btn-sm,.wa-subtab,.wa-roll-toolbar select,.wa-kit-library select,.wa-song-library select,.wa-automation-editor select,.wa-automation-editor input{min-height:44px}.wa-cell{min-height:36px}}@media (height<=540px) and (pointer:coarse){.immersive-page .wa-win{padding-bottom:54px}.wa-modebar{z-index:90;border-top:1px solid var(--wa-border-2);background:#101216f7;height:50px;padding:3px 5px;position:fixed;bottom:0;left:0;right:0}.wa-modekey{min-height:44px}}@media (prefers-reduced-motion:reduce){.wa-win *,.wa-win :before,.wa-win :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.immersive-page{--studio-canvas:#090b0e;background:var(--studio-canvas)}.immersive-page .wa-win{--wa-bg:#0b0e12;--wa-surface:#11151a;--wa-surface-2:#171c22;--wa-surface-3:#20262d;--wa-border:#252c34;--wa-border-2:#343d47;--wa-text:#eef2f4;--wa-muted:#87919c;--wa-accent:#9bf56d;--wa-accent-dim:#57a73a;--wa-blue:#5bc8ff;--wa-amber:#ffad42;--wa-phos:#9bf56d;--wa-phos-dim:#447532;--wa-phos-bg:#0b0e12;--wa-purple:#aa8cff;--wa-radius:5px;--wa-radius-sm:4px;width:100%;max-width:none;height:100dvh;box-shadow:none;background:var(--wa-bg);border:0;border-radius:0;margin:0;padding:0}.immersive-page .wa-win:before,.immersive-page .wa-win:after{display:none}.immersive-page .wa-title{border:0;border-bottom:1px solid var(--wa-border);background:#0d1014;border-radius:0;gap:9px;height:46px;margin:0;padding:0 13px;box-shadow:0 1px #ffffff06}.immersive-page .wa-title-text{color:#fff;letter-spacing:.14em;white-space:nowrap;font-size:11px;font-weight:800}.immersive-page .wa-title-text:before{content:"";background:var(--wa-accent);border-radius:2px;width:8px;height:8px;margin-right:9px;display:inline-block;box-shadow:0 0 14px #9bf56d6b}.immersive-page .wa-project-name{width:clamp(150px,22vw,320px);height:30px;color:var(--wa-text);background:#080a0d;border-color:#20262c;padding:0 10px}.immersive-page .wa-title .wa-btn-sm,.immersive-page .wa-power{border-color:var(--wa-border);background:0 0;min-height:30px;padding:0 10px}.immersive-page .wa-title .wa-btn-sm:hover,.immersive-page .wa-power:hover{background:var(--wa-surface-2)}.immersive-page .wa-power-led{box-shadow:none;background:#47515b}.immersive-page .wa-power.on .wa-power-led{background:var(--wa-accent);box-shadow:0 0 8px #9bf56d99}.immersive-page .wa-lcd{box-shadow:none;background:#0b0e12;border:0;border-radius:0}.immersive-page .wa-lcd:after{display:none}.immersive-page .wa-lcd .wa-lcd-seg{color:var(--wa-text);text-shadow:none}.immersive-page .wa-lcd .wa-lcd-mode{color:var(--wa-accent)}.immersive-page .wa-save-state{color:var(--wa-muted);background:0 0;border:0}.immersive-page .wa-transport{border:0;border-bottom:1px solid var(--wa-border);min-height:38px;box-shadow:none;background:#11151a;border-radius:0;gap:5px;margin:0;padding:4px 9px}.immersive-page .wa-transport .wa-btn,.immersive-page .wa-transport .wa-btn-sm{height:28px;min-height:28px;box-shadow:none;background:#1a2027;border-color:#303842;border-radius:4px}.immersive-page .wa-transport>.wa-btn:first-child{color:#0a1007;background:var(--wa-accent);border-color:var(--wa-accent)}.immersive-page .wa-transport>.wa-btn:nth-child(2){color:#dce1e4;background:#242b33}.immersive-page .wa-sep{background:#303740;height:20px;margin:0 3px}.immersive-page .wa-pagehost{scrollbar-color:#3c4650 #0c0f13;background-color:#0c0f13;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:0;min-height:0;padding:10px;overflow:auto}.immersive-page .wa-page{gap:9px}.immersive-page .wa-panel,.immersive-page .wa-inspector,.immersive-page .wa-session,.immersive-page .wa-device,.immersive-page .wa-xy-wrap{background:#12161bf5;border-color:#28313a;border-radius:5px;box-shadow:0 8px 28px #00000024}.immersive-page .wa-fx-title{color:#cbd2d7;letter-spacing:.11em;font-size:10px}.immersive-page .wa-fx-title:before{content:"";vertical-align:-1px;background:var(--wa-accent);border-radius:2px;width:3px;height:10px;margin-right:7px;display:inline-block}.immersive-page .wa-subtabs{border:1px solid var(--wa-border);background:#101419;border-radius:5px;gap:2px;min-height:34px;padding:3px}.immersive-page .wa-subtab{background:0 0;border:0;min-height:26px;padding:0 11px}.immersive-page .wa-subtab.active{color:#0c1209;background:var(--wa-accent);border:0}.immersive-page .wa-btn,.immersive-page .wa-btn-sm,.immersive-page select,.immersive-page input{box-shadow:none}.immersive-page .wa-btn:hover,.immersive-page .wa-btn-sm:hover{background:#262e36;border-color:#47525e}.immersive-page .wa-cell{background:#161b21;border-color:#283039;border-radius:3px;box-shadow:inset 0 1px #ffffff05}.immersive-page .wa-cell.wa-beat{background:#1c232a}.immersive-page .wa-cell.on{background:var(--wa-accent);border-color:#8de863;box-shadow:0 0 0 1px #9bf56d2e,0 0 12px #9bf56d29}.immersive-page .wa-drum{background:#171c22;border:0;border-left:3px solid #3b4650;border-radius:3px}.immersive-page .wa-drum.active{color:var(--wa-text);border-left-color:var(--wa-accent);background:#20272e}.immersive-page .wa-mpc-pad{background:linear-gradient(145deg,#252c34,#171c22);border-color:#313a44;border-radius:6px;box-shadow:inset 0 1px #ffffff0e,0 5px 14px #0000004d}.immersive-page .wa-mpc-pad:hover{background:linear-gradient(145deg,#2d3640,#1c2229);border-color:#52606d}.immersive-page .wa-mpc-pad.selected{border-color:var(--wa-accent);box-shadow:0 0 0 1px var(--wa-accent), 0 8px 24px #00000059}.immersive-page .wa-mpc-pad-number{color:var(--wa-accent)}.immersive-page .wa-roll-note{color:#0b1108;background:var(--wa-accent);border-color:#76ca50}.immersive-page .wa-page-song .wa-session{background:#0d1014;padding:7px}.immersive-page .wa-page-song .wa-session-row{gap:6px}.immersive-page .wa-page-song .wa-session-head{color:var(--wa-muted)}.immersive-page .wa-page-song .wa-scene-launch{color:#101316;background:#ffad42;border:0;border-radius:4px}.immersive-page .wa-page-song .wa-clip{border:0;border-left:3px solid color-mix(in srgb, var(--scene-color,var(--wa-muted)) 70%, #fff);background:color-mix(in srgb, var(--scene-color,#58616b) 11%, #151a20);border-radius:3px;box-shadow:inset 0 1px #ffffff06}.immersive-page .wa-page-song .wa-clip.has{background:color-mix(in srgb, var(--scene-color,#58616b) 27%, #171c22)}.immersive-page .wa-page-song .wa-clip.playing{border-left-color:var(--wa-accent);background:color-mix(in srgb, var(--wa-accent) 20%, #171c22)}.immersive-page .wa-chainstrip{background:#090c0f;border-color:#29323a}.immersive-page .wa-chain-block.active{color:#0b1108;background:var(--wa-accent)}.immersive-page .wa-device{background:#14191f;border-top:2px solid #3a444e}.immersive-page .wa-device:has(.wa-device-on.active){border-top-color:var(--wa-accent)}@media (width>=701px){.immersive-page .wa-win{grid-template-rows:46px 38px minmax(0,1fr);grid-template-columns:78px minmax(0,1fr);display:grid}.immersive-page .wa-title{grid-area:1/1/auto/-1}.immersive-page .wa-sticky-chrome{display:contents}.immersive-page .wa-modebar{z-index:20;border-right:1px solid var(--wa-border);background:#0f1317;flex-direction:column;grid-area:2/1/4;gap:3px;width:auto;height:auto;padding:8px 6px;display:flex;position:static;inset:auto}.immersive-page .wa-modekey{color:#77818b;letter-spacing:.08em;background:0 0;border:0;border-radius:5px;flex:0 0 62px;gap:4px;width:66px;min-width:0;padding:7px 2px 6px;font-size:9px}.immersive-page .wa-modekey:before{color:#9ca6af;font:600 18px/1 system-ui,sans-serif;display:block}.immersive-page .wa-modekey:first-child:before{content:"▦"}.immersive-page .wa-modekey:nth-child(2):before{content:"◆"}.immersive-page .wa-modekey:nth-child(3):before{content:"〽"}.immersive-page .wa-modekey:nth-child(4):before{content:"▤"}.immersive-page .wa-modekey:nth-child(5):before{content:"≡"}.immersive-page .wa-modekey-led{display:none}.immersive-page .wa-modekey:hover{color:var(--wa-text);background:#171d23}.immersive-page .wa-modekey.active{color:var(--wa-accent);box-shadow:inset 3px 0 var(--wa-accent);background:#1d252b;border:0}.immersive-page .wa-modekey.active:before{color:var(--wa-accent)}.immersive-page .wa-transport{grid-area:2/2}.immersive-page .wa-pagehost{grid-area:3/2}.immersive-page .wa-lcd{z-index:30;border-left:1px solid var(--wa-border);gap:12px;width:auto;min-height:29px;margin:0;padding:0 10px;position:absolute;top:8px;left:clamp(330px,41vw,590px)}.immersive-page .wa-lcd-seg{letter-spacing:.06em;font-size:11px}.immersive-page .wa-save-state{font-size:9px}}@media (width<=700px){.immersive-page .wa-win{padding:0 0 calc(58px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.immersive-page .wa-title{flex:0 0 42px;height:42px;padding:0 7px}.immersive-page .wa-title-text{align-items:center;width:21px;font-size:0;display:inline-flex;overflow:hidden}.immersive-page .wa-title-text:before{flex:none;width:10px;height:10px;margin-right:12px}.immersive-page .wa-project-name{flex:auto;width:80px;min-width:0}.immersive-page .wa-density-btn{display:none}.immersive-page .wa-lcd{border-bottom:1px solid var(--wa-border);flex:0 0 27px;gap:10px;min-height:27px;margin:0;padding:0 8px}.immersive-page .wa-lcd-seg{letter-spacing:.05em;font-size:10px}.immersive-page .wa-save-state{margin-left:auto}.immersive-page .wa-sticky-chrome{background:var(--wa-bg);flex:none;padding:0}.immersive-page .wa-transport{min-height:42px;overflow-x:auto}.immersive-page .wa-pagehost{flex:auto;padding:6px}.immersive-page .wa-modebar{height:calc(58px + env(safe-area-inset-bottom));padding:4px 5px env(safe-area-inset-bottom);background:#0d1014fa;border-top-color:#303841;gap:2px;box-shadow:0 -10px 28px #0000006b}.immersive-page .wa-modekey{background:0 0;border:0;border-radius:5px;min-height:50px}.immersive-page .wa-modekey.active{color:var(--wa-accent);box-shadow:inset 0 -3px var(--wa-accent);background:#1c2329;border:0}}