.interface-identity{display:flex;flex-direction:column;gap:4px;flex:none}.interface-navigation{display:flex;align-items:center;gap:8px;white-space:nowrap;font:10px Arial,sans-serif}.interface-navigation a{color:#aebbc5;padding:2px 0;border-bottom:2px solid transparent}.interface-navigation a[aria-current=page]{color:var(--lcd);border-bottom-color:var(--lcd)}.interface-navigation a:hover{color:#fff}

/* A second presentation of the same live controls. The Classic selectors stay intact. */
.new-interface body{font-size:13px;overflow:hidden}.new-interface .instrument{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;--sequence-height:220px}.new-interface .toolbar{position:relative;flex:none;display:block;padding:4px 12px;border-bottom:1px solid #788793;z-index:5}.new-interface .brand{font-size:20px;letter-spacing:1px}.new-interface .brand span{display:none}.new-interface .interface-navigation{font-size:11px;gap:12px}.new-interface .nw-topbar{display:flex;gap:8px;align-items:center;min-width:0}.new-interface .interface-identity{width:152px}.new-interface .program{width:200px;flex:1;max-width:240px;gap:2px}.new-interface .program-caption,.new-interface .program #edit-context{font-size:10px;line-height:14px}.new-interface .program .lcd-choice{height:36px;min-height:36px;font-size:12px}.new-interface .nw-header-tools,.new-interface .nw-view-tools{display:flex;align-items:center;gap:4px;flex:none}.new-interface .nw-header-tools{margin-left:auto}.new-interface .tool-button,.new-interface .nw-button{height:44px;min-height:44px;padding:0 12px;font-size:12px;white-space:nowrap}.new-interface .nw-header-tools .nw-button{background:#30373d;color:#d9dfe3;border-color:#4c555e}.new-interface .patch-save #patch-save-options{width:36px}.new-interface .nw-transport{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}.new-interface .timbre-bank{gap:4px}.new-interface .timbre-bank .timbres{gap:4px}.new-interface .timbre-bank .timbres button,.new-interface #add-timbre{width:36px;min-width:36px;height:36px;min-height:36px;font-size:12px}.new-interface .nw-transport .parameter{height:36px;min-width:88px;display:grid;grid-template-columns:28px 60px;align-items:center;gap:4px}.new-interface .nw-transport .parameter>label{height:auto;font-size:11px;color:#c3d0da}.new-interface .nw-transport .knob{display:none}.new-interface .nw-transport .dial-value{height:36px;max-width:none;width:60px;background:var(--lcd);color:var(--lcd-ink);font-size:14px}.new-interface .nw-transport>button{height:36px;min-height:36px;min-width:60px;font-size:12px}.new-interface #seq-reset{background:#35414b;color:#e7edf2;border-color:#65747f}.new-interface #seq-play{background:#3c586e;color:#fff;border-color:#658298;font-weight:600}.new-interface #seq-play[aria-pressed=true]{background:#99515a;border-color:#c07a82}.new-interface #record-toggle{min-width:116px;background:#35414b;color:#e7edf2;border-color:#65747f}.new-interface #record-toggle::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pad);margin-right:8px}.new-interface body[data-recording=recording] #record-toggle{background:#a1434e;border-color:#d98994;color:white}.new-interface #record-time{height:36px;min-height:36px;line-height:36px;min-width:56px;font-size:12px;margin:0;padding:0 8px}.new-interface .nw-view-tools{margin-left:auto}.new-interface .nw-view-tools button{height:36px;min-height:36px;font-size:12px;padding:0 12px;background:transparent;color:inherit;border-color:#64717a}.new-interface .nw-view-tools button[aria-pressed=true]{background:var(--lcd);color:var(--lcd-ink);border-color:var(--lcd)}.new-interface .nw-mobile-timbre{display:none}

.new-interface .macros-rack{flex:none;padding:8px 12px;gap:12px;background:#c2cbd2;border-bottom:1px solid #96a4af}.new-interface .macros-rack>h2{font-size:11px}.new-interface #macros{gap:8px}.new-interface .macro-control{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:18px 24px 20px 16px;column-gap:4px;justify-items:center}.new-interface .macro-control>label{grid-column:1/-1;grid-row:1;height:18px;line-height:18px;font-size:12px;color:var(--ink);font-weight:600}.new-interface .macro-control .knob{grid-column:1;grid-row:2/span 2;width:40px;height:40px;min-height:40px}.new-interface .macro-control .knob-face{width:30px;height:30px}.new-interface .macro-control .dial-value{grid-column:2;grid-row:2;height:20px;line-height:20px;font-size:12px}.new-interface .macro-edit{grid-column:2;grid-row:3;min-height:20px;height:20px;min-width:64px;font-size:11px}.new-interface .nw-macro-targets{grid-column:1/-1;grid-row:4;height:16px;line-height:16px;font-size:11px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:var(--lcd-ink)}

.new-interface .nw-stage{flex:1;min-height:160px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden}.new-interface .nw-sound{display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;border-right:1px solid #93a2ad}.new-interface .nw-stage-heading{height:36px;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;background:#c0cad1;border-bottom:1px solid #9caab4}.new-interface .nw-stage-heading h2{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-interface .nw-section-jumps{display:flex;gap:4px;flex:none}.new-interface .nw-section-jumps button{height:32px;min-height:32px;padding:0 8px;background:transparent;border-color:transparent;font-size:12px;color:var(--secondary)}.new-interface .nw-section-jumps button:hover{background:var(--lcd);color:var(--lcd-ink)}.new-interface .nw-signal-flow{flex:none;padding:2px 12px;min-height:20px;font:11px/16px ui-monospace,monospace;color:#456277;border-bottom:1px solid #b2bec7;overflow-wrap:anywhere}.new-interface body[data-build=on] .nw-signal-flow,.new-interface body[data-build=on] .nw-section-jumps{display:none}.new-interface #rack{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;padding:0 8px 16px;overflow:auto;scrollbar-width:thin;align-content:start;align-items:start;scroll-padding-top:8px}.new-interface #rack .rack-row{display:contents}.new-interface #rack .module{grid-column:span 4;padding:8px;border-right:0;border-bottom:1px solid #aebac3;min-width:0;scroll-margin-top:8px}.new-interface #rack>.nw-rack-divider:first-of-type,.new-interface #rack>.nw-rack-divider:last-of-type{display:none}.new-interface .nw-rack-divider{grid-column:1/-1;margin:0;padding:16px 8px 4px;font-size:12px;line-height:16px;letter-spacing:1px;color:#536b7e;text-transform:uppercase}.new-interface #rack .module-heading{height:20px;margin-bottom:8px;gap:8px}.new-interface #rack .module h2{font-size:12px;letter-spacing:.5px}.new-interface #rack .module-heading svg{width:64px;height:24px}.new-interface #rack .module-controls{gap:8px;grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:start}.new-interface .parameter{height:92px;gap:2px}.new-interface #rack .module:not(.patch-module) .parameter:has(>.lcd-choice),.new-interface #rack .module:not(.patch-module) .parameter:has(>.switch-control),.new-interface #rack .module:not(.patch-module) .parameter:has(>.lcd-readout){height:68px}.new-interface .parameter>label{height:20px;line-height:20px;font-size:12px;color:#465561;white-space:nowrap;text-overflow:ellipsis}.new-interface .knob{width:44px;height:44px;min-height:44px}.new-interface .knob-face{width:32px;height:32px}.new-interface .dial-value{max-width:96px;height:24px;line-height:24px;font-size:13px;color:#34536a}.new-interface .lcd-choice,.new-interface .switch-control,.new-interface .lcd-readout{height:44px;min-height:44px;font-size:12px;padding:0 8px}.new-interface .dial-choice{height:28px;min-height:28px;font-size:12px;padding:0 2px}.new-interface .nw-primary>label{font-weight:600;color:#2c414f}.new-interface .nw-primary .knob{border-color:#63798a}.new-interface #rack .module-mixer .module-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.new-interface #rack .module-filter2 .module-controls,.new-interface #rack .module-eg1 .module-controls,.new-interface #rack .module-eg2 .module-controls,.new-interface #rack .module-eg3 .module-controls,.new-interface #rack .module-lfo1 .module-controls,.new-interface #rack .module-lfo2 .module-controls,.new-interface #rack .module-lfo3 .module-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.new-interface #rack .module-voice{grid-column:1/-1}.new-interface #rack .module-voice .module-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.new-interface #rack .module-midi,.new-interface #rack .module-scale{grid-column:span 6}.new-interface #rack .module-midi .module-controls,.new-interface #rack .module-scale .module-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.new-interface #rack .module-scale .parameter:nth-child(n+5){height:72px}.new-interface #rack .module-scale .parameter:nth-child(n+5) .knob{display:none}.new-interface #rack .module-scale .parameter:nth-child(n+5) .dial-value{height:44px;background:var(--lcd);border:1px solid #8ba3b5;width:100%;max-width:none}.new-interface #rack .module-drums{grid-column:1/-1}.new-interface #rack .module-drums .module-controls{grid-template-columns:repeat(8,minmax(0,1fr))}.new-interface .segment-parameter{height:auto}.new-interface .segmented button{height:44px;min-height:44px;font-size:12px}.new-interface #rack .module-drive .module-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'mode mode' 'type depth' 'position position'}.new-interface #rack .patch-module{grid-column:span 6}.new-interface #rack .patch-body{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start}.new-interface .patch-route{gap:8px}.new-interface .patch-route .parameter{height:44px;gap:4px;grid-template-columns:40px minmax(0,1fr)}.new-interface .patch-route .parameter>label{font-size:11px;height:auto}.new-interface .patch-route .lcd-choice{height:44px;min-height:44px;font-size:12px}.new-interface #rack .patch-body>.parameter>label{font-size:12px}.new-interface .sample-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 88px 100px;gap:12px;margin-top:12px}.new-interface .sample-source{grid-column:1;grid-row:1}.new-interface .sample-mode{grid-column:2;grid-row:1}.new-interface .sample-gain{grid-column:3;grid-row:1}.new-interface .sample-controls label,.new-interface .sample-gain label{height:20px;line-height:20px;font-size:12px;margin-bottom:4px}.new-interface .sample-controls .lcd-choice,.new-interface .sample-controls>button{height:44px;min-height:44px;font-size:12px}.new-interface .sample-controls>button{margin-top:24px}.new-interface .sample-gain .dial-value{height:28px;line-height:28px;font-size:12px}.new-interface .sample-gain .knob{width:44px;height:44px;min-height:44px}.new-interface .sample-gain .knob-face{width:32px;height:32px}.new-interface .sample-kit{height:32px;min-height:32px;font-size:11px;padding:0 8px}.new-interface .parameter.inactive{opacity:.55}

.new-interface .nw-fx{min-height:0;min-width:0;display:flex;flex-direction:column;background:#c5ced5}.new-interface .nw-fx .nw-stage-heading button{width:32px;min-width:32px;min-height:32px;height:32px;padding:0;font-size:18px}.new-interface .nw-fx.folded #effects{display:none}.new-interface #effects{flex:1;min-height:0;overflow:auto;display:block;padding:0 12px 12px;border:0;background:transparent;scrollbar-width:thin}.new-interface #effects .fx-module{padding:12px 0;border:0;border-bottom:1px solid #a5b3bd}.new-interface #effects .module-heading{height:32px;margin:0 0 8px;gap:8px}.new-interface #effects h2{font-size:12px;letter-spacing:.5px;margin-right:auto}.new-interface .fx-power{height:32px;min-height:32px;min-width:44px;font-size:12px}.new-interface .nw-fx-expand{height:32px;min-width:32px;font-size:18px;padding:0}.new-interface .fx-type .lcd-choice{height:40px;min-height:40px;font-size:13px}.new-interface .fx-properties{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.new-interface .fx-properties .parameter{height:104px}.new-interface .fx-properties .parameter>label{font-size:11px;height:20px;line-height:20px}.new-interface .fx-collapsed .fx-properties{display:none}.new-interface .fx-empty .fx-power{display:none}.new-interface #effects .fx-empty{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0}.new-interface #effects .fx-empty>.module-heading{height:40px;margin:0}.new-interface #effects .fx-empty>div:not(.module-heading){min-width:0}.new-interface #effects .fx-shared{border-top:3px solid #657f92;margin-top:12px;padding-top:16px}.new-interface .fx-type{margin-bottom:0}

.new-interface .nw-dock{flex:none;height:var(--sequence-height);min-height:160px;display:flex;flex-direction:column;border-top:1px solid #738b9d;background:#c5d0d8;min-width:0;overflow:hidden;position:relative}.new-interface .nw-dock-grip{height:8px;min-height:8px;cursor:ns-resize;touch-action:none;position:relative;background:#b5c3cd}.new-interface .nw-dock-grip::after{content:'';position:absolute;top:2px;left:calc(50% - 24px);width:48px;height:4px;border-radius:2px;background:#7d94a5}.new-interface .nw-dock-grip:focus-visible{outline-offset:-2px}.new-interface .nw-sequence-heading{height:40px;min-height:40px;margin:0;gap:8px;padding:4px 12px;border-bottom:1px solid #a1b1be;flex:none}.new-interface .nw-sequence-heading h2{font-size:12px;letter-spacing:0;order:-2}.new-interface .nw-sequence-modes{display:flex;gap:0;order:-1}.new-interface .nw-sequence-modes button{height:32px;min-height:32px;font-size:12px;padding:0 12px;border-radius:0}.new-interface .nw-sequence-modes button:first-child{border-radius:3px 0 0 3px}.new-interface .nw-sequence-modes button:last-child{border-radius:0 3px 3px 0}.new-interface .nw-sequence-modes button[aria-pressed=true]{background:#38566c;color:#fff;border-color:#38566c}.new-interface .sequence-tools{gap:4px;margin-left:auto;width:auto;order:0}.new-interface .sequence-tools button{height:32px;min-height:32px;min-width:44px;font-size:12px;padding:0 8px}.new-interface .sequence-tools #seq-selection{min-width:0;font-size:11px}.new-interface .nw-sequence-heading>button{height:32px;min-height:32px;padding:0 8px;font-size:12px}.new-interface .nw-sequence-position{font:12px ui-monospace,monospace;min-width:70px;color:#34566f;text-align:right}.new-interface .nw-sequence-content{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-width:0;min-height:0}.new-interface .nw-dock.has-inspector .nw-sequence-content{grid-template-columns:minmax(0,1fr) 340px}.new-interface .nw-sequence-main{min-width:0;min-height:0;overflow:hidden}.new-interface .sequencer{height:100%;display:flex;flex-direction:column;padding:0 12px 8px;border:0;min-width:0;overflow:auto}.new-interface .nw-pattern-overview{flex:none;padding:4px 0 8px;background:#c5d0d8}.new-interface .nw-pattern-caption{font:11px/16px ui-monospace,monospace;color:#49647a;margin-bottom:4px}.new-interface .nw-pattern-banks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.new-interface .nw-bank{height:28px;min-height:28px;display:flex;flex-direction:column;gap:4px;padding:2px 4px;min-width:0;background:#becbd5;border-color:#91a6b6}.new-interface .nw-bank[aria-pressed=true]{background:var(--lcd);color:var(--lcd-ink);border-color:#3e6380;box-shadow:inset 0 0 0 1px #3e6380}.new-interface .nw-bank-caption{font:10px/12px ui-monospace,monospace}.new-interface .nw-bank-mini{width:100%;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:1px;height:6px}.new-interface .nw-mini-step{background:#91a7b7}.new-interface .nw-mini-step.filled{background:#385e7b}.new-interface .nw-mini-step.current{background:#d66169}.new-interface .nw-mini-step.step-muted,.new-interface .outside-loop{opacity:.4}.new-interface .sequence-scroll{flex:1;min-height:0;overflow:auto}.new-interface .sequence-track{width:100%;min-width:0;gap:8px;align-items:center;padding:2px 0;scrollbar-width:thin}.new-interface .sequence-track .track-head{width:276px;background:#c5d0d8;gap:4px}.new-interface .sequence-track .track-head button{flex:none;height:32px;min-height:32px;font-size:12px}.new-interface .track-select,.new-interface .sequence-track .modulation-toggle,.new-interface .sequence-settings-toggle{width:36px;min-width:36px;padding:0}.new-interface .track-enable{width:28px;min-width:28px;padding:0}.new-interface .track-enable .switch-led{width:6px;height:6px}.new-interface .track-length{width:52px}.new-interface .track-resolution{width:64px}.new-interface .track-block{display:none}.new-interface .sequence-track .track-steps{min-width:672px;gap:4px}.new-interface .sequence-step{height:32px;min-height:32px;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;font-size:11px}.new-interface .step-index{font-size:10px}.new-interface .step-notes{font-size:10px}.new-interface .sequence-lane[data-active=true] .track-select{background:#3c586e;color:#fff;border-color:#3c586e}.new-interface .sequence-settings{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 4px}.new-interface .sequence-field,.new-interface .mod-field{font-size:12px}.new-interface .sequence-field>span,.new-interface .mod-field>span{height:20px;line-height:20px;font-size:12px}.new-interface .sequence-field input,.new-interface .sequence-field .lcd-choice{font-size:12px;height:44px;min-height:44px}.new-interface .modulation-heading h3,.new-interface .mod-tools h4{font-size:12px}.new-interface .mod-tools{grid-template-columns:48px 44px minmax(140px,2fr) 88px repeat(3,minmax(64px,1fr)) 88px 44px}.new-interface .mod-tools .mod-field:nth-last-child(5),.new-interface .mod-tools .mod-field:nth-last-child(4),.new-interface .mod-tools .mod-field:nth-last-child(3){grid-row:2;grid-column:span 2}.new-interface .mod-remove{grid-column:-2;grid-row:1}.new-interface .mod-field .lcd-choice,.new-interface .mod-motion,.new-interface .mod-motion>button,.new-interface .mod-power,.new-interface .mod-remove{height:44px;min-height:44px;font-size:12px}.new-interface .mod-step-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.new-interface .mod-step .knob{width:44px;height:44px;min-height:44px}.new-interface .mod-step .dial-value{height:28px;line-height:28px;font-size:12px}.new-interface .nw-dock:not([data-sequence-mode=steps]) .sequence-lane[data-active=false]{display:none}.new-interface .nw-dock:not([data-sequence-mode=steps]) .track-steps{display:none}.new-interface .nw-dock:not([data-sequence-mode=steps]) .sequence-scroll{flex:none;max-height:160px}.new-interface .nw-dock:not([data-sequence-mode=steps]) .track-head{width:auto;position:static}.new-interface .nw-roll-tools{display:flex;align-items:center;gap:8px;min-height:36px;flex:none;margin-bottom:4px}.new-interface .nw-roll-tools>button{width:36px;min-width:36px;height:32px;min-height:32px;font-size:18px;padding:0}.new-interface .nw-roll-range{font:12px ui-monospace,monospace;color:var(--lcd-ink)}.new-interface .nw-add-sample-row{width:280px;max-width:100%}.new-interface .nw-add-sample-row .lcd-choice{height:36px;min-height:36px}.new-interface .nw-roll{flex:1;min-height:96px;overflow:auto;border:1px solid #96aabd;scrollbar-width:thin;min-width:0}.new-interface .nw-roll-grid{min-width:808px;background:#c9d3db}.new-interface .nw-roll-row{display:grid;grid-template-columns:168px repeat(16,minmax(40px,1fr));min-height:28px}.new-interface .nw-row-label{position:sticky;left:0;z-index:2;min-width:0;background:#bfd0dd;border-right:1px solid #7f9cb2;display:flex;align-items:stretch;min-height:28px}.new-interface .nw-row-label.black{background:#a7bac8}.new-interface .nw-row-name{min-width:0;flex:1;border:0;border-radius:0;background:transparent;padding:0 8px;text-align:left;font:12px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-interface .nw-row-preview{width:28px;min-width:28px;border:0;border-left:1px solid #9eb1bf;border-radius:0;padding:0;font-size:11px;background:transparent}.new-interface .nw-roll-head{position:sticky;top:0;z-index:3;height:36px;min-height:36px}.new-interface .nw-roll-head>.nw-row-label{align-items:center;padding:0 8px;font-size:12px}.new-interface .nw-grid-time{border:0;border-bottom:1px solid #8ba5b9;border-right:1px solid #afbecb;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#bfd0dd;gap:1px;padding:0;min-width:0;font:11px ui-monospace,monospace}.new-interface .nw-grid-time small{font-size:9px;color:#57758d}.new-interface .nw-grid-event{position:relative;border:0;border-right:1px solid #aebfce;border-bottom:1px solid #b6c6d3;border-radius:0;min-width:0;padding:2px;background:#d4dfe7}.new-interface .nw-grid-event[aria-pressed=true]{background:#d4dfe7;border-color:#aebfce}.new-interface .nw-event-marker{display:none;position:absolute;top:6px;bottom:6px;left:3px;width:calc(var(--gate)*.85);min-width:4px;max-width:calc(100% - 6px);background:#537d9d;border:1px solid #365c79;border-radius:2px;opacity:var(--velocity)}.new-interface .nw-grid-event[aria-pressed=true] .nw-event-marker{display:block}.new-interface .nw-grid-event:hover:not(:disabled){background:#b7d0e1}.new-interface .nw-grid-event.editing{box-shadow:inset 0 0 0 1px #6f92ad}.new-interface .nw-grid-event.current,.new-interface .nw-grid-time.current{box-shadow:inset 0 -3px 0 var(--pad)}.new-interface .nw-grid-event.step-muted .nw-event-marker{opacity:.25}.new-interface .nw-grid-event.bar-start,.new-interface .nw-grid-time.bar-start{border-left:2px solid #718fa6}.new-interface .nw-grid-empty{margin:16px;font-size:13px;color:var(--secondary)}

.new-interface .nw-inspector{min-height:0;min-width:0;overflow:auto;background:#ced8df;border-left:1px solid #8ca2b3}.new-interface #step-editor{position:static;display:block;width:100%;max-height:none;margin:0;padding:12px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.new-interface #step-editor:not([open]){display:none}.new-interface #step-editor .dialog-heading{gap:8px;margin-bottom:8px}.new-interface #step-editor .dialog-heading h2{font-size:13px;line-height:20px}.new-interface #step-editor button{font-size:12px}.new-interface #step-editor .step-navigation button{width:36px;min-width:36px;height:36px;min-height:36px;font-size:18px}.new-interface #step-editor .chord-keyboard{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.new-interface #step-editor .chord-keyboard.drum-keyboard{grid-template-columns:repeat(2,minmax(0,1fr))}.new-interface #step-editor .chord-octaves{margin-bottom:8px}.new-interface #step-editor .selected-chord{font-size:12px;margin:8px 0}.new-interface #step-editor .step-library{grid-template-columns:minmax(0,1fr) 64px;gap:4px}.new-interface #step-editor .step-library>button{padding:0 4px}.new-interface #step-editor .step-properties{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.new-interface #step-editor .step-properties #step-paste{grid-column:1/-1}.new-interface #step-editor .step-modes{grid-template-columns:1fr}.new-interface #step-editor .sequence-samples{grid-template-columns:1fr}.new-interface .editor-dialog input{font-size:14px}.new-interface .editor-dialog label{font-size:12px}.new-interface .choice-popup button{font-size:13px;min-height:44px;line-height:18px}.new-interface .choice-search{font-size:14px}.new-interface .nw-popover{position:fixed;inset:auto;margin:0;padding:12px;background:var(--plate);color:var(--ink);border:1px solid #7f96a8;border-radius:4px;box-shadow:0 8px 28px #15253555;overflow:auto}.new-interface .nw-popover-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.new-interface .nw-popover-heading h2{margin:0;font-size:14px}.new-interface .nw-popover-heading button{width:44px;height:44px;font-size:20px;padding:0}.new-interface .nw-popover>button,.new-interface .nw-popover>a{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;font-size:13px;margin-top:4px}.new-interface .nw-popover #performance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;margin-bottom:12px}.new-interface .nw-popover .performance .parameter>label{font-size:12px;color:var(--secondary)}.new-interface .nw-popover .performance .knob{background:var(--plate-inset);border-color:#969fa8}.new-interface .nw-popover .performance .dial-value{color:var(--lcd-ink)}.new-interface .nw-popover .nw-view-tools{margin:8px 0;justify-content:stretch;color:var(--ink)}.new-interface .nw-popover .nw-view-tools button{flex:1;background:var(--plate-inset);border-color:#93a7b7}

.new-interface .performance-footer{position:relative;bottom:auto;flex:none;padding:4px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;z-index:4}.new-interface .keybed{grid-column:1/-1;padding:8px 0;min-width:0}.new-interface .keybed-heading{width:116px;font-size:11px}.new-interface .octaves button{width:36px;height:36px}.new-interface .octaves span{font-size:10px}.new-interface .key span{font-size:12px}.new-interface .key small{font-size:10px}.new-interface .monitor{height:36px;min-height:36px;font-size:11px;gap:8px;padding:0;min-width:0}.new-interface .monitor-right{gap:8px;margin-left:auto}.new-interface .monitor a{display:none}.new-interface .volume input{width:88px;height:28px}.new-interface .nw-footer-tools{display:flex;gap:8px;align-items:center;min-width:0}.new-interface .nw-footer-tools #record-folder{width:160px}.new-interface .nw-footer-tools .lcd-choice,.new-interface .nw-footer-tools>button{height:36px;min-height:36px;font-size:12px;padding:0 8px}.new-interface #record-message{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;min-height:0}.new-interface #record-message:empty{display:none}.new-interface #recordings-library{position:absolute;inset:44px 0 0;margin:0;overflow:auto;z-index:4;background:var(--plate);padding:12px}.new-interface .recordings-heading{position:sticky;top:-12px;z-index:1;background:var(--plate);padding:8px 0}.new-interface .recordings-heading h2{font-size:14px}.new-interface .recordings-library input,.new-interface .recordings-library button,.new-interface .recordings-library .lcd-choice,.new-interface .recording-actions>a{font-size:12px;height:44px;min-height:44px}.new-interface .recording-meta{font-size:12px;line-height:18px}.new-interface #error{flex:none;margin:0;padding:8px 12px;font-size:13px}

.new-interface #circuit{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative}.new-interface .circuit-toolbar{position:relative;flex:none;display:flex;flex-wrap:wrap;gap:4px;padding:8px;margin:0;z-index:2}.new-interface .circuit-toolbar h2{display:none}.new-interface .circuit-toolbar button,.new-interface .circuit-toolbar .lcd-choice{font-size:12px;height:36px;min-height:36px}.new-interface #circuit-add{flex:1;min-width:140px}.new-interface #circuit-zoom{width:76px}.new-interface #circuit-message{width:100%;font-size:12px;min-height:0}.new-interface #circuit-message:empty{display:none}.new-interface #circuit-viewport{flex:1;min-height:0;height:auto!important;position:relative;touch-action:none}.new-interface #circuit-canvas .module-heading h2{font-size:13px}.new-interface #circuit-canvas .module-controls .parameter{height:108px}.new-interface #circuit-canvas .parameter label{font-size:12px}.new-interface #circuit-canvas .dial-value{font-size:14px;height:32px;min-height:32px}.new-interface #circuit-canvas .circuit-node{border-color:#97aaba}.new-interface #circuit-canvas .circuit-node.node-focused{outline:2px solid #4b7799;outline-offset:2px}.new-interface #circuit-canvas .cable.unfocused{opacity:.18}.new-interface #circuit-canvas .cable.focused{stroke-width:5px;opacity:1}.new-interface .circuit-map{position:absolute;right:12px;bottom:12px;width:160px;height:96px;background:#c6d8e7e8;border:1px solid #6f91ac;border-radius:3px;z-index:3;overflow:hidden}.new-interface .circuit-map svg{width:100%;height:100%;display:block}.new-interface .map-node{fill:#8099ac;stroke:#526f86;stroke-width:4;cursor:pointer}.new-interface .map-node.focused{fill:#3c6789;stroke:#274d6b}.new-interface .map-view{fill:#b6d6ed44;stroke:#c54e5c;stroke-width:8;pointer-events:none}

.new-interface .circuit-workspace{position:relative;display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}.new-interface .circuit-map{max-height:calc(100% - 24px);max-width:35%}
.new-interface .nw-grid-event.selected,.new-interface .nw-grid-time.selected{background:#b5ccdc;box-shadow:inset 0 0 0 1px #537b99}.new-interface .nw-dock.has-mod-editor:not([data-sequence-mode=steps]) .sequence-scroll{flex:1;max-height:none}
.new-interface .nw-dock,.new-interface .nw-inspector{scroll-margin-top:calc(var(--toolbar-height,165px) + 8px)}
.new-interface .nw-dock.has-mod-editor .nw-pattern-overview{display:none}
@media(max-width:800px){.new-interface .nw-dock.has-mod-editor{height:auto;max-height:none}.new-interface .nw-dock.has-mod-editor .nw-sequence-content{min-height:0}.new-interface .nw-dock.has-mod-editor .nw-sequence-main{height:min(80dvh,640px);min-height:480px;flex:none}}
@media(max-width:1100px) and (min-width:801px){.new-interface .nw-stage{grid-template-columns:minmax(0,1fr) 288px}.new-interface #rack .module{grid-column:span 6}.new-interface #rack .module-voice,.new-interface #rack .module-drums{grid-column:1/-1}.new-interface .nw-topbar{flex-wrap:wrap}.new-interface .interface-identity{width:130px}.new-interface .nw-header-tools{margin-left:0}.new-interface .nw-transport{flex-wrap:wrap}.new-interface .fx-properties{grid-template-columns:repeat(3,minmax(0,1fr))}.new-interface .nw-dock.has-inspector .nw-sequence-content{grid-template-columns:minmax(0,1fr) 300px}.new-interface .nw-sequence-position,.new-interface .nw-sequence-heading>button{display:none}.new-interface .nw-section-jumps button{padding:0 4px;font-size:11px}}
@media(max-width:800px){
  .new-interface body{overflow:auto}.new-interface .instrument{height:auto;min-height:100dvh;overflow:visible}.new-interface .toolbar{padding:8px;position:sticky;top:0;z-index:10}.new-interface .nw-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.new-interface .interface-identity{grid-column:1;grid-row:1;width:auto}.new-interface .interface-identity .brand{display:none}.new-interface .interface-navigation{font-size:11px;gap:8px}.new-interface .nw-header-tools{grid-column:2/4;grid-row:1;justify-content:flex-end;gap:4px;margin:0}.new-interface .nw-header-tools>button{width:44px;min-width:44px;padding:0;font-size:11px}.new-interface .nw-header-tools>button[aria-controls=new-performance]{width:56px}.new-interface .program{width:100%;max-width:none;min-width:0;flex:none}.new-interface .program-select{grid-column:1;grid-row:2}.new-interface .patch-save{grid-column:2;grid-row:2}.new-interface .sound-select{grid-column:3;grid-row:2}.new-interface .program-caption,.new-interface .program #edit-context{display:none}.new-interface .program .lcd-choice{height:44px;min-height:44px;font-size:12px}.new-interface .patch-save #save-patch,.new-interface .patch-save #patch-save-options{height:44px;min-height:44px;min-width:44px;width:44px;padding:0;font-size:12px}.new-interface .nw-transport{display:grid;grid-template-columns:minmax(112px,1fr) 76px 64px 64px;gap:4px;margin-top:8px}.new-interface .timbre-bank{width:auto;min-width:0;flex-wrap:nowrap;gap:4px}.new-interface .timbre-bank .timbres{display:none}.new-interface .nw-mobile-timbre{display:block;flex:1;min-width:0}.new-interface .nw-mobile-timbre .lcd-choice{font-size:13px;height:44px;min-height:44px}.new-interface #add-timbre{width:44px;min-width:44px;height:44px;min-height:44px}.new-interface .nw-transport .parameter{height:44px;min-width:0;width:76px;display:flex;flex-direction:column;gap:0;position:relative}.new-interface .nw-transport .parameter>label{position:absolute;top:2px;left:0;width:100%;font-size:9px;line-height:12px;pointer-events:none;color:#627d92}.new-interface .nw-transport .dial-value{height:44px;min-height:44px;width:76px;max-width:none;padding-top:10px;font-size:14px}.new-interface .nw-transport>button{height:44px;min-height:44px;min-width:0;width:64px;font-size:12px;padding:0 4px}.new-interface #record-toggle{min-width:0;width:64px}.new-interface #record-toggle::before{width:6px;height:6px;margin-right:4px}.new-interface body[data-recording=recording] #record-toggle{font-size:0}.new-interface body[data-recording=recording] #record-toggle::after{content:'Stop';font-size:12px}.new-interface .nw-stage{flex:none;display:flex;flex-direction:column;min-height:0;overflow:visible}.new-interface .nw-sound{height:min(62dvh,520px);min-height:320px;border-right:0;border-bottom:1px solid #93a2ad}.new-interface .nw-stage-heading{height:auto;min-height:44px}.new-interface .nw-sound>.nw-stage-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:4px 8px}.new-interface .nw-context{grid-column:1;grid-row:1;font-size:12px}.new-interface .nw-stage-heading .nw-view-tools{grid-column:2;grid-row:1;margin:0;gap:4px}.new-interface .nw-stage-heading .nw-view-tools button{height:44px;min-height:44px;font-size:12px;padding:0 8px;color:var(--ink);border-color:#a0b0bb;background:#b7c4cd}.new-interface .nw-section-jumps{grid-column:1/-1;grid-row:2;justify-content:space-between}.new-interface .nw-section-jumps button{height:36px;min-height:36px;font-size:12px;padding:0 8px;flex:1}.new-interface .nw-signal-flow{font-size:10px;line-height:16px;padding:4px 8px}.new-interface #rack{padding:0 8px 12px;grid-template-columns:repeat(8,minmax(0,1fr))}.new-interface #rack .module{grid-column:span 4;padding:12px 4px}.new-interface #rack .module-voice,.new-interface #rack .module-scale,.new-interface #rack .module-midi,.new-interface #rack .module-drums,.new-interface #rack .module-filter1,.new-interface #rack .module-filter2,.new-interface #rack .module-drive,.new-interface #rack .module-amp,.new-interface #rack .module-mixer,.new-interface #rack .module-eg1,.new-interface #rack .module-eg2,.new-interface #rack .module-eg3,.new-interface #rack .module-lfo1,.new-interface #rack .module-lfo2,.new-interface #rack .module-lfo3,.new-interface #rack .patch-module{grid-column:1/-1}.new-interface #rack .module-controls{gap:8px}.new-interface #rack .module-voice .module-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.new-interface #rack .module-drums .module-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.new-interface #rack .module h2{font-size:12px}.new-interface #rack .module-heading svg{width:44px;height:20px}.new-interface .parameter{height:112px}.new-interface #rack .module:not(.patch-module) .parameter:has(>.lcd-choice),.new-interface #rack .module:not(.patch-module) .parameter:has(>.switch-control),.new-interface #rack .module:not(.patch-module) .parameter:has(>.lcd-readout){height:68px}.new-interface .parameter>label{font-size:12px}.new-interface .dial-value,.new-interface .dial-choice{height:44px;min-height:44px;line-height:44px;font-size:13px}.new-interface .macro-control .dial-value{height:24px;min-height:24px;line-height:24px}.new-interface .macros-rack{padding:8px;display:block}.new-interface .macros-rack>h2{display:none}.new-interface #macros{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.new-interface .macro-edit{height:44px;min-height:44px;width:auto;min-width:64px;font-size:11px}.new-interface .macro-control{grid-template-columns:1fr;grid-template-rows:18px 44px 24px 44px 16px}.new-interface .macro-control .knob{grid-column:1;grid-row:2;width:44px;height:44px;min-height:44px}.new-interface .macro-control .dial-value{grid-column:1;grid-row:3}.new-interface .macro-edit{grid-column:1;grid-row:4}.new-interface .nw-macro-targets{grid-row:5}.new-interface .nw-macro-targets{font-size:10px}.new-interface .sample-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 88px}.new-interface .sample-source{grid-column:1/-1}.new-interface .sample-mode{grid-column:1;grid-row:2}.new-interface .sample-gain{grid-column:2;grid-row:2}.new-interface .sample-controls>button{grid-column:3;grid-row:2}.new-interface .sample-gain .dial-value{height:44px;line-height:44px}.new-interface .nw-fx{flex:none;max-height:420px;border-bottom:1px solid #93a2ad}.new-interface #effects .module-heading{height:44px}.new-interface .fx-power,.new-interface .nw-fx-expand{height:44px;min-height:44px}.new-interface .fx-type .lcd-choice{height:44px;min-height:44px}.new-interface .fx-properties{grid-template-columns:repeat(4,minmax(0,1fr))}.new-interface .fx-properties .parameter{height:116px}.new-interface .fx-properties .parameter>label{font-size:12px}.new-interface .nw-dock{height:var(--sequence-height);min-height:300px}.new-interface .nw-dock.has-inspector{height:auto;max-height:none}.new-interface .nw-dock.has-inspector .nw-sequence-content{display:flex;flex-direction:column;min-height:0}.new-interface .nw-dock.has-inspector .nw-sequence-main{height:320px;min-height:240px;flex:none}.new-interface .nw-inspector{max-height:560px;border-left:0;border-top:1px solid #8ca2b3}.new-interface .nw-sequence-heading{height:auto;min-height:44px;flex-wrap:wrap;padding:8px;gap:8px}.new-interface .nw-sequence-heading h2{display:none}.new-interface .nw-sequence-modes{flex:1}.new-interface .nw-sequence-modes button{height:44px;min-height:44px;flex:1;padding:0 8px;font-size:12px}.new-interface .sequence-tools{width:100%;order:3;margin:0;gap:4px}.new-interface .sequence-tools button{height:44px;min-height:44px;min-width:44px;font-size:12px}.new-interface .sequence-tools #seq-selection{margin-left:auto;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.new-interface .nw-sequence-heading>button{height:44px;min-height:44px;font-size:12px}.new-interface .nw-sequence-position{display:none}.new-interface .sequencer{padding:0 8px 8px}.new-interface .nw-pattern-banks{grid-template-columns:repeat(4,minmax(0,1fr))}.new-interface .nw-bank{height:44px;min-height:44px;padding:4px}.new-interface .nw-bank-caption{font-size:11px;line-height:16px}.new-interface .sequence-track{flex-direction:column;align-items:stretch;gap:4px;padding:4px 0 8px}.new-interface .sequence-track .track-head{width:100%;position:sticky;flex-wrap:wrap;left:0}.new-interface .sequence-track .track-head button{height:44px;min-height:44px;font-size:12px}.new-interface .track-select,.new-interface .sequence-track .modulation-toggle,.new-interface .sequence-settings-toggle,.new-interface .track-enable{width:44px;min-width:44px}.new-interface .track-length{width:52px}.new-interface .track-resolution{width:64px}.new-interface .sequence-track .track-steps{min-width:736px;flex:none}.new-interface .sequence-step{height:44px;min-height:44px}.new-interface .step-index,.new-interface .step-notes{font-size:11px}.new-interface .nw-dock:not([data-sequence-mode=steps]) .sequence-scroll{max-height:120px;min-height:52px}.new-interface .nw-roll-tools{min-height:44px}.new-interface .nw-roll-tools>button{height:44px;min-height:44px;width:44px}.new-interface .nw-add-sample-row .lcd-choice{height:44px;min-height:44px}.new-interface .nw-roll-row{grid-template-columns:128px repeat(16,minmax(44px,1fr));min-height:44px}.new-interface .nw-roll-grid{min-width:832px}.new-interface .nw-roll-head{height:44px}.new-interface .nw-row-label{min-height:44px}.new-interface .nw-row-name{font-size:12px;padding:0 4px}.new-interface .nw-row-preview{width:44px;min-width:44px}.new-interface .nw-grid-time{font-size:12px}.new-interface .nw-grid-time small{font-size:10px}.new-interface .nw-event-marker{top:10px;bottom:10px}.new-interface #step-editor .step-navigation button{width:44px;min-width:44px;height:44px;min-height:44px}.new-interface #step-editor .step-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.new-interface .sequence-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.new-interface .mod-tools{grid-template-columns:repeat(8,minmax(0,1fr))}.new-interface .mod-tools .mod-field:not(.mod-target){grid-column:span 4;grid-row:auto}.new-interface .mod-step-grid{grid-template-columns:repeat(var(--mod-columns,4),minmax(0,1fr))}.new-interface .performance-footer{padding:4px 8px;display:flex;flex-direction:column;gap:4px}.new-interface .monitor{font-size:11px;min-height:36px;height:auto;flex-wrap:wrap;gap:4px}.new-interface .monitor-right{width:100%;justify-content:space-between}.new-interface .monitor .connection{display:none}.new-interface .nw-footer-tools{justify-content:space-between;gap:8px;width:100%}.new-interface .nw-footer-tools>button,.new-interface #record-time{height:44px;min-height:44px;line-height:44px}.new-interface .keybed-heading{font-size:12px;width:auto}.new-interface .octaves button{width:44px;height:44px}.new-interface .keys{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.new-interface .key span{font-size:12px}.new-interface .key small{display:none}.new-interface .keybed{padding:8px 0}.new-interface #record-message{max-width:180px}.new-interface .circuit-map{width:120px;height:80px;bottom:8px;right:8px}.new-interface .circuit-toolbar{padding:8px 4px}.new-interface .circuit-toolbar button,.new-interface .circuit-toolbar .lcd-choice{height:44px;min-height:44px;font-size:12px}.new-interface #circuit-canvas .circuit-port{height:44px;min-height:44px}.new-interface .nw-popover #record-folder{margin:8px 0;width:100%}.new-interface .nw-popover .nw-view-tools button{height:44px;min-height:44px}
}
@media(max-width:800px){.new-interface .interface-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:0}.new-interface .nw-section-jumps button,.new-interface .sample-kit{height:44px;min-height:44px}.new-interface #rack .module-drums .module-heading{height:44px}.new-interface .nw-fx .nw-stage-heading button{width:44px;min-width:44px;height:44px;min-height:44px}.new-interface #circuit-canvas .module-heading{height:44px}.new-interface #circuit-canvas .circuit-remove{width:44px;min-width:44px;height:44px;min-height:44px}.new-interface .volume input{height:44px}}

/* Classic's responsive rows use important spans. This rack flattens those rows. */
.new-interface #rack .module{grid-column:span 4!important}
.new-interface #rack .module:is(.module-midi,.module-scale,.patch-module){grid-column:span 6!important}
.new-interface #rack .module:is(.module-voice,.module-drums){grid-column:1/-1!important}
@media(max-width:1100px) and (min-width:801px){.new-interface #rack .module{grid-column:span 6!important}}
@media(max-width:800px){.new-interface #rack .module{grid-column:span 4!important}.new-interface #rack .module:is(.module-voice,.module-scale,.module-midi,.module-drums,.module-filter1,.module-filter2,.module-drive,.module-amp,.module-mixer,.module-eg1,.module-eg2,.module-eg3,.module-lfo1,.module-lfo2,.module-lfo3,.patch-module){grid-column:1/-1!important}}
@media(min-width:801px){.new-interface .nw-stage:has(.nw-fx.folded){grid-template-columns:minmax(0,1fr) 44px}.new-interface .nw-fx.folded .nw-stage-heading{height:100%;padding:0;justify-content:center}.new-interface .nw-fx.folded .nw-stage-heading h2{display:none}}

.new-interface #rack .module:is(.module-eg1,.module-eg2,.module-eg3){border-bottom-color:#93a2ad}
@media(min-width:1101px){.new-interface #rack .module:is(.module-eg2,.module-eg3){border-left:1px solid #93a2ad}}
@media(min-width:801px) and (max-width:1100px){.new-interface #rack .module-eg2{border-left:1px solid #93a2ad}}

/* Four compact routes per row; the two LCD fields retain their full width. */
.new-interface #rack .patch-body{grid-template-columns:repeat(2,minmax(0,1fr))}
.new-interface #rack .patch-route{grid-column:1/-1}
.new-interface #rack .module:is(.module-lfo1,.module-lfo2,.module-lfo3){border-bottom-color:#93a2ad}
@media(min-width:1101px){
  .new-interface #rack .module.patch-module{grid-column:span 3!important}
  .new-interface #rack .module-lfo1{grid-column:1/span 4!important}
  .new-interface #rack .module:is(.module-lfo2,.module-lfo3,.module-patch2,.module-patch3,.module-patch4,.module-patch6,.module-patch7,.module-patch8){border-left:1px solid #93a2ad}
}
@media(min-width:801px) and (max-width:1100px){
  .new-interface #rack .module-lfo1{grid-column:1/span 6!important}
  .new-interface #rack .module:is(.module-lfo2,.module-patch2,.module-patch4,.module-patch6,.module-patch8){border-left:1px solid #93a2ad}
}

.new-interface #rack .module:is(.module-osc1,.module-osc2,.module-osc3){align-self:stretch}
@media(max-width:800px){.new-interface #rack .module.module-osc3{grid-column:1/-1!important}}