:root{color-scheme:dark;--bg: #111116;--panel: #1a1b21;--panel-2: #25262e;--sunk: #14151a;--ink: #f5f1ed;--muted: #b0aeb8;--dim: #84828e;--hot: #ff633c;--ready: #85dca1;--line: #34353e;--track: #41424c;--topbar-h: 100px;--radius: 16px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:calc(var(--topbar-h) + var(--perf-h, 0px) + 24px)}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.055em;font-weight:750}h1 span{color:var(--hot)}h2{font-size:18px;letter-spacing:-.025em;font-weight:650}h3{font-size:16px;letter-spacing:-.02em}h4{font-size:13px;font-weight:600}button,input,select{font:inherit;color:inherit}button,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);font-size:12px;font-weight:650;letter-spacing:.03em;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:where(button,input,select,summary,a):focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(hover:hover){button:not(:disabled):hover{border-color:var(--muted)}}.shell{width:min(1248px,100%);margin:auto;padding:0 max(24px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,340px) auto;align-items:center;gap:20px;padding:max(20px,env(safe-area-inset-top)) 0 20px;background:var(--bg);border-bottom:1px solid var(--line)}.brand{display:grid;gap:6px}.eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.22em;text-decoration:none;width:fit-content}.eyebrow:hover{color:var(--ink)}.audio-state{display:flex;align-items:center;gap:20px}.audio-state .status{order:-1;max-width:136px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.4}#status-dot{width:6px;height:6px;border-radius:50%;background:var(--dim);flex:none}#status-dot.ready{background:var(--ready)}.power{min-width:132px;background:var(--hot);border-color:var(--hot);color:#180f0c}.power.ready{background:var(--panel);border-color:var(--line);color:var(--ready)}.field{min-width:0;display:grid;align-content:start;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.035em}.field--check{display:flex;align-items:center;gap:8px;min-height:44px}.field select,.field input[type=number],.field input[type=file],.picker__input,.stepper__input{min-width:0;max-width:100%;min-height:44px;padding:10px 12px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:13px;letter-spacing:0}select{padding-right:28px!important;cursor:pointer}.field input[type=range]{width:100%;min-height:32px;margin:0;accent-color:var(--hot)}.field--check input{width:18px;height:18px;accent-color:var(--hot)}.field--bpm input{width:76px;font-variant-numeric:tabular-nums}.perf{position:sticky;top:var(--topbar-h);z-index:20;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:20px;margin:20px 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.perf__play{display:grid;gap:12px;min-width:0}.pads{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.pad{min-width:0;min-height:48px;padding:6px 7px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-radius:7px;background:#ddd7d1;color:#272225;border-color:#ddd7d1;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pad *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.pad--sharp{background:#343239;color:#f1eae6;border-color:#56515a}.pad__note{font-size:10px;font-weight:650}.pad__key{align-self:flex-end;font:10px/1.2 ui-monospace,monospace;opacity:.65}.pad--accent:not(.pad--sharp){background:#f5a085;border-color:#f5a085}.pad--accent.pad--sharp{border-color:var(--hot)}.pad.playing{background:var(--hot);border-color:var(--hot);color:#180f0c;transform:translateY(1px)}.perf__keys,.perf__readout{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.perf__side{display:grid;gap:10px;align-content:start}.octave{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.08em}.octave button{width:44px;padding:0;font-size:17px}.octave span{flex:1;text-align:center}.octave b{color:var(--ink);font-variant-numeric:tabular-nums}.transport{display:flex;align-items:end;gap:12px}.transport__play{flex:1}.transport__play:before{content:"";display:inline-block;width:0;height:0;margin-right:8px;border-block:4px solid transparent;border-left:6px solid currentColor}.transport__play.on{background:var(--hot);color:#180f0c;border-color:var(--hot)}.transport__play.on:before{width:7px;height:7px;border:0;background:currentColor}.meter{height:3px;border-radius:3px;overflow:hidden;background:var(--track)}.meter span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--hot)}.deck{min-width:0;margin:0 0 20px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.deck__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:20px}.deck__head p{color:var(--muted);font-size:12px;max-width:56ch}.deck__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:12px;align-items:stretch}.deck__body--macros{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.decks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 0 0}.decks .deck{margin:0}.deck--output{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px}.deck--output .deck__head{flex-direction:column;gap:6px;margin:0}.deck--output .deck__body{width:min(520px,60%);grid-template-columns:repeat(3,minmax(0,1fr))}.deck--engine{grid-column:1 / -1}.deck--engine .deck__body{grid-template-columns:repeat(8,minmax(0,1fr))}.deck--tone .deck__body{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.deck--sequencer{margin:0 0 20px;padding:0;border:0;background:transparent}.deck--sequencer .deck__head{display:none}.deck--sequencer .deck__body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.deck--sequencer .deck__body>*{width:100%}.deck--sequencer .knob{--dial: 48px;grid-template-rows:20px 48px 20px}.deck--sequencer :is(.switch,.picker,.stepper,.field){grid-template-rows:20px 48px}.deck--sequencer .switch__value{display:none}.deck--sequencer .field{padding:8px;gap:8px;text-align:center;font-size:11px}.deck--sequencer .field input{width:100%}.desktop-edition{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;margin:40px 0 24px}.desktop-edition__intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 85% 10%,#5d2926 0,transparent 50%),#1b1b22}.desktop-edition__eyebrow,.desktop-edition__offer-kicker,.desktop-edition__visual-label,.desktop-edition__visual-foot{color:#f3a087;font-size:10px;font-weight:750;letter-spacing:.17em}.desktop-edition__intro h2{max-width:11ch;margin:22px 0;font-size:clamp(32px,4vw,56px);line-height:1.04;letter-spacing:-.055em}.desktop-edition__intro>p:not(.desktop-edition__eyebrow){max-width:52ch;color:var(--muted);font-size:15px;line-height:1.65}.desktop-edition__formats{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.desktop-edition__formats span{padding:8px 11px;border:1px solid #6b4643;border-radius:999px;color:var(--ink);font-size:11px}.desktop-edition__visual{display:flex;flex-direction:column;justify-content:space-between;min-height:330px;padding:26px;border:1px solid #62413d;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 50%,#4f2522 0,#20191e 65%,#17171c);overflow:hidden}.desktop-edition__wave{display:flex;align-items:center;justify-content:center;gap:3px;min-height:180px;transform:perspective(500px) rotateX(12deg)}.desktop-edition__wave i{display:block;width:4px;height:calc(12px + 115px * var(--wave));border-radius:4px;background:linear-gradient(#ffc4a5,#ff633c 55%,#ac3d3b);box-shadow:0 0 14px #ff633c65}.desktop-edition__wave i:nth-child(6n+1){--wave: .18}.desktop-edition__wave i:nth-child(6n+2){--wave: .45}.desktop-edition__wave i:nth-child(6n+3){--wave: .86}.desktop-edition__wave i:nth-child(6n+4){--wave: 1}.desktop-edition__wave i:nth-child(6n+5){--wave: .65}.desktop-edition__wave i:nth-child(6n){--wave: .28}.desktop-edition__visual-foot{align-self:flex-end}.desktop-edition__offers{grid-column:1 / -1;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.desktop-edition__offers-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.desktop-edition__offers-head h3{font-size:clamp(19px,2vw,26px);letter-spacing:-.035em}.desktop-edition__offers-head p,.desktop-edition__note{max-width:48ch;color:var(--muted);font-size:12px}.desktop-edition__offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.desktop-edition__offer{display:flex;flex-direction:column;min-height:265px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--sunk)}.desktop-edition__offer--featured{border-color:#975147;background:linear-gradient(160deg,#392321,#1c1b20 72%)}.desktop-edition__offer h4{margin:12px 0 8px;font-size:20px;letter-spacing:-.035em}.desktop-edition__offer p{flex:1;color:var(--muted);font-size:12px;line-height:1.55}.desktop-edition__offer strong{display:block;margin:18px 0 12px;font-size:27px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.desktop-edition__offer strong small{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}.desktop-edition__offer-alt{margin:-8px 0 10px;color:var(--muted);font-size:11px}.desktop-edition__offer button{width:100%;margin-top:auto}.desktop-edition__note{margin-top:16px}.desktop-edition__billing{display:grid;gap:4px;margin:0 0 10px;color:var(--muted);font-size:11px}.desktop-edition__billing select{width:100%;min-height:40px;padding:8px 30px 8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--ink)}.knob{--amount: 0;--dial: 56px;--ring: 2.5px;display:grid;grid-template-rows:32px var(--dial) 30px;justify-items:center;align-content:start;align-items:center;gap:8px;padding:8px 4px;width:100%;min-width:0;border-radius:10px;border:1px solid transparent}.knob[data-size=xl]{--dial: 84px;--ring: 3px;grid-template-rows:20px var(--dial) 34px}.knob__dial{position:relative;width:var(--dial);height:var(--dial)}.knob__arc,.knob__ticks{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--ring)),#000 calc(100% - var(--ring) + .5px));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--ring)),#000 calc(100% - var(--ring) + .5px))}.knob__arc{background:conic-gradient(from 225deg,var(--hot) 0deg calc(var(--amount) * 270deg),var(--track) calc(var(--amount) * 270deg) 270deg,#0000 270deg 360deg)}.knob__ticks{opacity:.5;background:repeating-conic-gradient(from 225deg,var(--dim) 0 .8deg,#0000 .8deg calc(270deg / (var(--detents) - 1)))}.knob:not([data-detents]) .knob__ticks{display:none}.knob__cap{position:absolute;inset:calc(var(--ring) + 4px);border-radius:50%;background:radial-gradient(circle at 35% 25%,#474852,#2b2c34 65%,#202127);box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0006;transform:rotate(calc(-135deg + var(--amount) * 270deg))}.knob__pointer{position:absolute;left:50%;top:12%;width:2px;height:29%;margin-left:-1px;border-radius:2px;background:var(--hot)}.knob__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ns-resize;touch-action:none;appearance:none;-webkit-appearance:none;background:transparent}.knob:has(.knob__input:focus-visible){border-color:var(--ink);outline:2px solid var(--ink);outline-offset:2px}.control__label{align-self:center;min-width:0;max-width:100%;color:var(--muted);font-size:11px;line-height:1.4;letter-spacing:.02em;text-align:center;overflow-wrap:anywhere}.knob__value{min-width:0;max-width:100%;color:var(--ink);font-size:12px;line-height:1.4;font-weight:550;font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere}.knob[data-size=xl] .knob__value{font-size:14px}.knob[data-size=xl] .control__label{color:var(--ink);font-size:12px}.knob__pitch,.knob__frequency{display:block}.knob__frequency{font-size:11px;font-weight:400;color:var(--muted)}.switch,.picker,.stepper{display:grid;grid-template-rows:32px 56px 30px;justify-items:center;align-items:center;gap:8px;padding:8px;width:100%;min-width:0;border:1px solid transparent;border-radius:10px}.picker{grid-column:auto}.deck--engine .picker{grid-column:span 2}.picker__input,.stepper__input{width:100%}.switch__shell{position:relative;display:flex;align-items:center;width:54px;height:48px;cursor:pointer}.switch__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch__track{position:relative;display:block;width:54px;height:28px;border-radius:99px;background:var(--sunk);border:1px solid var(--line)}.switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--dim)}.switch__input:checked~.switch__track .switch__thumb{transform:translate(26px);background:var(--hot)}.switch__input:focus-visible~.switch__track{outline:2px solid var(--ink);outline-offset:4px}.switch__value{font-size:11px;font-variant-numeric:tabular-nums}.deck--pattern .pattern__tools{display:flex;gap:16px;margin-bottom:16px}.pattern__tools input{width:112px}.steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px}.step{position:relative;min-width:0;min-height:48px;padding:6px;border-radius:7px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.step:nth-child(4n+1){border-left-color:var(--muted)}.step.on{color:#180f0c;background:var(--hot);border-color:var(--hot)}.step.accent:after{content:"•";position:absolute;right:4px;top:0;font-size:16px;line-height:1}.step.selected{outline:2px solid var(--ink);outline-offset:2px}.step-inspector{margin-top:20px;border-top:1px solid var(--line)}.step-inspector>summary{background:transparent;border:0;border-radius:0;padding:14px 0;font-size:12px}.step-inspector strong{color:var(--hot);font-size:11px;font-variant-numeric:tabular-nums}.step-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:8px 0 12px}.sound-design,.advanced{margin-bottom:16px}summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:14px;font-weight:550;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:"";width:7px;height:7px;margin-left:auto;margin-right:3px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);flex:none}details[open]>summary:after{transform:rotate(225deg)}.summary-detail{color:var(--muted);font-size:12px;font-weight:400}.advanced__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:16px}.card{min-width:0;display:grid;align-content:start;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card p{color:var(--muted);font-size:12px;line-height:1.6}.curve-toolbar,.curve-fields,.region{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}.exports{margin-top:24px}.exports__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.exports__row>div{display:grid;align-content:start;gap:12px}.exports__row>div+div{border-left:1px solid var(--line);padding-left:32px}.exports__row p{min-height:40px}.export-results{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}.export-results:empty{display:none}.export-results a{color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px 16px;text-decoration:none;font-size:12px}.touch-help{display:none}.preset-browser{min-width:0}.preset-browser__label{min-height:22px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}#preset-edited{color:var(--hot);font-size:11px}.preset-browser__controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.preset-browser__controls button{padding:0;font:24px/1 system-ui,sans-serif;background:var(--panel)}.preset-browser select{min-width:0;min-height:44px;padding:10px 12px;font-size:13px;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:8px}.pad-banks{display:none}.pattern-mode,.pad-banks{gap:4px;padding:3px;background:var(--sunk);border:1px solid var(--line);border-radius:10px}.pattern-mode{display:flex}.pattern-mode button,.pad-banks button{min-height:38px;padding:8px 16px;color:var(--muted);background:transparent;border-color:transparent}.pattern-mode button[aria-pressed=true],.pad-banks button[aria-pressed=true]{color:var(--ink);background:var(--panel-2);border-color:var(--line)}.pattern-help{margin:0 0 12px;color:var(--muted);font-size:12px}.step-field-value{min-height:20px;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums}.step-editor .field{font-size:12px}.step-editor .field input[type=range]{min-height:44px}.power.ready:disabled{opacity:1;cursor:default}.status{overflow-wrap:anywhere}@media(max-width:1100px){.topbar{gap:16px}.audio-state{gap:12px}.audio-state .status{max-width:90px}.perf{grid-template-columns:minmax(0,1fr) 200px;gap:16px}.pads{grid-template-columns:repeat(6,minmax(0,1fr))}.deck__body--macros{grid-template-columns:repeat(4,minmax(0,1fr))}.deck--engine .deck__body{grid-template-columns:repeat(6,minmax(0,1fr))}.decks{grid-template-columns:1fr}.steps{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:800px){.desktop-edition{grid-template-columns:1fr}.desktop-edition__visual{min-height:220px}.desktop-edition__offers-head{flex-direction:column;align-items:flex-start}.desktop-edition__offer-grid{grid-template-columns:1fr}.desktop-edition__offer{min-height:0}.shell{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.pad-banks{display:flex}.pad-banks button{flex:1;min-height:44px}.pads[data-bank="0"] .pad[data-bank="1"],.pads[data-bank="1"] .pad[data-bank="0"]{display:none}.transport{position:fixed;inset-inline:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 24px #0005}.transport__play{min-height:48px;color:#211b19;background:var(--ink);border-color:var(--ink);font-size:14px}.transport__play.on{background:var(--hot);border-color:var(--hot)}.transport .field--bpm{grid-template-columns:auto 76px;align-items:center;gap:12px}.transport .field--bpm input{min-height:48px}.perf__side .perf__readout{grid-column:2;grid-row:1;text-align:right;align-self:center}.perf__side .meter{grid-column:1 / -1;grid-row:2}.deck--pattern .deck__head{flex-direction:row;align-items:center}.preset-browser select{font-size:16px}html{scroll-padding-top:calc(var(--topbar-h) + 16px);scroll-padding-bottom:124px}.pattern-mode button{min-height:44px}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding-block:16px}.brand{grid-column:1;grid-row:1}.audio-state{grid-column:2;grid-row:1;display:grid;gap:6px}.preset-browser{grid-column:1 / -1;grid-row:2}.audio-state .status{order:0;justify-content:center;max-width:132px;font-size:10px}.perf{position:static;grid-template-columns:1fr}.perf__side{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:12px}.meter,.perf__readout{grid-column:1 / -1}.deck__head{align-items:flex-start;flex-direction:column;gap:6px}.deck--engine .deck__body{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-detail{display:none}.advanced__grid{grid-template-columns:1fr}}@media(max-width:520px){.desktop-edition{margin-top:28px;gap:12px}.desktop-edition__intro,.desktop-edition__offers{padding:22px}.desktop-edition__visual{min-height:180px}.desktop-edition__wave{min-height:100px}.desktop-edition__wave i{height:calc(8px + 70px * var(--wave))}.shell{padding-inline:max(12px,env(safe-area-inset-left))}.topbar{gap:12px}.power{min-width:116px;padding-inline:10px;font-size:11px}.perf{padding:12px;margin-block:16px;gap:16px}.deck,.card{padding:16px}.deck__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.deck__body--macros{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.knob[data-size=xl]{--dial: 60px;--ring: 3px}.knob[data-size=xl] .knob__value{font-size:12px}.deck--engine .deck__body{grid-template-columns:repeat(3,minmax(0,1fr))}.deck--tone .deck__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.picker{grid-column:auto}.deck--engine .picker,.deck--dynamics .picker{grid-column:span 2}.deck--sequencer{padding:0}.deck--sequencer .deck__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.deck--sequencer .deck__body>*{width:100%;grid-column:auto}.deck--sequencer .switch,.deck--sequencer .picker,.deck--sequencer .stepper{grid-template-rows:20px 48px}.deck--sequencer .switch__value{display:none}.deck--sequencer .knob{grid-template-rows:20px 48px 20px}.deck--sequencer .field{grid-column:auto;grid-template-rows:20px 48px;align-items:center}.deck--output{display:block}.deck--output .deck__body{width:100%;margin-top:16px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.step-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.exports__row{grid-template-columns:1fr;gap:20px}.exports__row>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.exports__row p{min-height:0}.pointer-help{display:none}.touch-help{display:inline}.field input,.field select,.picker__input,.stepper__input{font-size:16px}.octave{gap:4px}.octave span{min-width:45px}}@media(max-width:359px){.pads,.deck__body--macros{grid-template-columns:repeat(4,minmax(0,1fr))}.knob[data-size=xl]{--dial: 48px;padding-inline:2px}.knob[data-size=xl] .control__label{font-size:10px}.deck__body,.deck--engine .deck__body,.deck--tone .deck__body{grid-template-columns:repeat(2,minmax(0,1fr))}.perf__side{grid-template-columns:auto minmax(0,1fr)}.status{max-width:116px}}@media(hover:none){.pad__key,.perf__keys{display:none}.pad__note{font-size:12px}.pad{justify-content:center;align-items:center;min-height:52px}}@media(max-height:600px){html{scroll-padding-top:16px}.topbar,.perf{position:static}.transport{position:static;grid-column:1 / -1;padding:0;border:0;box-shadow:none}.shell{padding-bottom:40px}}@media(prefers-reduced-motion:no-preference){button,.knob,.switch__thumb{transition:border-color .12s ease,background-color .12s ease}.meter span{transition:transform 60ms linear}}