:root{--panel:#262525;--recess:#0a0a0a;--key-face:#e4dfcd;--key-face-hi:#eee9d9;--key-flat:#d2caac;--bevel-shadow:#a9a58a;--bevel-mid:#c4bd9f;--divider:#ff5200;--library-icon:#b8936f;--bookmark:#738b57;--step-led:red;--step-led-off:#5a1410;--playhead:#ffc400;--display-lit:#ff173b;--display-ghost:#530000;--ink:#2b2820;--ink-muted:#6b6450;--text:#ece7d6;--text-muted:#a39d8a;--outside:#151414;--focus:#ffc400;--gutter:16px;--step-gap:12px;--panel-max:480px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--outside)}body{background:var(--outside);min-height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}html,body{height:100%;overflow:hidden}.panel{max-width:var(--panel-max);background:var(--panel);height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));-webkit-user-select:none;user-select:none;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}@media (width>=520px){.panel{border-radius:28px;height:calc(100dvh - 48px);margin:24px auto;box-shadow:0 20px 60px #0009}}.rule{border:0;margin:0}.rule--single{background:color-mix(in srgb, var(--divider) 55%, transparent);height:1px;margin:10px calc(-1 * var(--gutter) + 4px) 0}.rule--stack{height:21px;margin:0 calc(-1 * var(--gutter) + 4px);background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--divider) 55%, transparent) 0 1px, transparent 1px 5px)}.rule--short{height:11px}.head{grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;display:grid}.head__icon{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:48px;height:44px;padding:0;display:grid}.head__books{color:var(--library-icon)}.head__bookmark{color:var(--bookmark)}.head__icon:active svg{transform:translateY(1px)}.namewin{background:var(--recess);border-radius:6px;justify-self:center;width:min(100%,210px);height:38px;overflow:hidden;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff0a}.namewin__display,.namewin__input{background:0 0;border:0;width:100%;height:100%;padding:0 10px}.namewin__display{cursor:text;place-items:center;display:grid}.namewin__input{color:var(--display-lit);text-transform:uppercase;text-align:center;letter-spacing:.08em;font:600 18px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.seg14{width:100%;height:19px;overflow:visible}.seg14-on{stroke:var(--display-lit);stroke-width:1.15px;filter:drop-shadow(0 0 1.2px #ff173b8c)}.logobay{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"prev logo next""status status status";align-items:center;column-gap:12px;padding:18px 0 6px;display:grid}.logobay .logo{grid-area:logo;justify-self:center;max-width:100%;position:relative}.logobay .logo .app-version{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}.logobay .status{grid-area:status}.logobay__kit{width:44px}.logobay .logobay__kit{height:46px}.logobay__kit--prev{grid-area:prev;justify-self:start}.logobay__kit--next{grid-area:next;justify-self:end}.logo{cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:6px 16px;display:flex}.logo:disabled{cursor:default}.logo__img{max-width:min(var(--logo-w,200px), 200px, 100%);object-fit:contain;max-height:min(var(--logo-h,64px), 64px);border-radius:3px;width:auto;height:auto}.logo__text{color:#fff;letter-spacing:-.02em;text-align:center;text-wrap:balance;font:700 clamp(24px,7.5vw,40px)/1.05 Georgia,Times New Roman,Times,serif}.logo__model{color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.app-version{color:var(--text-muted);letter-spacing:.12em;opacity:.7;font:10px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.status{min-height:20px;color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.status--error{color:#ff8a7a}.status__retry{border:1px solid var(--bevel-shadow);background:var(--key-flat);min-height:32px;color:var(--ink);cursor:pointer;border-radius:6px;padding:2px 12px}.bank{--bank-fixed:64px;flex-direction:column;flex:1 1 0;justify-content:center;gap:18px;min-height:0;padding:14px 0 18px;display:flex;container-type:size}.bank__row{flex-direction:column;gap:12px;display:flex}.bar,.bank__keys{column-gap:var(--step-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bar{background:var(--recess);border-radius:2px;height:11px;margin:0 -4px;padding:0 4px;box-shadow:inset 0 1px 2px #000000e6}.bar__cell{width:40%;height:100%;margin:0 auto;display:block}.bar__cell--on{background:var(--playhead);box-shadow:0 0 6px color-mix(in srgb, var(--playhead) 60%, transparent)}.step{height:clamp(44px, min(27vw, (100cqh - var(--bank-fixed)) / 2), 112px);cursor:pointer;touch-action:manipulation;background:linear-gradient(155deg, var(--key-face-hi) 0%, var(--key-face) 42%, #d9d2ba 100%);box-shadow:inset 2px 2px 1px #ffffffb3, inset -2px -3px 2px var(--bevel-shadow), inset 0 0 7px 2px #a9a58abf, inset 0 0 0 1px #bdb597, 0 2px 0 #121111, 0 5px 10px #00000073;border:0;border-radius:18px;padding:0;position:relative}.step__num{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1;position:absolute;top:7px;left:11px}.step__led{width:11px;height:11px;box-shadow:inset 0 0 0 1.5px var(--step-led-off);background:0 0;border-radius:1.5px;position:absolute;top:17%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.step--on .step__led{background:var(--step-led);box-shadow:0 0 6px #ff0000bf,inset 0 0 1px #ffffff80}.step--on.step--silent .step__led{box-shadow:none;background:#9c2a20}.step__cap{background:linear-gradient(170deg, #ebe6d5 0%, var(--key-face) 55%, #dcd5bd 100%);height:55%;box-shadow:0 -3px 2px -1px #786e468c, 0 0 0 2px var(--bevel-mid), inset 0 2px 1px #ffffffbf, inset -1px -2px 2px #786e4659;border-radius:15px;transition:transform 40ms linear,box-shadow 40ms linear;position:absolute;bottom:5%;left:5%;right:5%}.step--on .step__cap{transform:translateY(1px);box-shadow:0 -2px 2px -1px #786e46b3,0 0 0 2px #b9b193,inset 0 1px 1px #ffffff80,inset 0 2px 4px #786e464d}.step:active .step__cap{transform:translateY(1px);box-shadow:0 -1px 2px -1px #786e46cc,0 0 0 2px #b3ab8c,inset 0 2px 5px #5a503266}@container (height<=300px){.step__cap{height:46%}.step__led{top:25%}.step__num{top:5px}}.strip{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;padding:14px 0 16px;display:grid}.strip__tiles{grid-template-columns:repeat(var(--tiles), minmax(0, 1fr));gap:6px;display:grid}.tile{background:var(--key-face);min-height:92px;color:var(--ink);cursor:pointer;touch-action:manipulation;border:3px solid #f1ecdc;border-color:#f1ecdc #b3ac8e #a19b7f #ebe5d2;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;padding:8px 0 10px;display:flex;position:relative;box-shadow:0 2px #121111,0 4px 8px #00000059}.tile--arrow{color:#77725f;justify-content:center}.tile--arrow:disabled{color:#c2bba0;cursor:default}.tile__icon{color:#3a372e;width:36px;height:36px}.tile--flash .tile__icon{color:#b01d10}.tile__label{letter-spacing:-.01em;color:var(--ink-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.1;overflow:hidden}.tile__ind{background:#d2caac;width:8px;height:8px;box-shadow:inset 0 0 0 1px #bfb798}.tile--selected .tile__ind{background:var(--step-led);box-shadow:0 0 5px #ff0000b3}.tile__ind--missing{background:repeating-linear-gradient(45deg,#9c2a20 0 2px,#0000 2px 4px)}.tile--selected,.tile:active:not(:disabled){background:#dcd6c1;border-color:#a19b7f #ebe5d2 #f1ecdc #b3ac8e;box-shadow:0 1px #121111}.tile--selected>*,.tile:active:not(:disabled)>*{transform:translateY(1px)}.transport{grid-template-columns:minmax(0,1fr) repeat(3,56px);align-items:center;gap:8px;padding:16px 0 8px;display:grid}.tempo{grid-template-columns:44px minmax(64px,1fr) 44px;align-items:center;gap:6px;display:grid}.tkey{background:var(--key-flat);color:var(--ink);cursor:pointer;touch-action:manipulation;border:4px solid #ebe5d2;border-color:#ebe5d2 #aaa386 #9b957a #e4dece;border-radius:2px;padding:0;box-shadow:0 2px #121111,0 4px 8px #00000059}.tkey:active:not(:disabled),.tkey--latched{border-color:#9b957a #e4dece #ebe5d2 #aaa386;box-shadow:0 1px #121111}.tkey:active:not(:disabled)>*,.tkey--latched>*{display:inline-block;transform:translateY(1px)}.tkey:disabled{cursor:default;color:#9a937a}.tkey--arrow{background:var(--key-face);color:#6e695a;height:60px}.tkey--square{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:62px;font-size:13px;display:flex}.tkey__label{white-space:nowrap}.power--lit{color:#e8190c}.pageind{gap:5px;display:flex}.pageind span{background:#b9b193;border-radius:50%;width:6px;height:6px}.pageind span.pageind--on{background:var(--step-led);box-shadow:0 0 4px #ff0000b3}.tempo__display,.tempo__input{background:var(--recess);border:0;border-radius:14px;width:100%;height:62px;box-shadow:inset 0 1px 3px #000000e6}.tempo__display{cursor:text;place-items:center;padding:8px;display:grid}.tempo__input{color:var(--display-lit);text-align:center;padding:0 4px;font:600 30px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.seg7{width:100%;height:46px}.seg-on{fill:color-mix(in srgb, var(--display-lit) 82%, #000);filter:drop-shadow(0 0 1.5px #ff173b80)}.seg-off{fill:var(--display-ghost);opacity:.55}.sheet{width:min(100%, var(--panel-max));max-width:100%;max-height:min(88dvh,900px);color:var(--text);-webkit-user-select:text;user-select:text;background:#1d1c1c;border:0;border-radius:16px 16px 0 0;margin:auto auto 0;padding:0;box-shadow:0 -10px 40px #0009}@media (width>=520px){.sheet{border-radius:16px;margin:auto}}.sheet::backdrop{background:#0000008c}.sheet__inner{padding:0 var(--gutter) max(20px, env(safe-area-inset-bottom))}.sheet__top{z-index:2;background:#1d1c1c;position:sticky;top:0}.sheet__head{border-bottom:1px solid color-mix(in srgb, var(--divider) 45%, transparent);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sheet h2{margin:0;font-size:17px}.sheet h3{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:20px 0 8px;font-size:13px}.sheet button,.lib__search{min-height:44px;color:var(--text);cursor:pointer;background:#2c2a29;border:1px solid #4a4640;border-radius:8px;padding:6px 14px}.sheet button:disabled{opacity:.6;cursor:default}.lib__search{cursor:text;width:100%;font:inherit;margin-bottom:8px}.lib__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lib__list>li{border-bottom:1px solid #2c2a29;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 0;display:flex}.lib__list>li[aria-current=true] .lib__item-name:after{content:" · current";color:var(--text-muted);font-weight:400}.lib__item-name{font-weight:600}.lib__history{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:100%;font-size:13px;display:-webkit-box;overflow:hidden}.machine__history p:first-child{margin-top:0}.lib__meta{color:var(--text-muted);flex:160px;font-size:13px}.lib__actions{flex-wrap:wrap;gap:6px;display:flex}.lib__current{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.lib__choice{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.lib__choice[aria-checked=true]{border-color:var(--step-led);box-shadow:inset 3px 0 0 var(--step-led)}.lib__error{color:#ff8a7a}.lib__undo{align-items:center;gap:10px;display:flex}.muted{color:var(--text-muted)}.machine__name{margin:16px 0 8px;font-size:22px;font-weight:700}.machine__facts{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 16px;display:grid}.machine__facts dt{color:var(--text-muted)}.machine__facts dd{margin:0}.machine__photo img{border-radius:6px;max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=379.98px){.transport{grid-template-columns:repeat(3,1fr)}.tempo{grid-column:1/-1}.tkey--square{height:60px}}.sheet a{color:#ffa37a;text-underline-offset:2px}.step,.tile{-webkit-touch-callout:none}.bank--outside .step{opacity:.5}.bank--outside .bar{opacity:.4}.tkey__caption{letter-spacing:.14em;color:var(--ink-muted);font-size:9.5px}.pageind span.pageind--unused{background:0 0;box-shadow:inset 0 0 0 1px #b9b193}.sheet h2{align-items:center;gap:10px;display:flex}.sheet__icon{background:var(--key-face);color:#3a372e;border-radius:4px;width:34px;height:34px;padding:3px}.sheet--volume .sheet__close{background:var(--key-flat);min-width:88px;color:var(--ink);border:0;border-bottom:3px solid var(--bevel-shadow);font-weight:600}.vol__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vol__value{color:var(--display-lit);font-variant-numeric:tabular-nums;font:600 20px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.vol__scale{height:16px;color:var(--text-muted);margin:2px 0 6px;font-size:11px;position:relative}.vol__scale span{position:absolute;top:0}.vol__scale span:first-child{left:0}.vol__scale span:nth-child(2){transform:translate(-50%)}.vol__scale span:last-child{right:0}.vol__actions{flex-wrap:wrap;gap:8px;display:flex}.vol__pages{gap:6px;display:flex}.vol__pages button[aria-pressed=true]{border-color:var(--step-led);box-shadow:inset 0 -3px 0 var(--step-led)}.vol__grid{gap:10px var(--step-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px;display:grid}.vcell{background:#262424;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:0 0 6px;display:flex;box-shadow:inset 0 0 0 1px #34312e}.vcell--focus{box-shadow:inset 0 0 0 2px var(--playhead)}.vcell--outside{opacity:.55}.sheet .vcell__toggle{background:var(--key-face);width:100%;min-height:44px;color:var(--ink);box-shadow:inset 0 -3px 0 var(--bevel-shadow);border:0;border-radius:10px 10px 4px 4px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.vcell__led{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--step-led-off);border-radius:1px;transform:rotate(45deg)}.vcell--on .vcell__led{background:var(--step-led);box-shadow:0 0 5px #ff0000b3}.vcell__value{color:var(--text-muted);font-variant-numeric:tabular-nums;font:12px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.vol__hint{font-size:13px}.fader{appearance:none;cursor:pointer;touch-action:none;background:0 0;margin:0}.fader:disabled{cursor:default;opacity:.45}.fader--h{width:100%;height:44px}.fader--v{writing-mode:vertical-lr;direction:rtl;width:44px;height:116px}.fader::-webkit-slider-runnable-track{background:var(--recess);border-radius:4px;box-shadow:inset 0 1px 2px #000000e6}.fader--h::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent calc(var(--unity) - 1px), var(--playhead) calc(var(--unity) - 1px) calc(var(--unity) + 1px), transparent calc(var(--unity) + 1px)), linear-gradient(to right, var(--step-led) var(--fill), var(--recess) var(--fill));height:10px}.fader--v::-webkit-slider-runnable-track{background:linear-gradient(to top, var(--step-led) var(--fill), var(--recess) var(--fill));width:10px}.fader::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg, var(--key-face-hi), var(--key-flat));box-shadow:inset 0 -2px 0 var(--bevel-shadow), 0 2px 4px #0009;border:0;border-radius:3px}.fader--h::-webkit-slider-thumb{width:22px;height:34px;margin-top:-12px}.fader--v::-webkit-slider-thumb{width:34px;height:20px;margin-left:-12px}.fader::-moz-range-track{background:var(--recess);border-radius:4px}.fader--h::-moz-range-track{height:10px}.fader--v::-moz-range-track{width:10px}.fader::-moz-range-progress{background:var(--step-led);border-radius:4px}.fader--h::-moz-range-progress{height:10px}.fader--v::-moz-range-progress{width:10px}.fader::-moz-range-thumb{background:linear-gradient(180deg, var(--key-face-hi), var(--key-flat));box-shadow:inset 0 -2px 0 var(--bevel-shadow), 0 2px 4px #0009;border:0;border-radius:3px}.fader--h::-moz-range-thumb{width:22px;height:34px}.fader--v::-moz-range-thumb{width:34px;height:20px}.fader:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tkey__label--big{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.fader--v:disabled::-webkit-slider-runnable-track{background:var(--recess)}.fader--v:disabled::-moz-range-progress{background:0 0}.sheet--library,.sheet--machine{height:min(92dvh,900px)}.sheet h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sheet__head{gap:8px}.sheet__head h2{flex:auto}.sheet .sheet__back{background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;padding:0;display:grid}.sheet__sub{border-bottom:1px solid #2c2a29;padding:10px 0}.tabs{background:var(--recess);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.sheet .tab{min-height:40px;color:var(--text-muted);background:0 0;border:0;border-radius:7px;padding:4px 2px;font-size:14px;font-weight:600}.sheet .tab[aria-selected=true]{background:var(--key-face);color:var(--ink);box-shadow:inset 0 -3px 0 var(--step-led)}.libpanel{padding-top:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips--scroll{scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);flex-wrap:nowrap;overflow-x:auto}.chips--scroll::-webkit-scrollbar{display:none}.sheet .chip{min-height:36px;color:var(--text);white-space:nowrap;background:#262424;border:1px solid #45413b;border-radius:18px;flex:none;padding:4px 12px;font-size:14px}.sheet .chip[aria-pressed=true]{background:var(--key-face);border-color:var(--key-face);color:var(--ink);font-weight:600}.sheet .chip--quiet{color:var(--text-muted)}.sheet .iconbtn{width:44px;min-height:44px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.sheet .iconbtn--fav,.iconbtn--fav{color:var(--playhead)}.sheet .keybtn{background:linear-gradient(180deg, var(--key-face-hi), var(--key-flat));min-height:44px;color:var(--ink);box-shadow:inset 0 -3px 0 var(--bevel-shadow), 0 2px 0 #0e0d0d;border:0;border-radius:6px;padding:6px 16px;font-weight:600}.sheet .keybtn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 3px #50462866}.sheet .keybtn--quiet{color:var(--text);background:#2c2a29;box-shadow:inset 0 -3px #1a1918,0 0 0 1px #45413b}.sheet .textbtn{color:#ffa37a;background:0 0;border:0;min-height:44px;padding:4px 10px;font-size:14px}.led{background:#4a1a14;border-radius:50%;width:9px;height:9px;display:inline-block}.led--on{background:var(--step-led);box-shadow:0 0 6px #ff0000bf}.empty{color:var(--text-muted);text-align:center;padding:28px 12px}.lib__subhead{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:20px 0 6px;font-size:12px}.toast{background:#2c2a29;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 0;padding:2px 4px 2px 14px;display:flex}.art{background:#151414;border-radius:6px;place-items:center;display:grid;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%}.art--logo{background:#262525}.art--logo img{object-fit:contain;padding:8%}.art__text{color:var(--text-muted);text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:4px 6px;font:700 12px/1.15 Georgia,Times New Roman,serif}.mtab__tools{flex-direction:column;gap:10px;display:flex}.mtab__tools .lib__search{margin:0}.mtab__scope{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;font-size:13px;display:flex}.mgroup{scroll-margin-top:150px}.mgroup__head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:baseline;gap:8px;margin:18px 0 8px;font-size:12px;display:flex}.mgroup__count{letter-spacing:0;color:#7d7766;font-size:11px}.mlist,.plist,.slist,.variants,.explore__row{margin:0;padding:0;list-style:none}.mlist{flex-direction:column;gap:8px;display:flex}.mcard{background:#262424;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #34312e}.mcard--active{box-shadow:inset 0 0 0 2px var(--step-led)}.sheet .mcard__main{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:76px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:76px;padding:8px 0 8px 8px;display:grid;position:relative}.mcard__art{width:76px;height:56px}.mcard__text{flex-direction:column;gap:2px;min-width:0;display:flex}.mcard__name{color:var(--text);font-size:17px;font-weight:700}.mcard__maker{color:var(--text-muted);font-size:13px}.mcard__blurb{color:#8d8776;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.mcard__state{color:var(--text-muted);justify-self:center;font:12px/1 ui-monospace,SF Mono,Menlo,monospace}.mcard__progress{background:var(--playhead);height:3px;transition:width .12s linear;position:absolute;bottom:0;left:0}.mcard__side{flex-direction:column;justify-content:center;padding-right:4px;display:flex}.mcard__kits{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding:0 10px 10px 96px;display:flex}.pcurrent{background:#262424;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex;box-shadow:inset 0 0 0 1px #34312e}.pcurrent>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pcurrent__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.pcurrent__name{color:var(--display-lit);text-overflow:ellipsis;white-space:nowrap;font:600 18px/1.2 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.pcurrent__state{color:var(--text-muted);font-size:13px}.pcurrent__state--saved{color:#a9c48c}.pcurrent__actions{gap:8px;display:flex}.plist{flex-direction:column;display:flex}.prow{border-bottom:1px solid #2c2a29;align-items:center;gap:4px;display:flex}.prow--current .prow__name:after{content:" · editing";color:var(--text-muted);font-weight:400}.sheet .prow__main,.prow__main--static{text-align:left;background:0 0;border:0;flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:56px;padding:8px 4px;display:flex}.prow__name{font-weight:600}.prow__meta{color:var(--text-muted);font-size:13px}.prow__actions{display:flex}.stab__intro{margin:0 0 8px;font-size:13px}.srow{border-bottom:1px solid #2c2a29}.srow__line{align-items:center;gap:2px;display:flex}.sheet .srow__main{text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:12px;min-width:0;min-height:60px;padding:6px 4px;display:flex}.srow__icon{background:var(--key-face);color:#3a372e;width:44px;height:44px;box-shadow:inset 0 -3px 0 var(--bevel-shadow);border-radius:4px;flex:0 0 44px;padding:4px}.srow--selected .srow__icon{box-shadow:inset 0 0 0 2px var(--step-led)}.srow__text{flex-direction:column;min-width:0;display:flex}.srow__name{font-weight:600}.srow__meta{color:var(--text-muted);font-size:13px}.variants{padding:0 0 8px 56px}.sheet .variant{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 6px;display:flex}.variant__dot{border-radius:50%;flex:0 0 12px;width:12px;height:12px;box-shadow:inset 0 0 0 2px #5b564c}.variant[aria-checked=true] .variant__dot{background:var(--step-led);box-shadow:0 0 5px #f009}.variant__meta{margin-left:auto;font-size:12px}.ostorage{justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;display:flex}.logobay{grid-template-areas:"prev logo next""fav fav fav""kits kits kits""status status status"}.logobay__fav{color:#6d675a;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-area:fav;justify-self:center;place-items:center;width:44px;height:40px;margin-top:2px;display:grid}.logobay__fav.iconbtn--fav{color:var(--playhead)}.machine__hero{aspect-ratio:16/9;border-radius:10px;width:100%;margin-top:14px}.machine__hero.art--logo img{padding:14%}.machine__title{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.machine .machine__name{margin:0;font-size:24px}.machine__maker{margin:2px 0 0}.sheet .iconbtn--big svg{width:28px;height:28px}.machine__kits{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.machine__history{line-height:1.55}.explore h3{margin:22px 0 8px}.explore__row{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 4px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);gap:10px;display:flex;overflow-x:auto}.sheet .explore__all{padding-left:0}.explore__row>li{scroll-snap-align:start}.sheet .mini{text-align:left;background:#262424;border:0;border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;width:132px;padding:6px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #34312e}.mini__art{width:100%;height:76px}.mini__name{font-size:14px;font-weight:600}.mini__star{width:18px;height:18px;color:var(--playhead);filter:drop-shadow(0 1px 2px #000c);position:absolute;top:10px;right:10px}.explore__step{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet .explore__nav{text-align:left;align-items:center;gap:8px;min-width:0;display:flex}.sheet .explore__nav span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet .explore__nav--next{text-align:right;justify-content:flex-end}.sheet .explore__surprise{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.machine__details{color:var(--text-muted);margin:22px 0 8px}.machine__details summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.tempo-sheet{flex-direction:column;gap:14px;padding-top:14px;display:flex}.tempo-sheet__readout{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.tempo-sheet__display{place-items:center;padding:8px 20%;display:grid}.sheet .tappad{background:linear-gradient(155deg, var(--key-face-hi), var(--key-face) 45%, #d9d2ba);min-height:150px;color:var(--ink);box-shadow:inset 2px 2px 1px #ffffffb3, inset -2px -3px 2px var(--bevel-shadow), 0 3px 0 #0e0d0d;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.sheet .tappad:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #5a503266}.tappad__led{background:var(--step-led-off);width:12px;height:12px;transform:rotate(45deg)}.tappad--a .tappad__led,.tappad--b .tappad__led{animation:.16s ease-out tapflash}.tappad--a .tappad__led{animation-name:tapflash-a}@keyframes tapflash{0%{background:var(--step-led);box-shadow:0 0 10px #ff0000e6}to{background:var(--step-led-off)}}@keyframes tapflash-a{0%{background:var(--step-led);box-shadow:0 0 10px #ff0000e6}to{background:var(--step-led-off)}}.tappad__label{letter-spacing:.2em;font-size:28px;font-weight:700}.tappad__hint{color:var(--ink-muted);font-size:13px}.tempo-sheet__row{grid-template-columns:auto auto minmax(0,1fr);gap:8px;display:grid}.tempo-sheet__input{background:var(--recess);min-height:44px;color:var(--display-lit);text-align:center;border:1px solid #45413b;border-radius:6px;font:600 20px/1 ui-monospace,SF Mono,Menlo,monospace}.tempo-sheet__hint{margin:0;font-size:13px}.sheet .tkey{background:var(--key-face);color:#6e695a;border:4px solid #ebe5d2;border-color:#ebe5d2 #aaa386 #9b957a #e4dece;border-radius:2px;min-height:0;padding:0}.sheet .tkey:active:not(:disabled){border-color:#9b957a #e4dece #ebe5d2 #aaa386}.srow__spacer{flex:0 0 44px}.mgroup__head{align-items:center;min-height:28px}.mgroup__logo{object-fit:contain;border-radius:2px;width:auto;max-width:120px;height:26px}.mgroup__logo+.mgroup__maker{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mcard__art.art--text{background:#1a1919}.mcard__art .art__text{color:#b3ad98;font-size:13px}.art__glyph{width:78%;height:auto;max-height:88%}.kitkey{border-width:3px;flex:none;align-items:center;gap:7px;min-width:56px;max-width:180px;height:44px;padding:0 12px;font-size:12.5px;display:inline-flex}.kitkey__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kitkey__led{background:#b9b193;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.kitkey--active .kitkey__led{background:var(--step-led);box-shadow:0 0 5px #ff0000bf}.kitkey--loading .kitkey__led{background:var(--playhead);animation:.6s steps(2,start) infinite kitblink}@keyframes kitblink{to{visibility:hidden}}.mbundle{border-bottom:1px solid #2c2a29;scroll-margin-top:150px}.sheet .mbundle__head{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 4px;display:flex}.mbundle__head .mgroup__logo{max-width:132px;height:32px}.mbundle__name{font-size:16px;font-weight:600}.mbundle__head .mgroup__logo+.mbundle__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mbundle__meta{color:var(--text-muted);align-items:center;gap:10px;margin-left:auto;display:flex}.mbundle__count{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch}.mbundle__star{color:var(--playhead)}.mbundle__list{padding-bottom:12px}.logobay__line{grid-area:fav;justify-self:center;align-items:center;gap:2px;margin-top:10px;padding-left:44px;display:flex}.logobay__line .logobay__fav{grid-area:auto;width:44px;height:44px;margin:0}.status:empty{min-height:0;margin:0}.kitrow{grid-area:kits;justify-content:center;min-height:50px;padding-top:4px;display:flex}.kitbtn{border-width:3px;align-items:center;gap:8px;max-width:100%;height:44px;padding:0 10px 0 14px;font-size:13px;font-weight:600;display:inline-flex}.kitbtn .kitkey__label{max-width:160px}.kitbtn__count{min-width:22px;color:var(--ink-muted);text-align:center;background:#cfc7a8;border-radius:9px;padding:1px 6px;font-size:11px;font-weight:600}.kitbtn__chev{color:var(--ink-muted)}.sheet--kits{max-height:min(70dvh,640px)}.kitgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0 6px;display:grid}.sheet .kitkey--grid{background:var(--key-flat);max-width:none;height:auto;min-height:56px;color:var(--ink);text-align:left;border-width:3px;justify-content:flex-start;gap:7px;padding:6px 8px;font-size:13px;display:flex;position:relative}.sheet .kitkey--grid.tkey--latched{border-color:#9b957a #e4dece #ebe5d2 #aaa386}.kitkey--grid .kitkey__label{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.kitkey__progress{background:var(--playhead);height:3px;position:absolute;bottom:0;left:0}.step--outside{opacity:.45}.strip--all{grid-template-columns:minmax(0,1fr)}.strip .tile--arrow[hidden]{display:none}@media (width<=999.98px) and (height<=760px){.panel{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.rule--single{margin-top:6px}.rule--stack{height:9px}.rule--short{height:5px}.logobay{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) 48px;grid-template-areas:"prev logo logo next""fav fav fav fav""kits kits kits kits""status status status status";row-gap:2px;padding:6px 0 2px}.logobay .logo{min-height:56px;padding-block:2px}.logobay__line{margin-top:8px}.kitrow{min-height:44px;padding:0}.kitbtn .kitkey__label{max-width:96px}.status{min-height:16px;margin-top:2px;font-size:12px}.bank{--bank-fixed:48px;gap:10px;padding:8px 0 10px}.bank__row{gap:8px}.strip{padding:8px 0}.tile{min-height:76px;padding:6px 0 8px}.tile__icon{width:30px;height:30px}.transport{padding:8px 0 0}.tkey--arrow,.tkey--square,.tempo__display{height:54px}.seg7{height:40px}}@media (width<=999.98px) and (height<=600px){.logobay .logo{min-height:48px}.logo__img{max-height:min(var(--logo-h,40px), 40px)}.status{text-overflow:ellipsis;white-space:nowrap;min-height:0;display:block;overflow:hidden}.rule--stack{height:5px}.tile{min-height:60px;padding:4px 0 6px}.tile__icon{width:24px;height:24px}.tkey--arrow,.tkey--square,.tempo__display{height:48px}.seg7{height:34px}}@media (width<=379.98px) and (height<=600px){.transport{gap:6px}.tkey--arrow,.tkey--square,.tempo__display{height:44px}.seg7{height:30px}.tkey--square{flex-direction:row;gap:8px}}@media (width<=999.98px) and (height<=520px) and (orientation:portrait){.panel>.rule--stack,.status--info{display:none}.bank{--bank-fixed:36px;gap:6px}.bank__row{gap:4px}}@media (width<=999.98px) and (height<=520px) and (orientation:landscape){.panel{max-width:960px;height:100dvh;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));border-radius:0;grid-template:"head bank""logobay bank""strip bank""transport bank"".bank"minmax(0,1fr)/minmax(364px,1fr) minmax(0,1.25fr);column-gap:20px;margin:0 auto;display:grid}.panel>.rule{display:none}.head{grid-area:head}.head .namewin{height:38px}.logobay{grid-area:logobay}.logobay .logo{min-height:48px}.logo__img{max-height:min(var(--logo-h,40px), 40px)}.status{text-overflow:ellipsis;white-space:nowrap;min-height:0;display:block;overflow:hidden}.bank{--bank-fixed:48px;grid-area:bank;padding:8px 0}.strip{grid-area:strip;padding:4px 0 6px}.tile{min-height:60px;padding:4px 0 6px}.tile__icon{width:24px;height:24px}.transport{grid-area:transport;padding:0}.tkey--arrow,.tkey--square,.tempo__display{height:48px}.seg7{height:34px}}.circuitkey__face{align-items:center;gap:5px;display:flex}.circuitkey__icon{color:#3a372e;width:26px;height:26px}.circuitkey__led{background:#b9b193;border-radius:50%;width:7px;height:7px}.circuitkey__led--on{background:var(--step-led);box-shadow:0 0 5px #ff0000bf}.kitrow--phone{--rowkey-h:46px;--rowkey-w:76px;align-items:center;gap:10px}.kitrow--phone .tkey{height:var(--rowkey-h);background:var(--key-face);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:inline-flex}.kitrow--phone .tkey__caption{font-size:8.5px;line-height:1}.groovekey,.kitrow--phone .circuitkey--phone{width:var(--rowkey-w);height:var(--rowkey-h)}.groovekey__value{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:14px;font-weight:600;line-height:1}.groovekey--on .groovekey__value{color:var(--ink)}.varkey{width:var(--rowkey-h)}.varkey__num{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;line-height:1}.varkey.kitkey--loading .varkey__num{opacity:.45}.circuitkey--phone .circuitkey__icon{width:18px;height:18px}.circuitkey--phone .circuitkey__led{width:6px;height:6px}.groove-controls--sheet{justify-content:center;align-items:center;gap:12px;padding:18px 0 8px;display:flex}.groove-controls--sheet .groove-swing{grid-template-columns:52px minmax(96px,128px) 52px;gap:8px}.sheet--groove .tkey--arrow,.sheet--groove .tkey--square,.sheet--groove .tempo__display{height:60px}.sheet--groove .tkey--square{width:68px}.sheet.sheet--groove .tempo__display{background:var(--recess);opacity:1;border:0;box-shadow:inset 0 1px 3px #000000e6}.sheet--groove .tempo__display{border-radius:10px;flex-direction:column;justify-content:center;gap:3px;padding:6px 10px 8px;display:flex}.sheet--groove .readout__cap{color:#8d2a2a;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:1;display:block}.sheet--groove .tempo__display .seg7{height:34px}.groove-sheet__note{color:var(--text-muted);text-align:center;margin:4px 0 6px;font-size:13px}@media (width<=379.98px){.kitrow--phone{--rowkey-w:68px;gap:8px}.groove-controls--sheet{flex-wrap:wrap}}.bay{display:contents}.bay__cap,.desktop-brand,.desktop-library,.desktop-about,.readout__cap{display:none}@media (width>=1000px){.panel{--line:#b04428;--line-soft:color-mix(in srgb, var(--line) 70%, transparent);--hatch:repeating-linear-gradient(to bottom, var(--line-soft) 0 1px, transparent 1px 5px);--side:max(64px, calc((100vw - 1240px) / 2));max-width:none;height:100dvh;box-shadow:none;border-radius:0;grid-template:"machine machine machine machine""bank bank bank bank"minmax(0,1fr)"hits hits hits hits""tab groove save playback"/56px minmax(min-content,1fr) minmax(min-content,1fr) minmax(min-content,1.15fr);margin:0;padding:0;display:grid}.panel--mixer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"machine machine""bank bank""hits hits""mixer playback"}.panel--mixer .desktop-groove,.panel--mixer .head,.panel--mixer .transport .tempo,.panel>.rule{display:none}.bay__cap{background:var(--panel);color:var(--text);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:0 12px;font:500 11px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:block;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.tkey:hover:not(:disabled):not(.tkey--latched){background:#dbd3b6}.tkey--arrow:hover:not(:disabled),.tile:hover:not(:disabled):not(.tile--selected){background:var(--key-face-hi)}.step:hover .step__cap{background:linear-gradient(170deg, #f2eee0 0%, var(--key-face-hi) 55%, #e1dac3 100%)}}.logobay{border-bottom:7px solid var(--line);background:var(--hatch) left bottom / 100% 21px no-repeat;grid-template:auto/minmax(120px,235px) minmax(160px,210px) minmax(180px,1.2fr) minmax(200px,1fr) minmax(280px,2.3fr);grid-area:machine;align-items:stretch;column-gap:0;padding:18px 0 0}.bay{border-top:1px solid var(--line);border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:164px;padding:24px 18px 28px;display:flex;position:relative}.desktop-brand{color:var(--line);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-bottom:22px;display:flex}.desktop-brand svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:min(170px,80%)}.desktop-brand span{color:var(--text);letter-spacing:.25em;font:12px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.desktop-brand .app-version{margin-top:-4px}.bay--machine{grid-template-rows:64px 44px;grid-template-columns:repeat(2,60px);place-content:center;gap:14px 16px;display:grid}.bay--machine .logobay__kit{grid-area:auto;width:60px;height:64px}.desktop-library{letter-spacing:.08em;text-transform:uppercase;border-width:3px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;height:44px;font-size:11px;font-weight:600;display:flex}.desktop-library svg{color:#7a5a3c;width:22px;height:22px}.bay--maker .logo{width:100%;min-height:110px;padding:8px}.bay--maker .logo__img{max-width:min(var(--logo-w,100%), 100%);max-height:min(var(--logo-h,96px), 96px)}.logo__text{font-size:clamp(30px,2.6vw,48px)}.bay--model{gap:12px}.logobay__line{gap:6px;margin:0;padding-left:44px}.logo__model{color:var(--text-muted);letter-spacing:.22em;font-size:17px}.kitrow{min-height:44px;padding:0}.kitbtn{max-width:210px}.bay--model .status{text-wrap:balance;min-height:18px;margin:0;font-size:12px;line-height:1.35}.bay--model .status:empty{min-height:18px}.desktop-about{flex-direction:row;align-items:center;gap:22px;padding:24px 26px 28px 22px}.desktop-about__photo{border:2px solid var(--line);cursor:pointer;background:#111;flex:0 0 clamp(150px,12vw,210px);padding:4px}.desktop-about__photo:disabled{cursor:default}.desktop-about .art{aspect-ratio:4/3;border-radius:0;width:100%;height:auto}.desktop-about__text{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.desktop-about p{-webkit-line-clamp:5;-webkit-user-select:text;user-select:text;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.desktop-about__more{color:#ff9a70;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0;font-size:12px;text-decoration:underline}.desktop-about__more:hover{color:#ffc2a5}.bank{--bank-fixed:74px;padding:30px var(--side);grid-area:bank;justify-content:center;gap:22px;position:relative}.bank:before,.bank:after,.strip:before,.strip:after{content:"";width:calc(var(--side) - 22px);background:var(--hatch);pointer-events:none;position:absolute;top:18px;bottom:18px}.bank:before,.strip:before{left:0}.bank:after,.strip:after{right:0}.bank__row{gap:14px}.bank__keys,.bar{grid-template-columns:repeat(4,minmax(0,1fr)) 0 repeat(4,minmax(0,1fr));column-gap:clamp(10px,1.1vw,18px)}.bank__keys>:nth-child(5),.bar>:nth-child(5){grid-column:6}.bar{height:12px;margin:0 -8px;padding:0 8px}.step{height:clamp(40px, (100cqh - var(--bank-fixed)) / 2, 148px)}.step__num{font-size:12px;top:9px;left:12px}.step__led{width:13px;height:13px}.strip{padding:30px var(--side) 26px;border-top:1px solid var(--line);grid-area:hits;position:relative}.strip>.bay__cap{top:0}.strip__tiles{gap:10px}.strip__tiles .tile,.strip>.tile--arrow{min-height:clamp(100px,12dvh,132px)}.strip__tiles .tile{padding:14px 4px 12px}.tile__icon{width:38px;height:38px}.tile__label{font-size:13px}.strip--paged{grid-template-columns:48px minmax(0,1fr) 48px;gap:10px}.strip--all .strip__tiles{width:100%;max-width:calc(var(--tiles) * 104px);justify-self:center}.desktop-groove,.head,.transport,.desktop-mixer{border-top:1px solid var(--line);min-height:150px;position:relative}.mixer-tab{background:var(--line);color:#1b1a1a;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0;display:flex}.mixer-tab:hover{background:#c9542f}.mixer-tab:focus-visible{outline-offset:-4px}.mixer-tab--open{grid-area:tab;margin-top:20px}.mixer-tab__text{writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600;transform:rotate(180deg)}.desktop-groove{border-left:1px solid var(--line);grid-area:groove;justify-content:center;align-items:center;margin-left:22px;padding:30px 24px 26px;display:flex}.groove-controls{align-items:center;gap:14px;display:flex}.groove-swing{grid-template-columns:52px 118px 52px;gap:8px}.readout:disabled{cursor:default}.head{border-left:1px solid var(--line);flex-direction:column;grid-area:save;justify-content:center;align-items:center;gap:6px;padding:30px 22px 18px;display:flex}.head .namewin{width:min(100%,300px);height:54px}.head .seg14{height:26px}.save-actions{flex-wrap:wrap;justify-content:center;gap:0 14px;display:flex}.save-action{min-height:44px;color:var(--text);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 4px;font-size:12px;font-weight:500;display:inline-flex}.save-action:hover:not(:disabled){color:#fff;text-underline-offset:4px;text-decoration:underline}.save-action:disabled{color:#6f6a5e;cursor:default}.save-action__led{background:#3a3f30;width:7px;height:7px;box-shadow:inset 0 0 0 1px #58604a}.save-action__led--on{background:#8fd05a;box-shadow:0 0 5px #8fd05ab3}.transport{border-left:1px solid var(--line);grid-area:playback;justify-content:center;align-items:center;gap:10px;padding:30px 26px 26px;display:flex}.transport .tempo{grid-template-columns:52px 150px 52px;gap:8px}.transport__page{display:none}.tkey--arrow{height:64px}.tkey--square{flex:0 0 68px;width:68px;height:64px;font-size:14px}.tempo__display{border-radius:12px;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;height:64px;padding:6px 12px 8px;display:flex}.readout__cap{color:#8d2a2a;letter-spacing:.16em;text-align:left;text-transform:uppercase;font-size:9px;font-weight:600;line-height:1;display:block}.tempo__display .seg7{height:38px}.desktop-mixer{grid-area:mixer;grid-template-columns:112px minmax(0,1fr) 56px;gap:24px;padding:28px 0 0 24px;display:grid}.desktop-mixer__modes{flex-direction:column;justify-content:center;gap:14px;padding-bottom:22px;display:flex}.mixer-mode{height:52px;font-size:13px;font-weight:600}.mixer-mode[aria-checked=true]{color:#e8190c}.desktop-mixer__channels{justify-content:safe center;gap:clamp(4px,.6vw,10px);min-width:0;padding-bottom:20px;display:flex;overflow-x:auto}.desktop-mixer__channels--steps>:nth-child(4n+1):not(:first-child){margin-left:clamp(4px,.6vw,10px)}.mixer-channel{background:#1b1a1a;border-radius:4px;flex-direction:column;flex:0 76px;align-items:center;gap:6px;min-width:44px;padding:6px 0 8px;display:flex;box-shadow:inset 0 1px 3px #000c}.mixer-channel .fader--v{width:min(44px,100%);height:108px}.mixer-channel__label{max-width:100%;min-height:30px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 4px;font-size:11px;display:flex;overflow:hidden}.mixer-channel__label svg{display:none}.mixer-channel__step{background:linear-gradient(170deg, var(--key-face-hi), var(--key-face));width:calc(100% - 8px);min-height:30px;box-shadow:inset 0 -2px 0 var(--bevel-shadow), 0 1px 2px #0009;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;display:flex;position:relative}.mixer-channel__step:active{box-shadow:inset 0 1px 2px var(--bevel-shadow)}.mixer-channel__num{color:var(--ink-muted);font-size:9px;line-height:1;position:absolute;top:3px;left:5px}.mixer-led{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--step-led-off);border-radius:1px;transform:rotate(45deg)}.mixer-led--on{background:var(--step-led);box-shadow:0 0 5px #ff0000bf}.mixer-channel output{color:var(--text-muted);white-space:nowrap;font:10px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.mixer-channel--off .fader--v:disabled::-webkit-slider-runnable-track{background:linear-gradient(to top, #6a1a14 var(--fill), var(--recess) var(--fill))}.mixer-channel--off .fader--v:disabled::-moz-range-progress{background:#6a1a14}.mixer-channel--off output{opacity:.5}.mixer-channel--outside{opacity:.45}.mixer-tab--close{align-self:stretch}.panel--mixer .transport{padding-inline:22px}}@media (width>=1000px) and (width<=1279.98px){.panel{--side:32px}.bay{padding-inline:10px}.desktop-brand svg{width:96px}.bay--machine{grid-template-columns:repeat(2,56px);gap:12px}.bay--machine .logobay__kit{width:56px}.desktop-library{letter-spacing:.04em;font-size:10px}.desktop-library svg{display:none}.desktop-about{gap:14px;padding-inline:14px 18px}.desktop-about__photo{flex-basis:112px}.desktop-about p{-webkit-line-clamp:4;font-size:12px}.desktop-groove{margin-left:0;padding-inline:14px}.groove-controls{gap:8px}.groove-swing{grid-template-columns:44px 84px 44px;gap:6px}.head{padding-inline:12px}.save-actions{flex-wrap:nowrap;gap:0 10px}.save-action{letter-spacing:.03em;font-size:11px}.transport{gap:8px;padding-inline:14px}.transport .tempo{grid-template-columns:44px 104px 44px;gap:6px}.tkey--square{flex-basis:60px;width:60px}.desktop-mixer{grid-template-columns:84px minmax(0,1fr) 44px;gap:12px;padding-left:14px}.mixer-channel{min-width:36px}.desktop-mixer__channels{gap:4px}.desktop-mixer__channels--steps>:nth-child(4n+1):not(:first-child){margin-left:6px}}@media (width>=1000px) and (height<=939.98px){.bay{min-height:138px;padding-block:20px 22px}.logobay{background-size:100% 15px}.bay--machine{grid-template-rows:56px 44px;gap:10px 14px}.bay--machine .logobay__kit{height:56px}.bank{--bank-fixed:58px;gap:14px;padding-block:18px}.bank__row{gap:10px}.strip{padding-block:22px 18px}.strip__tiles .tile,.strip>.tile--arrow{min-height:92px}.strip__tiles .tile{padding-block:10px 9px}.desktop-groove,.head,.transport,.desktop-mixer{min-height:118px}.desktop-groove,.transport{padding-block:24px 18px}.head{gap:2px;padding-block:24px 8px}.head .namewin{height:48px}.desktop-mixer{padding-top:22px}.mixer-channel .fader--v{height:92px}.desktop-mixer__channels,.desktop-mixer__modes{padding-bottom:14px}}@media (width>=1000px) and (height<=759.98px){.bay{gap:6px;min-height:0;padding-block:18px 14px}.desktop-brand{padding-bottom:12px}.desktop-brand svg{width:min(120px,70%)}.bay--machine{grid-template-rows:48px 44px;gap:8px 12px}.bay--machine .logobay__kit{height:48px}.bay--maker .logo{min-height:72px}.bay--maker .logo__img{max-height:min(var(--logo-h,64px), 64px)}.bay--model .status{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:0;display:block;overflow:hidden}.desktop-about__photo{flex-basis:120px}.desktop-about p{-webkit-line-clamp:3}.strip{padding-block:18px 12px}.strip__tiles .tile,.strip>.tile--arrow{min-height:72px}.strip__tiles .tile{padding-block:6px}.tile__icon{width:28px;height:28px}.tile__label{font-size:12px}.desktop-groove,.head,.transport,.desktop-mixer{min-height:0}.desktop-groove,.transport{padding-block:18px 12px}.head{padding-block:18px 2px}.head .namewin{height:44px}.head .seg14{height:22px}.tkey--arrow,.tkey--square,.tempo__display{height:52px}.tempo__display .seg7{height:30px}.desktop-mixer{padding-top:18px}.mixer-mode{height:44px}.desktop-mixer__modes{gap:8px;padding-bottom:10px}.mixer-channel .fader--v{height:48px}.mixer-channel{gap:3px;padding-block:4px}.desktop-mixer__channels{padding-bottom:10px}}@media (width>=1000px) and (height<=619.98px){.strip__tiles .tile,.strip>.tile--arrow{min-height:60px}.tile__icon{width:24px;height:24px}.strip{padding-block:16px 10px}.bay--maker .logo{min-height:56px}.bay--maker .logo__img{max-height:min(var(--logo-h,52px), 52px)}.desktop-brand svg{width:min(96px,60%)}}