:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f0e;--surface:#151815;--surface-raised:#1b1f1b;--surface-soft:#20251f;--line:#343a33;--line-strong:#4a5148;--text:#f0f2ed;--muted:#9ca69a;--accent:#d7ff59;--accent-ink:#172000;--warning:#ffbd66;--danger:#ff7d6b;--radius:8px;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button,select,input{color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#111411;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:10px 18px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid var(--accent);border-radius:var(--radius);width:42px;height:42px;color:var(--accent);letter-spacing:-.08em;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.01em;font-size:15px}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:2px;font-size:11px}.connection-cluster{align-items:center;gap:10px;min-width:0;display:flex}.connection-state{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:430px;font-size:12px;overflow:hidden}.connection-state.is-connected{color:var(--accent)}.topbar-port-picker{min-width:230px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:7px;font-size:10px;display:grid}.topbar-port-picker select{width:100%}.workspace{grid-template-columns:248px minmax(0,1fr);min-height:0;display:grid}.preset-browser{border-right:1px solid var(--line);background:#111411;grid-template-rows:auto 1fr;min-height:0;display:grid}.bank-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.bank-tabs button,.editor-tabs button,.operator-tabs button{color:var(--muted);background:0 0;border:0}.bank-tabs button{border-right:1px solid var(--line);min-height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bank-tabs button:last-child{border-right:0}.bank-tabs button.is-active{color:var(--accent);background:var(--surface-soft);box-shadow:inset 0 -2px var(--accent)}.preset-list{padding:8px;overflow:auto}.preset-list button{border-radius:var(--radius);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:34px 1fr;align-items:center;gap:8px;width:100%;min-height:39px;padding:6px 8px;display:grid}.preset-list button:hover{background:var(--surface)}.preset-list button.is-active{border-color:var(--line-strong);background:var(--surface-soft)}.preset-list span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.preset-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.editor{grid-template-rows:auto auto 1fr;min-width:0;min-height:0;display:grid}.voice-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px 20px;display:flex}.voice-header>div:first-child>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.voice-header input{letter-spacing:-.04em;background:0 0;border:0;border-bottom:1px solid #0000;max-width:320px;padding:0;font-size:clamp(22px,3vw,34px);font-weight:700}.voice-header input:hover,.voice-header input:focus{border-bottom-color:var(--line-strong);outline:none}.voice-meta{gap:7px;display:flex}.voice-meta span,.protocol-tag{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:5px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.editor-tabs{border-bottom:1px solid var(--line);gap:22px;padding:0 20px;display:flex;overflow-x:auto}.editor-tabs button{white-space:nowrap;min-height:45px;padding:0;font-size:12px;font-weight:600}.editor-tabs button.is-active{color:var(--text);box-shadow:inset 0 -2px var(--accent)}.editor-content{min-height:0;padding:18px 20px 28px;overflow:auto}.editor-grid,.banks-layout,.midi-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.editor-grid--voice{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:16px}.panel--wide{grid-column:1/-1}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-height:34px;margin-bottom:15px;display:flex}.panel-heading h2,.section-lead h2{letter-spacing:-.01em;margin:0;font-size:14px}.panel-heading p,.section-lead p{max-width:72ch;color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.45}.panel-heading>span{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.voice-architecture-layout{grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr);align-items:center;gap:22px;display:grid}.global-controls{grid-template-columns:repeat(4,minmax(100px,1fr));align-items:stretch;gap:12px;display:grid}.algorithm-diagram{border:1px solid var(--line);border-radius:var(--radius);background:#101310;min-width:0;margin:0;padding:11px 13px 9px}.algorithm-diagram figcaption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.algorithm-diagram figcaption strong{color:var(--accent);font-size:11px}.algorithm-diagram svg{width:100%;height:128px;display:block;overflow:visible}.algorithm-lines path{fill:none;stroke:#8d998a;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.algorithm-lines .algorithm-feedback{stroke:var(--warning);stroke-dasharray:2.5 2.5}.algorithm-output-arrow{fill:var(--accent)}.algorithm-operator rect{fill:#232923;stroke:#899286;stroke-width:1px}.algorithm-operator text{fill:var(--text);text-anchor:middle;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.algorithm-operator.is-carrier rect{fill:var(--accent);stroke:var(--accent)}.algorithm-operator.is-carrier text{fill:var(--accent-ink)}.algorithm-operator.is-muted{opacity:.28}.algorithm-audio-label{fill:var(--accent);letter-spacing:.08em;font:700 6px ui-monospace,SFMono-Regular,Menlo,monospace}.algorithm-legend{color:#798276;text-transform:uppercase;align-items:center;gap:13px;margin-top:2px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.algorithm-legend span{align-items:center;gap:4px;display:flex}.algorithm-legend i{background:#232923;border:1px solid #899286;border-radius:2px;width:8px;height:8px}.algorithm-legend span:first-child i{border-color:var(--accent);background:var(--accent)}.operator-overview{grid-template-columns:repeat(6,minmax(90px,1fr));gap:8px;margin-top:18px;display:grid}.operator-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);text-align:left;min-height:106px;padding:10px;transition:transform .12s,border-color .12s}.operator-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.operator-tile.is-muted{opacity:.44}.operator-tile span,.operator-tile small{color:var(--muted);font-size:10px;display:block}.operator-tile .operator-number{color:var(--accent);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.operator-tile strong{margin-top:8px;font-size:28px;line-height:1;display:block}.operator-tile small{margin-top:8px}.operator-switches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.operator-switches label,.switch-row{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:flex}.control{gap:6px;min-width:0;margin-bottom:12px;display:grid}.control:last-child{margin-bottom:0}.control>span,.channel-field{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}select,input[type=number]{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:5px;min-height:34px;padding:6px 8px;font-size:12px}.channel-field{align-items:center;gap:8px;display:flex}.channel-field input{width:58px}.operator-tabs{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:14px;display:grid}.operator-tabs button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:38px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.operator-tabs button.is-active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.parameter-groups{grid-template-columns:repeat(2,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.parameter-groups--operators .parameter-group--keyboard-scaling{grid-column:1/-1}.parameter-groups--pitch{grid-template-columns:repeat(2,minmax(300px,1fr))}.knob-grid{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));align-items:start;gap:16px 10px;display:grid}.knob-grid--effects{grid-template-columns:repeat(3,minmax(72px,1fr))}.effects-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid}.section-lead{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.effect-panel{border-top:2px solid var(--accent)}.sequencer-layout{gap:14px;display:grid}.seq-settings{grid-template-columns:repeat(4,minmax(110px,1fr));align-items:center;gap:12px;display:grid}.seq-settings .control{margin-bottom:0}.seq-randomizer{gap:14px;display:grid}.seq-randomizer-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.seq-randomizer-heading h3{margin:0;font-size:13px}.seq-randomizer-heading p{max-width:68ch;color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.45}.seq-range{border:1px solid var(--line);color:var(--accent);background:#101310;border-radius:5px;flex:none;padding:4px 7px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.seq-randomizer-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.seq-randomizer-controls>.control{width:108px;margin:0}.seq-randomizer-controls>.control:nth-child(2){width:156px}.seq-randomizer-controls>.knob-control{width:78px}.seq-randomizer-controls .knob{--knob-size:52px}.seq-randomizer-controls .knob-control output{padding-block:2px}.seq-division-field{border:0;flex:262px;min-width:262px;margin:0;padding:0}.seq-division-field legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding:0;font-size:10px}.seq-division-field>div{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:5px;align-items:center;gap:6px;min-height:34px;padding:5px 7px;display:flex}.seq-division-field label{min-height:22px;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;padding:2px 5px;font-size:10px;display:flex}.seq-division-field input{width:14px;height:14px}.seq-seed{max-width:126px}.seq-randomizer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seq-action-divider{background:var(--line);width:1px;height:24px;margin-inline:2px}.seq-randomizer-actions .text-button{margin-left:auto}.seq-randomizer-actions .text-button:disabled{color:var(--muted);opacity:.45;cursor:default}.piano-roll{--key-width:58px;--seq-cell-width:48px;-webkit-user-select:none;user-select:none;padding:0;overflow:hidden}.piano-roll-scroll{overscroll-behavior:contain;scrollbar-color:#4a5148 #101310;max-height:min(620px,100dvh - 280px);overflow:auto}.piano-roll-inner{min-width:calc(var(--key-width) + var(--seq-length) * var(--seq-cell-width))}.piano-roll-header{z-index:4;grid-template-columns:var(--key-width) max-content;border-bottom:1px solid var(--line);background:#101310;display:grid;position:sticky;top:0}.piano-roll-corner{z-index:5;border-right:1px solid var(--line);background:#101310;position:sticky;left:0}.step-ruler{grid-template-columns:repeat(var(--seq-length), var(--seq-cell-width));min-width:0;display:grid}.step-ruler button{border:0;border-left:1px solid var(--line);min-height:34px;color:var(--muted);background:0 0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.step-ruler button.is-playing{color:var(--accent-ink);background:var(--accent)}.piano-roll-body{grid-template-columns:var(--key-width) max-content;min-height:380px;display:grid}.piano-keys{z-index:3;border-right:1px solid var(--line);background:#0f120f;grid-auto-rows:24px;display:grid;position:sticky;left:0}.piano-keys button{color:#161a16;background:#dfe4dc;border:0;border-bottom:1px solid #272d27;min-height:24px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.piano-keys button.is-black{color:var(--muted);background:#111411}.piano-keys button.is-playing,.piano-keys button:active{background:var(--accent);color:var(--accent-ink)}.note-grid{background:#151815;grid-auto-rows:24px;min-width:0;display:grid;overflow:hidden}.note-row{grid-template-columns:repeat(var(--seq-length), var(--seq-cell-width));border-bottom:1px solid #262c25;min-width:0;display:grid}.note-row.is-white{background:#181c18}.note-row.is-black{background:#121512}.note-cell{background:0 0;border:0;border-left:1px solid #323832;width:100%;min-width:0;min-height:24px;padding:2px;display:block;position:relative}.note-cell:nth-child(4n+1){border-left-color:#4a5148}.note-cell:nth-child(16n+1){border-left-color:#68705f}.note-cell.is-playing{background:#d7ff5921}.note-cell:hover{background:#d7ff5914}.note-cell.is-drop-target{box-shadow:inset 0 0 0 1px var(--accent);background:#d7ff592e}.note-cell span{z-index:1;color:#1b111d;text-align:left;pointer-events:auto;background:#bb63c7;border:1px solid #ff9df0;border-radius:4px;min-width:14px;height:100%;padding:2px 11px 2px 5px;font-size:9px;font-weight:800;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40}.note-cell span.is-moving{opacity:.72;cursor:grabbing;transform:translateY(1px)}.note-cell span i{cursor:ew-resize;pointer-events:auto;background:#ffffff2e;border-left:1px solid #1b111d61;width:9px;height:100%;position:absolute;top:0;right:0}.note-cell span i:hover{background:#ffffff57}.velocity-lane{grid-template-columns:var(--key-width) max-content;border-top:1px solid var(--line);background:#101310;display:grid}.velocity-lane>span{z-index:3;border-right:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#101310;padding:9px 8px;font-size:10px;position:sticky;left:0}.velocity-lane>div{grid-template-columns:repeat(var(--seq-length), var(--seq-cell-width));min-width:0;display:grid}.velocity-stack{border-left:1px solid var(--line);justify-content:center;align-items:end;gap:3px;min-width:0;min-height:88px;padding:4px 3px 18px;display:flex}.velocity-stack.is-playing{background:#d7ff5921}.velocity-stack>span{background:#343a33;align-self:end;width:100%;height:2px}.velocity-bar{cursor:ns-resize;background:0 0;border:0;place-items:end center;width:min(18px,34%);min-width:10px;height:66px;padding:0;display:grid;position:relative}.velocity-bar i{pointer-events:none;background:#ff7d6b;border-radius:4px 4px 0 0;width:min(18px,62%);min-height:2px}.velocity-bar output{color:var(--muted);pointer-events:none;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:4px}.knob-control{text-align:center;grid-template-rows:minmax(22px,auto) auto auto;align-content:start;justify-items:center;gap:7px;min-width:0;display:grid}.knob-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;line-height:1.25}.knob{--knob-size:64px;width:var(--knob-size);height:var(--knob-size);cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 38% 30%,#4a5148 0,#2a302a 28%,#171a17 72%);border:1px solid #4b5349;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -5px 9px #00000061,0 3px #0b0d0b}.knob:before{content:"";background:conic-gradient(from 225deg, var(--accent) 0 270deg, transparent 270deg 360deg);opacity:.18;pointer-events:none;border:1px solid #30362f;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(#0000 64%,#000 66%);mask:radial-gradient(#0000 64%,#000 66%)}.knob-indicator{background:var(--accent);width:3px;height:19px;transform:translateX(-50%) rotate(var(--knob-angle));transform-origin:50% 25px;pointer-events:none;border-radius:2px;position:absolute;top:7px;left:50%;box-shadow:0 0 0 1px #17200040}.knob:hover{border-color:#697265}.knob:focus-visible{outline-offset:5px}.knob.is-adjusting{border-color:var(--accent);transform:translateY(1px);box-shadow:inset 0 1px 1px #ffffff1a,inset 0 -4px 8px #0000006b,0 1px #0b0d0b}.knob-control output{min-width:42px;color:var(--text);white-space:nowrap;background:#101310;border:1px solid #30362f;border-radius:5px;padding:3px 6px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.knob-control--compact .knob{--knob-size:58px}.performance-controls{justify-content:flex-start;display:flex}.mini-keyboard{border:1px solid var(--line-strong);border-radius:var(--radius);-webkit-user-select:none;user-select:none;background:#0d100d;height:116px;margin-top:14px;position:relative;overflow:hidden}.mini-keyboard__white-keys{grid-template-columns:repeat(8,1fr);gap:2px;display:grid;position:absolute;inset:0}.piano-key{touch-action:none;padding:0 0 9px;font-size:10px;font-weight:800;position:relative}.piano-key span{pointer-events:none;position:absolute;bottom:8px;left:0;right:0}.piano-key--white{color:#292d28;background:linear-gradient(90deg,#d8dbd4,#f0f2ec 46%,#c9cec5);border:0;border-right:1px solid #9ba097;border-radius:0 0 5px 5px}.piano-key--white:first-child{border-radius:5px 0 0 5px}.piano-key--white:last-child{border-right:0;border-radius:0 5px 5px 0}.mini-keyboard__black-keys{pointer-events:none;position:absolute;inset:0}.piano-key--black{top:0;left:calc((var(--black-key-position) / 8) * 100% - 3.65%);z-index:1;color:#aeb6aa;pointer-events:auto;background:linear-gradient(90deg,#090b09,#252925 55%,#0b0d0b);border:1px solid #080a08;border-radius:0 0 5px 5px;width:7.3%;height:68%;position:absolute;box-shadow:0 4px 5px #0000008c}.piano-key--black span{bottom:7px}.piano-key.is-playing,.piano-key:active{background:var(--accent);color:var(--accent-ink);transform:translateY(1px)}.notice{color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.45}.notice--warning{color:var(--warning)}.primary-button,.secondary-button,.text-button,.file-button{border-radius:var(--radius);white-space:nowrap;min-height:36px;padding:8px 12px;font-size:11px;font-weight:700}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.secondary-button,.file-button{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text)}.text-button{min-height:auto;color:var(--accent);background:0 0;border:0;padding:0}.primary-button:active,.secondary-button:active,.file-button:active{transform:translateY(1px)}.file-button{text-align:center;cursor:pointer;width:100%;display:block}.file-button input{display:none}.bank-actions>button,.bank-actions>.file-button{width:100%;margin-top:9px}.cartridge-browser{min-height:0;display:grid}.cartridge-auto-load{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:9px;padding:8px 10px;font-size:11px;display:flex}.cartridge-title{border:1px solid var(--line);border-radius:var(--radius);background:#101310;margin:12px 0 8px;padding:9px 10px}.cartridge-title span,.cartridge-list span{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.cartridge-title strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:16px;display:block;overflow:hidden}.cartridge-list{border:1px solid var(--line);border-radius:var(--radius);background:#101310;max-height:286px;margin-bottom:10px;overflow:auto}.cartridge-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #242824;grid-template-columns:30px 1fr;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px 8px;display:grid}.cartridge-list button:last-child{border-bottom:0}.cartridge-list button:hover{background:var(--surface-raised)}.cartridge-list button.is-active{background:var(--surface-soft);color:var(--accent)}.cartridge-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.capability-panel dl{background:var(--line);gap:1px;margin:0;display:grid}.capability-panel dl div{background:var(--surface);grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);gap:12px;padding:9px 10px;display:grid}.capability-panel dt{color:var(--muted);font-size:11px}.capability-panel dd{margin:0;font-size:11px}.supported{color:var(--accent)}.unknown{color:var(--warning)}.arm-control{border:1px solid var(--line-strong);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:7px;min-height:36px;padding:8px 11px;font-size:11px;font-weight:700;display:flex}.transport-buttons{gap:8px;margin-top:14px;display:flex}.midi-log{border:1px solid var(--line);border-radius:var(--radius);background:#0b0d0b;height:245px;overflow:auto}.midi-log>div{border-bottom:1px solid #242824;grid-template-columns:60px 38px 1fr;align-items:center;gap:7px;min-height:28px;padding:5px 7px;display:grid}.midi-log time,.midi-log b,.midi-log code{font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.midi-log time{color:#6f786e}.midi-log b{color:var(--muted)}.midi-log .dir-in{color:#76c7ff}.midi-log .dir-out{color:var(--accent)}.midi-log p{color:var(--muted);padding:8px;font-size:11px}.statusbar{border-top:1px solid var(--line);color:#7d877b;background:#0a0c0a;justify-content:space-between;gap:16px;min-height:26px;padding:5px 12px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}@media (width<=1050px){.workspace{grid-template-columns:200px minmax(0,1fr)}.voice-architecture-layout{grid-template-columns:minmax(270px,.8fr) minmax(300px,1.2fr)}.global-controls{grid-template-columns:repeat(2,1fr);gap:16px 8px}.operator-overview{grid-template-columns:repeat(3,1fr)}.parameter-groups,.effects-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.knob-grid--effects{grid-template-columns:repeat(2,minmax(72px,1fr))}.connection-state{display:none}}@media (width<=760px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{align-items:flex-start}.connection-cluster{flex-wrap:wrap;justify-content:flex-end}.topbar-port-picker{grid-template-columns:1fr;min-width:min(260px,100%)}.workspace{grid-template-columns:1fr}.preset-browser{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto auto}.preset-list{gap:4px;display:flex;overflow-x:auto}.preset-list button{min-width:126px}.editor-grid,.editor-grid--voice,.banks-layout,.midi-layout,.parameter-groups,.effects-grid{grid-template-columns:1fr}.panel--wide,.parameter-groups--operators .parameter-group--keyboard-scaling{grid-column:auto}.voice-architecture-layout{grid-template-columns:1fr;align-items:stretch}.global-controls,.operator-overview{grid-template-columns:repeat(2,1fr)}.global-controls{gap:18px 8px}.algorithm-diagram svg{height:146px}.knob-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}.knob-grid--effects{grid-template-columns:repeat(2,minmax(72px,1fr))}.mini-keyboard{height:104px}.seq-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.seq-randomizer-heading{flex-direction:column;align-items:stretch}.seq-range{align-self:flex-start}.seq-randomizer-controls>.control,.seq-randomizer-controls>.control:nth-child(2),.seq-randomizer-controls>.knob-control{width:calc(50% - 6px)}.seq-division-field{flex-basis:100%;min-width:0}.seq-division-field>div{flex-wrap:wrap}.seq-seed{max-width:none}.seq-randomizer-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seq-randomizer-actions .primary-button{grid-column:1/-1}.seq-randomizer-actions .primary-button,.seq-randomizer-actions .secondary-button{width:100%}.seq-randomizer-actions .text-button{grid-column:1/-1;justify-self:start;margin-left:0}.seq-action-divider{display:none}.piano-roll{--key-width:48px;--seq-cell-width:42px}.piano-roll-scroll{max-height:min(560px,100dvh - 250px)}.voice-header{align-items:flex-start}.voice-meta{display:none}.editor-content{padding:14px}.editor-tabs{padding:0 14px}.section-lead{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}