:root{--chassis:#dedbd3;--panel:#cfcbc2;--panel-raised:#d3cfc6;--key-light:#c9c5bc;--key-dark:#3a3935;--key-darker:#2e2d2a;--bezel:#2a2926;--lcd-bg:#0f1310;--lcd:#ffb547;--lcd-dim:color-mix(in srgb, var(--lcd) 25%, transparent);--lcd-grid:color-mix(in srgb, var(--lcd) 10%, transparent);--ink:#2b2a27;--ink-muted:#57534c;--ink-faint:#8f8b83;--paper:#f2efe8;--led-off:#8f8b83;--led-red:#ff5a3c;--record:#e5482e;--pad-empty:#2c2b29;--sans:"Archivo", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--press-light:inset 0 -4px 0 #00000024, 0 2px 3px #0000002e;--press-light-down:inset 0 2px 4px #00000040;--press-dark:inset 0 -4px 0 #00000059, inset 0 1px 0 #ffffff14, 0 2px 3px #00000040;--press-dark-down:inset 0 -1px 0 #00000059, inset 0 2px 4px #00000080, 0 1px 1px #0003;--well:inset 0 2px 6px #00000029, 0 1px 0 #fff9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--chassis);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--chassis);min-height:100vh;margin:0}button{font:inherit;color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #4f9dff}.mono{font-family:var(--mono)}.label{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.label--wide{letter-spacing:.18em}.label--muted{color:var(--ink-muted)}.grow{flex-grow:1}.desk{min-height:100vh}.chassis{background:var(--chassis);flex-direction:column;gap:12px;width:100%;min-height:100vh;padding:12px 16px 14px;transition:box-shadow .15s;display:flex}.chassis.is-drop{box-shadow:inset 0 0 0 4px var(--record)}.row{flex-wrap:wrap;align-items:stretch;gap:24px;display:flex}.col-main{flex-direction:column;flex:999 560px;gap:22px;min-width:0;display:flex}.col-side{flex:460px;min-width:0}.led{background:var(--led-off);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:inset 0 1px 1px #0000004d}.led--sm{width:7px;height:7px}.led.is-on{background:var(--led,var(--led-red));box-shadow:0 0 8px var(--led,var(--led-red)), 0 0 2px var(--led,var(--led-red))}.key-light,.key-dark{cursor:pointer;letter-spacing:.1em;white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.key-light{background:var(--key-light);color:var(--ink);box-shadow:var(--press-light)}.key-light[aria-pressed=true],.key-light:active:not(:disabled){box-shadow:var(--press-light-down)}.key-dark{background:var(--key-darker);color:var(--paper);box-shadow:inset 0 -3px #0006,0 2px 3px #00000040}.key-dark:active:not(:disabled){box-shadow:inset 0 2px 4px #0009}.key-light:disabled,.key-dark:disabled{cursor:default;color:var(--ink-faint)}.key--sq{width:44px;font-family:var(--mono);letter-spacing:0;padding:0;font-size:16px;font-weight:500}.key--mono{font-family:var(--mono);letter-spacing:0;font-size:13px;font-weight:600}.key--on{background:var(--key-dark);color:var(--paper);box-shadow:inset 0 2px 4px #00000080}.ledkey{cursor:pointer;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.ledkey__cap{background:var(--key-dark);width:76px;height:44px;box-shadow:var(--press-dark);border-radius:9px}.ledkey--light .ledkey__cap{background:var(--key-light);box-shadow:var(--press-light)}.ledkey[aria-pressed=true] .ledkey__cap{box-shadow:var(--press-dark-down)}.ledkey--light[aria-pressed=true] .ledkey__cap{box-shadow:var(--press-light-down)}.ledkey:disabled{cursor:default;opacity:.6}.header{flex-wrap:wrap;align-items:center;gap:12px 18px;padding:0 4px;display:flex}.brand{align-items:baseline;gap:12px;margin-right:8px;display:flex}.brand__name{letter-spacing:-.02em;font-size:26px;font-weight:800}.slots{flex-wrap:wrap;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.slot{background:var(--key-light);min-height:44px;box-shadow:var(--press-light);border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 10px;display:flex}.slot.is-active{box-shadow:var(--press-light-down)}.slot__main{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.slot__text{flex-direction:column;gap:2px;display:flex}.slot__name{letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;max-width:120px;font-size:11px;font-weight:800;overflow:hidden}.slot__meta{font-family:var(--mono);color:var(--ink-muted);font-size:10px}.slot__tag{color:var(--ink);font-weight:600}.slot__tag--anchor{color:#b23a22}.slot__actions{gap:2px;margin-left:4px;display:flex}.slot__btn{min-width:26px;height:26px;color:var(--ink-muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:11px;font-weight:600}.slot__btn:hover{color:var(--ink);background:#00000014}.slot__btn[aria-pressed=true]{color:#b23a22}.slot__btn--confirm,.slot__btn--confirm:hover{background:var(--record);color:#fff6f2;padding:0 8px}.grille{gap:6px;display:flex}.grille span{background:#c4c0b7;border-radius:2px;width:4px;height:18px;box-shadow:inset 0 1px 1px #0000002e}.add-sample.is-calling{box-shadow:0 0 0 3px var(--chassis), 0 0 0 5px var(--record), inset 0 -3px 0 #0006}.empty-slots{font-family:var(--mono);color:var(--ink-muted);font-size:11px}.bezel{background:var(--bezel);border-radius:18px;flex-wrap:wrap;gap:12px;padding:12px;display:flex;box-shadow:inset 0 2px 6px #0009,0 1px #fff9}.bezel__screen{flex-direction:column;flex:999 460px;gap:10px;min-width:0;display:flex}.lcd{background:var(--lcd-bg);font-family:var(--mono);color:var(--lcd);text-transform:uppercase;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:inset 0 0 40px #0009}.lcd__top{letter-spacing:.04em;justify-content:space-between;gap:8px 18px;font-size:13px;font-weight:500;display:flex}.lcd__file{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lcd__top-right{flex-wrap:wrap;flex-shrink:0;gap:18px;display:flex}.lcd__chip{background:var(--lcd-dim);padding:0 6px}.lcd__page{flex-direction:column;gap:8px;min-height:234px;display:flex}.lcd__info{letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:8px;min-height:18px;font-size:13px;display:flex}.lcd__info-left{flex-wrap:wrap;gap:18px;display:flex}.lcd__pad{color:var(--lcd-bg);padding:0 6px;font-weight:600}.lcd__pad--empty{color:var(--lcd);border:1px dashed var(--lcd)}.lcd__softlabels{border-top:1px solid var(--lcd-dim);grid-template-columns:repeat(6,minmax(0,1fr));margin:0 -16px -14px;display:grid}.lcd__softlabels span{letter-spacing:.08em;border-left:1px solid var(--lcd-dim);justify-content:center;align-items:center;height:28px;font-size:11px;font-weight:600;display:flex}.lcd__softlabels span:first-child{border-left:0}.softkeys{grid-template-columns:repeat(6,minmax(0,1fr));padding-bottom:2px;display:grid}.softkeys span{justify-content:center;display:flex}.softkey{cursor:pointer;background:#4a4844;border:0;border-radius:5px;width:64px;height:22px;box-shadow:inset 0 -3px #0006,inset 0 1px #ffffff1a}.softkey:active:not(:disabled){box-shadow:inset 0 2px 3px #0009}.softkey:disabled{cursor:default;opacity:.55}.pagekeys{flex-direction:column;flex:1 0 auto;gap:14px;padding:6px 4px;display:flex}.pagekeys__title{letter-spacing:.18em;color:var(--ink-faint);font-size:10px;font-weight:700}.pagekey{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.pagekey__cap{background:var(--key-dark);border-radius:8px;width:56px;height:44px;box-shadow:inset 0 -4px #0006,inset 0 1px #ffffff14}.pagekey[aria-pressed=true] .pagekey__cap{box-shadow:inset 0 2px 4px #0009}.pagekey__side{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.pagekey__label{letter-spacing:.1em;color:#d8d4cb;font-size:11px;font-weight:700}.pagekey:disabled{cursor:default;opacity:.5}.overview{height:26px;position:relative}.overview canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.overview__window{border:1px solid var(--lcd);background:var(--lcd-grid);pointer-events:none;position:absolute;top:4px;bottom:0}.wave-wrap{border-top:1px dashed var(--lcd-dim);border-bottom:1px dashed var(--lcd-dim);height:200px;position:relative;overflow:hidden}.waveform{touch-action:none;width:100%;height:100%;display:block}.lcd-centre{border-top:1px dashed var(--lcd-dim);border-bottom:1px dashed var(--lcd-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:200px;display:flex;position:relative}.lcd-centre:before{content:"";border-top:1px dashed var(--lcd-grid);position:absolute;top:50%;left:0;right:0}.lcd-centre>*{background:var(--lcd-bg);padding:0 14px;position:relative}.lcd-big{letter-spacing:.1em;font-size:22px;font-weight:600}.lcd-sub{letter-spacing:.06em;opacity:.8;font-size:13px}.lcd-progress{border:1px solid var(--lcd);text-align:left;flex-direction:column;gap:10px;width:340px;max-width:90%;display:flex;padding:14px 18px!important}.lcd-progress__bar{border:1px solid var(--lcd);height:10px;padding:1px;display:block}.lcd-progress__bar span{background:var(--lcd);height:100%;transition:width .2s;display:block}.lcd-progress__row{justify-content:space-between;font-size:12px;display:flex}.lcdseq{flex-direction:column;justify-content:center;gap:8px;min-height:234px;display:flex}.lcdseq__row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.lcdseq__name{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--lcd);border:0;border-left:3px solid var(--track);text-align:left;white-space:nowrap;cursor:pointer;opacity:.6;background:0 0;height:40px;padding:0 0 0 6px;overflow:hidden}.lcdseq__name.is-active{opacity:1;background:var(--lcd-grid)}.lcdseq__row.is-muted .lcdseq__cells{opacity:.4}.lcdseq__cells{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:4px;display:grid}.lcdseq__ruler{opacity:.6;font-size:10px}.lcdseq__cell{border:1px solid var(--lcd-dim);min-width:0;height:40px;color:var(--lcd-bg);font:600 12px var(--mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.lcdseq__cell.is-beat{border-color:color-mix(in srgb, var(--lcd) 45%, transparent)}.lcdseq__cell:hover:not(.is-on){background:var(--lcd-grid)}.lcdseq__cell.is-on{background:color-mix(in srgb, var(--cell) 85%, transparent);border-color:var(--cell)}.lcdseq__cell.is-now{outline:2px solid var(--lcd);outline-offset:1px}.lcd-note{opacity:.7;letter-spacing:.04em;font-size:11px}.lcdseq__foot{opacity:1;justify-content:space-between;align-items:center;display:flex}.lcdseq__foot>span:first-child{opacity:.7}.lcdseq__pager{align-items:center;gap:8px;display:flex}.lcdseq__pager button{border:1px solid var(--lcd);width:26px;height:22px;color:var(--lcd);font:600 11px var(--mono);cursor:pointer;background:0 0}.lcdseq__pager button:disabled{opacity:.3;cursor:default}.lcdtempo{flex-direction:column;justify-content:center;gap:14px;min-height:234px;padding-left:8px;display:flex}.lcdtempo__stats{flex-wrap:wrap;align-items:flex-end;gap:12px 40px;display:flex}.lcdtempo__stat{flex-direction:column;gap:2px;padding-bottom:4px;display:flex}.lcdtempo__k{opacity:.7;letter-spacing:.1em;font-size:11px}.lcdtempo__bpm{width:5.4ch;font:600 64px var(--mono);letter-spacing:-.02em;color:var(--lcd);cursor:text;background:0 0;border:0;padding:0;line-height:1}.lcdtempo__bpm:hover,.lcdtempo__bpm:focus{background:var(--lcd-grid);outline:none}.lcdtempo__v{font-size:28px;font-weight:600}.tapdots{gap:6px;padding-bottom:6px;display:flex}.tapdots span{border:1px solid var(--lcd);width:10px;height:10px}.tapdots span.is-on{background:var(--lcd)}.lcdenv{flex-direction:column;justify-content:center;gap:6px;min-height:234px;display:flex}.lcdenv__graph{border-top:1px dashed var(--lcd-dim);border-bottom:1px dashed var(--lcd-dim);width:100%;height:170px}.lcdenv__marks{height:14px;font-size:11px;font-weight:600;position:relative}.lcdenv__marks span{position:absolute;transform:translate(-50%)}.lcdenv__values{flex-wrap:wrap;gap:6px 22px;font-size:12px;display:flex}.lcdmix{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:234px;display:grid}.lcdmix__strip{--track:var(--lcd);border:1px dashed var(--lcd-dim);flex-direction:column;gap:6px;min-width:0;padding:6px;display:flex}.lcdmix__strip.is-active{border:1px solid var(--lcd);background:var(--lcd-grid)}.lcdmix__strip.is-silent .lcdmix__body{opacity:.35}.lcdmix__name{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--lcd);border:0;border-left:3px solid var(--track);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;padding:0 0 0 6px;overflow:hidden}.lcdmix__body{justify-content:center;gap:8px;height:112px;display:flex}.lcdmix__fader{border:1px solid var(--lcd-dim);cursor:ns-resize;touch-action:none;width:26px;position:relative}.lcdmix__fader:focus-visible{outline:1px solid var(--lcd);outline-offset:2px}.lcdmix__fill{background:var(--lcd-dim);position:absolute;bottom:0;left:3px;right:3px}.lcdmix__cap{background:var(--lcd);height:6px;margin-bottom:-3px;position:absolute;left:-4px;right:-4px}.lcdmix__unity{background:var(--lcd);opacity:.5;height:1px;position:absolute;left:-6px;right:-6px}.lcdmix__meter{border:1px solid var(--lcd-dim);width:6px;position:relative}.lcdmix__meter span{background:var(--lcd);position:absolute;bottom:0;left:0;right:0}.lcdmix__meter span.is-hot{background:#ff5a3c}.lcdmix__db{text-align:center;font-size:12px;font-weight:600}.lcdmix__pan{border:1px solid var(--lcd-dim);height:6px;position:relative}.lcdmix__pan span{background:var(--lcd);width:3px;height:8px;margin-left:-1.5px;position:absolute;top:-2px}.lcdmix__row{opacity:.8;white-space:nowrap;justify-content:space-between;min-height:13px;font-size:10px;display:flex;overflow:hidden}.lcdmix__ms{gap:4px;display:flex}.lcdmix__ms button{border:1px solid var(--lcd-dim);height:22px;color:var(--lcd);font:600 11px var(--mono);cursor:pointer;background:0 0;flex:1}.lcdmix__ms button[aria-pressed=true]{background:var(--lcd);color:var(--lcd-bg)}.modestrip{flex-wrap:wrap;align-items:flex-start;gap:18px 14px;padding:0 4px;display:flex}.zoom{flex-direction:column;align-items:center;gap:8px;display:flex}.zoom__value{font-family:var(--mono);color:var(--ink-muted);height:8px;font-size:10px;font-weight:600;line-height:8px}.zoom__keys{gap:6px;display:flex}.knobpanel{background:var(--panel-raised);border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 20px;display:flex;box-shadow:inset 0 2px 4px #0000001f,0 1px #fff9}.knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:88px;padding:0;display:flex}.knob:disabled{cursor:default}.knob__ring{border-radius:50%;width:64px;height:64px;padding:5px;display:block}.knob__cap{background:var(--key-darker);border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:inset 0 -4px 6px #00000073,inset 0 2px 2px #ffffff1f,0 3px 6px #0000004d}.knob__cap:after{content:"";background:var(--paper);border-radius:2px;width:3px;height:14px;margin-left:-1.5px;position:absolute;top:6px;left:50%}.knob__value{font-family:var(--mono);color:var(--ink-muted);font-size:12px}.bigkey{cursor:pointer;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.bigkey__round{background:var(--key-darker);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 -4px #0006,inset 0 1px #ffffff1a,0 3px 6px #0000004d}.bigkey__round.is-on{box-shadow:inset 0 2px 4px #0009,0 0 0 3px #ffb54754}.bigkey:disabled{cursor:default;opacity:.6}.transport-keys{align-items:center;gap:14px;display:flex}.well{background:var(--panel);box-shadow:var(--well);border-radius:20px;flex-direction:column;gap:14px;height:100%;padding:18px;display:flex}.well__head{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.well__head .label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.well__head .mono{color:var(--ink-muted);flex-shrink:0;font-size:11px}.pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pad{--c:#888;aspect-ratio:1;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--pad-empty);color:#9a968e;border:0;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:72px;padding:10px;transition:transform 60ms,filter 80ms;display:flex;box-shadow:inset 0 -5px #00000059,inset 0 1px #ffffff0f,0 3px 4px #00000047}.pad.is-lit{color:#fff;background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--c) 70%, transparent) 0%, color-mix(in srgb, var(--c) 30%, transparent) 55%, var(--pad-empty) 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 67%, transparent), 0 0 22px color-mix(in srgb, var(--c) 35%, transparent), inset 0 -5px 0 #00000059, inset 0 1px 0 #ffffff0f, 0 3px 4px #00000047}.pad.is-lit.is-selected{box-shadow:0 0 0 3px var(--paper), 0 0 0 6px var(--c), inset 0 0 0 1.5px color-mix(in srgb, var(--c) 67%, transparent), 0 0 22px color-mix(in srgb, var(--c) 35%, transparent), inset 0 -5px 0 #00000059, 0 3px 4px #00000047}.pad.is-selected:not(.is-lit){outline:2px dashed var(--c);outline-offset:3px}.pad.is-dim{filter:saturate(.25)brightness(.8)}.pad.is-playing{filter:brightness(1.45);transform:scale(.97)}.pad__n{font-size:13px;font-weight:800}.pad__foot{justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.pad__sub{font-family:var(--mono);opacity:.85;font-size:10px}.pad__key{font-family:var(--mono);opacity:.55;border:1px solid #0000;border-radius:4px;padding:0 4px;font-size:11px;font-weight:600}.pads.is-kbd .pad__key{opacity:1;border-color:currentColor}.well__foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.kbd-cap{font-family:var(--mono);border:1px solid var(--ink-faint);letter-spacing:0;border-radius:4px;padding:0 5px;font-size:11px;font-weight:600}.octave{align-items:center;gap:6px;display:flex}.seq{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.seq__head{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.seq__opts{align-items:center;gap:6px;display:flex}.seq__scroll{overflow-x:auto}.seq__grid{flex-direction:column;gap:8px;min-width:520px;display:flex}.seq__row{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:12px;display:grid}.seq__cells{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:5px;display:grid}.seq__ruler span{font-family:var(--mono);color:var(--ink-muted);font-size:10px}.seq__track{background:var(--key-light);text-align:left;cursor:pointer;height:40px;box-shadow:var(--press-light);border:0;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.seq__track[aria-pressed=true]{box-shadow:inset 0 2px 4px #00000040, inset 0 0 0 2px var(--track)}.seq__track.is-muted{opacity:.55}.seq__swatch{background:var(--track);border-radius:2px;flex-shrink:0;width:4px;height:20px}.seq__name{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:11px;font-weight:800;overflow:hidden}.step{background:var(--pad-empty);color:#1a1918;min-width:0;height:40px;font-family:var(--mono);cursor:pointer;border:0;border-radius:6px;padding:0;font-size:12px;font-weight:600;overflow:hidden;box-shadow:inset 0 -3px #00000059,inset 0 1px #ffffff0d}.step.is-beat{background:#3a3936}.step.is-on{background:var(--c);box-shadow:inset 0 -3px 0 #00000040, 0 0 10px color-mix(in srgb, var(--c) 40%, transparent)}.step.is-now{outline:2px solid var(--ink);outline-offset:2px}.seq__hint{font-family:var(--mono);color:var(--ink-muted);font-size:11px}.transport{background:var(--panel-raised);border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px;height:100%;padding:18px 20px;display:flex;box-shadow:inset 0 2px 4px #0000001f,0 1px #fff9}.playseq__cap{background:var(--record);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 -5px #00000040,inset 0 2px #ffffff40,0 4px 8px #781e0a59}.playseq__cap.is-on{box-shadow:inset 0 -2px #00000040,inset 0 3px 6px #0000004d,0 0 0 4px #e5482e40,0 0 18px #e5482e80}.transport__fields{flex-direction:column;flex:300px;gap:12px;min-width:0;display:flex}.transport__line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lcdfield{background:var(--lcd-bg);height:44px;color:var(--lcd);font-family:var(--mono);border-radius:8px;flex:120px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 2px 4px #0009}.lcdfield__k{letter-spacing:.12em;opacity:.7;font-size:10px}.lcdfield__v{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.lcdfield input{width:90px;color:var(--lcd);font:600 20px var(--mono);text-align:right;background:0 0;border:0;padding:0}.lcdfield input:focus{outline:none;text-decoration:underline}.transpose{text-align:center;width:64px;font-family:var(--mono);font-size:13px;font-weight:600}.toast{background:var(--key-darker);color:var(--paper);font-family:var(--mono);z-index:20;border-radius:999px;padding:8px 16px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000004d}.toast--error{background:var(--record)}@media (width>=861px){.desk{zoom:var(--ui-scale,1);min-height:calc(100vh / var(--ui-scale,1))}.chassis{height:calc(100vh / var(--ui-scale,1));min-height:600px}.row{grid-template-columns:minmax(0, 1fr) clamp(340px, calc(36vw / var(--ui-scale,1)), 540px);flex:1;grid-template-rows:minmax(0,1fr) auto;gap:12px 16px;min-height:0;display:grid}.col-main,.col-side{display:contents}.bezel{flex-wrap:nowrap;grid-area:1/1;gap:10px;min-height:0;padding:10px}.bezel__screen{flex:1 1 0}.pagekeys{flex:none;gap:10px;padding:4px 2px}.lcd{flex:1;gap:8px;min-height:0;padding:12px 14px}.lcd__softlabels{margin:0 -14px -12px}.lcd__page{flex:1;min-height:0}.wave-wrap,.lcd-centre{flex:1;height:auto;min-height:90px}.lcdseq,.lcdtempo,.lcdenv,.lcdmix{flex:1;min-height:0}.lcdseq{overflow-y:auto}.lcdenv__graph{flex:1;height:auto;min-height:80px}.lcdmix__body{flex:1;height:auto;min-height:70px}.modestrip{flex-wrap:nowrap;grid-area:2/1;align-self:center;gap:10px;padding:0 2px}.ledkey{flex:0 76px;min-width:0}.ledkey__cap{width:100%}.ledkey--light{flex:none}.ledkey--light .ledkey__cap{width:76px}.ledkey .label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.well{grid-area:1/2;gap:12px;height:auto;min-height:0;padding:14px}.pads{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-height:0}.pad{aspect-ratio:auto;min-height:0}.knobpanel{border-radius:14px;flex-wrap:nowrap;grid-area:2/2;gap:10px;padding:12px 14px}.knob{flex:0 68px;gap:6px;width:auto;min-width:52px}.knob__ring{width:50px;height:50px;padding:4px}.knob__cap:after{height:11px;top:4px}.knob .label{letter-spacing:.06em;white-space:nowrap;font-size:10px}.knob__value{white-space:nowrap;font-size:11px}.transport-keys{gap:10px}.bigkey{gap:6px}.bigkey .label{white-space:nowrap;font-size:10px}.bigkey__round,.playseq__cap{width:50px;height:50px}.softkeys span{padding:0 4px}.softkey{width:100%;max-width:64px}}@media (width>=861px) and (width<=1040px){.ledkey .wide-only{display:none}.ledkey .phone-only{display:inline}.modestrip{flex-wrap:wrap;gap:8px}.ledkey{flex:1 1 0;min-width:44px}.ledkey--light{flex:none}.ledkey .label{overflow:visible}.zoom .key--sq{width:36px}.zoom .key-light:not(.key--sq){width:44px!important}.header .grille{display:none}.row{grid-template-columns:minmax(0,1fr) clamp(340px,40vw,420px)}.knobpanel{gap:6px;padding:10px}.knob{flex-basis:60px;min-width:44px}.knob__ring{width:44px;height:44px}.knob .label{letter-spacing:.02em;font-size:9px}.bigkey .label{display:none}.bigkey__round,.playseq__cap{width:44px;height:44px}}.phone-only{display:none}@media (width<=900px){.grille{display:none}}@media (width<=640px){.wide-only{display:none!important}.phone-only{display:inline}.chassis{padding:14px 14px 20px}.row{flex-direction:column;gap:12px}.col-main{display:contents}.bezel{order:1}.modestrip{order:2}.col-side{flex:none;order:3}.knobpanel{order:4}.header{gap:10px;padding:0}.brand__name{font-size:22px}.add-sample{order:2;width:44px;margin-left:auto;padding:0}.add-sample .led{display:none}.slots{scrollbar-width:none;flex-wrap:nowrap;flex:100%;order:3;gap:8px;padding-bottom:2px;overflow-x:auto}.slot{flex-shrink:0;min-height:40px;padding:4px 6px 4px 8px}.slot__name{max-width:110px;font-size:10px}.slot__actions{margin-left:0}.slot__btn{min-width:24px;height:24px}.empty-slots{display:none}.bezel{border-radius:14px;flex-direction:column;gap:8px;padding:8px}.bezel__screen{flex:none;gap:6px}.lcd{border-radius:8px;gap:8px;padding:10px}.lcd__top{gap:6px;font-size:11px}.lcd__top-right{gap:10px}.lcd__chip{display:none}.lcd__page{min-height:0}.wave-wrap,.lcd-centre{height:110px}.lcd-big{font-size:16px}.lcd-sub,.lcd__info{font-size:11px}.lcd__info-left{gap:10px}.lcd__softlabels{margin:0 -10px -10px}.lcd__softlabels span{letter-spacing:.04em;height:24px;font-size:9px}.softkey{width:100%;max-width:48px;height:18px}.pagekeys{flex-direction:row;justify-content:space-between;gap:6px;padding:0 2px}.pagekeys__title{display:none}.pagekey{flex-direction:column;flex:1;gap:4px}.pagekey__cap{border-radius:6px;width:100%;height:26px}.pagekey__side{flex-direction:row;align-items:center;gap:5px}.pagekey__label{font-size:9px}.lcdseq,.lcdtempo,.lcdenv,.lcdmix{min-height:0}.lcdseq__row{grid-template-columns:44px minmax(0,1fr);gap:4px}.lcdseq__name{height:32px;font-size:10px}.lcdseq__cells{gap:2px}.lcdseq__cell{height:32px;font-size:10px}.lcdtempo__bpm{font-size:44px}.lcdtempo__v{font-size:18px}.lcdtempo__stats{gap:10px 22px}.lcdenv__graph{height:96px}.lcdmix{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.lcdmix__body{height:80px}.lcdmix__ms button{font-size:10px}.modestrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0;display:grid}.modestrip>.grow{display:none}.ledkey{gap:5px}.ledkey .led{width:6px;height:6px}.ledkey__cap{border-radius:7px;width:100%;height:30px}.ledkey .label{letter-spacing:.08em;font-size:9px}.well{box-shadow:none;background:0 0;gap:10px;height:auto;padding:0}.well__head{display:none}.pads{gap:8px}.pad{aspect-ratio:auto;border-radius:12px;height:calc(25vw - 13px);min-height:0;padding:8px}.pad__n{font-size:12px}.pad__sub{font-size:9px}.pad__key,.pads.is-kbd .pad__key{display:none}.well__foot{gap:8px}.well__foot .key-light,.well__foot .key-dark{min-height:36px;padding:0 10px;font-size:10px}.knobpanel{border-radius:14px;gap:10px;padding:12px 14px}.knob{gap:4px;width:58px}.knob__ring{width:46px;height:46px;padding:4px}.knob__cap:after{width:2.5px;height:10px;top:4px}.knob .label{font-size:9px}.knob__value{font-size:10px}.transport-keys{gap:10px}.bigkey .label{display:none}.bigkey__round{width:48px;height:48px}.playseq__cap{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.pad{transition:none}}