@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d294f1e349318783-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c465e14413247d80-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/52f8cf394b3641e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fa64e74b88370ed1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6b99d524c7bef2f7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2afc1581e19cce3f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Semi Condensed Fallback;src:local("Arial");ascent-override:115.49%;descent-override:23.10%;line-gap-override:0.00%;size-adjust:86.59%}.__className_9cd6eb{font-family:Barlow Semi Condensed,Barlow Semi Condensed Fallback;font-style:normal}.__variable_9cd6eb{--font-legend:"Barlow Semi Condensed","Barlow Semi Condensed Fallback"}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/88e4012f2051f8b4-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0be08cad6fae8421-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/61d96c4884191721-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7816b93d847886e9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ea06843a6d8e9ab3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/60c9b95e8d9e49be-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Fallback;src:local("Arial");ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.00%;size-adjust:96.68%}.__className_9517ae{font-family:Barlow,Barlow Fallback;font-style:normal}.__variable_9517ae{--font-body:"Barlow","Barlow Fallback"}@font-face{font-family:Doto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/3caffeb0b9f2ce38-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Doto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f87010aab7de6b46-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Doto Fallback;src:local("Arial");ascent-override:70.59%;descent-override:18.58%;line-gap-override:0.00%;size-adjust:134.59%}.__className_f3b699{font-family:Doto,Doto Fallback;font-style:normal}.__variable_f3b699{--font-lcd:"Doto","Doto Fallback"}:root{--surround:#1f1e1b;--moulding-upper:#c9c5b9;--moulding-lower:#b4b0a4;--plate:#a9a69c;--pad-cap:#3b3a36;--ink:#2e2c28;--ink-88:rgba(46,44,40,0.88);--cap:#d2cfc5;--cap-edge:#9d9a91;--lcd-back-hi:#7fa6c4;--lcd-back-lo:#6e93b4;--lcd-ink:#182430;--signal:#a33327;--paint:#e08244;--olive:#8e9276;--hi:rgba(255,255,255,0.55);--shade:rgba(40,36,30,0.35);--led-off:#6b5e4e;--led-on:#f0b040;--help-ink:#d8d3c6;--sheet:#e7e3d9;--r-chassis:14px;--r-recess:6px;--r-pad:6px;--r-cap:3px;--r-lcd:2px;--e2:inset 0 1px 0 var(--hi),inset 1px 0 0 var(--hi),inset 0 -1px 0 var(--shade),inset -1px 0 0 var(--shade),0 2px 4px rgba(30,26,20,0.18);--e1:inset 0 1px 0 var(--hi),inset 1px 0 0 var(--hi),inset 0 -1px 0 var(--shade),inset -1px 0 0 var(--shade),0 1px 2px rgba(30,26,20,0.15);--e-pressed:inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 var(--shade),inset -1px 0 0 var(--shade);--recess:inset 0 1px 0 var(--shade),inset 1px 0 0 var(--shade),inset 0 -1px 0 var(--hi),inset -1px 0 0 var(--hi),inset 0 1px 2px rgba(40,36,30,0.25);--recess-deep:inset 0 2px 0 var(--shade),inset 2px 0 0 var(--shade),inset 0 -2px 0 var(--hi),inset -2px 0 0 var(--hi);--speckle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0 0 0 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--f-legend:var(--font-legend),"Arial Narrow",Arial,sans-serif;--f-body:var(--font-body),"Helvetica Neue",Arial,sans-serif;--f-lcd:var(--font-lcd),ui-monospace,monospace}*{box-sizing:border-box}body,html{background:var(--surround)}body{margin:0;padding:16px;overflow-x:hidden;color:var(--help-ink);font:400 15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--lcd-ink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.chassis{--pad-x:12px;--pad-top:14px;--pad-bottom:16px;--gap-row:16px;--gap-col:12px;--lower-start:4;position:relative;max-width:1600px;margin:0 auto;padding:var(--pad-top) var(--pad-x) var(--pad-bottom);display:grid;grid-gap:var(--gap-row) var(--gap-col);gap:var(--gap-row) var(--gap-col);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand knob" "display display" "transport wheel" "pads pads" "trough trough" "controls controls" "swing swing" "deck deck" "project project";color:var(--ink);background:var(--moulding-upper);border-radius:var(--r-chassis);box-shadow:inset 0 1px 0 var(--hi),inset 1px 0 0 var(--hi),inset 0 -1px 0 var(--shade),inset -1px 0 0 var(--shade),0 3px 0 #8e8a7f,0 5px 6px rgba(0,0,0,.2)}.chassis>:not(.moulding-lower){position:relative;min-width:0}.chassis,.moulding-lower{isolation:isolate}.chassis:before,.moulding-lower:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#000;-webkit-mask-image:var(--speckle);mask-image:var(--speckle);pointer-events:none}.moulding-lower{position:relative;grid-column:1/-1;grid-row:var(--lower-start) /-1;margin:calc(var(--gap-row) / -2) calc(var(--pad-x) * -1) calc(var(--pad-bottom) * -1);background:var(--moulding-lower);border-radius:0 0 var(--r-chassis) var(--r-chassis);box-shadow:inset 0 1px 0 var(--shade),inset 0 2px 0 var(--hi);pointer-events:none}.brand{grid-area:brand;align-self:start;display:grid;grid-gap:3px;gap:3px}.knobarea{grid-area:knob}.displayarea{grid-area:display}.transportarea{grid-area:transport;align-self:center}.wheelarea{grid-area:wheel}.controls{grid-area:controls}.padscell{grid-area:pads;display:grid}.troughcell{grid-area:trough;display:grid}.swingarea{grid-area:swing}.deck{grid-area:deck}.projectarea{grid-area:project}@media (max-width:859px){body{padding:8px}.padscell{justify-self:center;width:100%;max-width:460px}}@media (min-width:860px){.chassis{--pad-x:20px;--pad-top:18px;--pad-bottom:22px;--gap-row:20px;--gap-col:24px;--col-a:300px;grid-template-columns:var(--col-a) minmax(0,1fr) auto;grid-template-areas:"brand display wheel" "knob display wheel" "controls controls controls" "pads trough trough" "swing deck deck" "project deck deck" ". transport transport"}.projectarea,.swingarea{align-self:start}.transportarea{justify-self:end;align-self:end}}@media (min-width:1360px){.chassis{--pad-x:24px;--col-a:320px;--lower-start:3;grid-template-columns:var(--col-a) auto minmax(0,1fr) auto;grid-template-areas:"brand display controls wheel" "knob display controls wheel" "pads trough trough trough" "swing deck deck deck" "project deck deck deck" ". transport transport transport"}}.wordmark{font:700 18px/1.1 var(--f-legend);letter-spacing:.05em;color:var(--ink)}.tagline,.wordmark{margin:0;text-transform:uppercase}.tagline{font:600 9px/1.2 var(--f-legend);letter-spacing:.06em;color:var(--ink-88)}.grouplegend,.legend{font-family:var(--f-legend);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-88)}.grouplegend{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:3px;border-bottom:1px solid rgba(46,44,40,.5)}.grouplegend.bare{border:0;padding:0}.legendvalue{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legend.quiet{margin:0}.group{display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0}.caps{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.cap,.caps{align-items:center}.cap{position:relative;display:inline-flex;justify-content:center;gap:5px;min-width:28px;height:28px;padding:0 9px;border:1px solid var(--cap-edge);border-radius:var(--r-cap);background:var(--cap);color:var(--ink-88);font:600 10px/1 var(--f-legend);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--e1);transition:transform 60ms ease-out,box-shadow 60ms ease-out}.cap:active:not(:disabled),.cap[aria-pressed=true]{transform:translateY(1px);box-shadow:var(--e-pressed)}.cap:disabled{opacity:.55}.cap.big{height:40px;min-width:72px;padding:0 14px;font-size:11px;box-shadow:var(--e2)}.cap.big:active:not(:disabled),.cap.big[aria-pressed=true]{transform:translateY(2px);box-shadow:var(--e-pressed)}.cap.signal{background:var(--signal);border-color:#7a251c;color:#f1ece0}.cap.softkey{width:44px;min-width:44px;height:24px;padding:0;background:var(--olive);border-color:#6c705a}.cap.mini{width:26px;min-width:26px;padding:0}.cap.plain{text-transform:none;letter-spacing:0}.led{flex:none;width:5px;height:5px;border-radius:50%;background:var(--led-off);box-shadow:inset 0 1px 1px rgba(0,0,0,.45)}.led.on{background:var(--led-on);box-shadow:0 0 3px rgba(240,176,64,.85)}.readout{display:inline-flex;align-items:center;justify-content:flex-end;width:56px;height:28px;padding:0 8px;border:0;border-radius:var(--r-cap);background:#bebaaf;box-shadow:var(--recess);color:var(--ink);font:600 14px/1 var(--f-legend);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.readout.page{width:64px}.readout.seed{width:auto;min-width:56px;font-size:12px}input.readout{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.readout::-webkit-inner-spin-button,input.readout::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.select{height:28px;min-width:0;padding:0 6px;border:1px solid var(--cap-edge);border-radius:var(--r-cap);background:var(--cap);color:var(--ink);font:600 11px/1 var(--f-legend);box-shadow:var(--e1)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;height:26px;margin:0;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--plate);box-shadow:var(--recess)}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--plate);box-shadow:var(--recess)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:22px;margin-top:-8px;border:1px solid var(--cap-edge);border-radius:2px;background:linear-gradient(90deg,transparent 5.5px,var(--ink) 5.5px,var(--ink) 6.5px,transparent 6.5px),var(--cap);box-shadow:var(--e1)}input[type=range]::-moz-range-thumb{width:14px;height:22px;border:1px solid var(--cap-edge);border-radius:2px;background:linear-gradient(90deg,transparent 5.5px,var(--ink) 5.5px,var(--ink) 6.5px,transparent 6.5px),var(--cap);box-shadow:var(--e1)}.displayarea{display:grid;grid-gap:10px;gap:10px;align-content:start;justify-self:start;max-width:100%}.lcd-window{max-width:100%;padding:5px;border-radius:4px;background:#3a3833;box-shadow:var(--recess-deep)}.lcd-glass{position:relative;overflow:hidden;padding:8px 10px;border-radius:var(--r-lcd);color:var(--lcd-ink);background:radial-gradient(120% 90% at 12% 0,#8fb4d0 0,rgba(143,180,208,0) 55%),linear-gradient(170deg,var(--lcd-back-hi),var(--lcd-back-lo));box-shadow:inset 0 1px 3px rgba(10,20,30,.35)}.lcd-glass:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(127,166,196,.22) 1px,transparent 0),linear-gradient(90deg,rgba(127,166,196,.22) 1px,transparent 0);background-size:3px 3px}.lcd-grid{font-family:var(--f-lcd);font-size:calc(var(--cell) * 1.55);font-weight:700;line-height:calc(var(--cell) * 2)}.lcd-grid.wide{display:none;--cell:10px}.lcd-grid.narrow{--cell:min(12px,calc((100vw - 74px) / 28))}@media (min-width:860px){.lcd-grid.narrow{--cell:11px}}@media (min-width:1020px){.lcd-grid.wide{display:block}.lcd-grid.narrow{display:none}}.lcd-line{display:flex}.lcd-line .ch{display:inline-block;width:var(--cell);text-align:center}.lcd-line .inv .ch{background:var(--lcd-ink);color:#8fb2cf}.softkeys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;padding:0 15px}@media (prefers-reduced-motion:no-preference){.lcd-glass{animation:backlight .9s ease-out both}.lcd-line{animation:print .42s steps(20) both;animation-delay:calc(.7s + var(--i) * .16s)}}@keyframes backlight{0%{filter:brightness(.25) saturate(.4)}18%{filter:brightness(.8)}30%{filter:brightness(.45)}55%{filter:brightness(1.06)}to{filter:none}}@keyframes print{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.knobarea{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;align-self:end}.loadsample{display:grid;justify-items:start;grid-gap:4px;gap:4px}.loadnote{max-width:28ch;font:600 11px/1.3 var(--f-legend);color:var(--ink);overflow-wrap:anywhere}.knob-well,.wheel-well{display:grid;justify-items:center;grid-gap:4px;gap:4px}.knob{position:relative;width:72px;height:72px;border-radius:50%;touch-action:none;cursor:ns-resize}.knob-scale{position:absolute;inset:0;stroke:var(--ink);stroke-width:1.2;opacity:.88}.knob-body,.knob-pointer{position:absolute;inset:14px;border-radius:50%}.knob-body{background:var(--pad-cap);box-shadow:inset 1px 1px 0 rgba(255,255,255,.18),inset -1px -1px 0 rgba(0,0,0,.45),0 2px 4px rgba(30,26,20,.2)}.knob-pointer span{position:absolute;left:50%;top:4px;width:2px;height:11px;margin-left:-1px;border-radius:1px;background:var(--cap)}.wheelarea{display:grid;justify-items:end;align-content:space-between;grid-gap:12px;gap:12px}.vents{display:none;gap:5px}.vents span{width:6px;height:36px;border-radius:3px;background:#aaa699;box-shadow:var(--recess-deep)}@media (min-width:860px){.vents{display:flex}}.wheel{--wheel:76px;position:relative;width:var(--wheel);height:var(--wheel);border-radius:50%;background:#b9b5a9;box-shadow:var(--recess);touch-action:none;cursor:ns-resize}.wheel[aria-disabled=true]{cursor:default}.wheel-face,.wheel-knurl,.wheel-spin{position:absolute;border-radius:50%}.wheel-knurl{inset:4px;background:repeating-conic-gradient(#2f2e2a 0deg 5deg,#45443f 5deg 10deg);transition:transform 60ms ease-out}.wheel-face,.wheel-spin{inset:10px}.wheel-face{background:var(--pad-cap);box-shadow:inset 1px 1px 0 rgba(255,255,255,.16),inset -1px -1px 0 rgba(0,0,0,.45),0 1px 3px rgba(20,18,14,.2)}.wheel-spin{transition:transform 60ms ease-out}.wheel-dimple{position:absolute;left:50%;top:10%;width:28%;height:28%;transform:translateX(-50%);border-radius:50%;background:#34332f;box-shadow:inset 1px 1px 1px rgba(0,0,0,.5),inset -1px -1px 0 rgba(255,255,255,.12)}@media (min-width:860px){.wheel{--wheel:124px}.wheel-knurl{inset:6px}.wheel-face,.wheel-spin{inset:14px}}.controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px 24px;gap:12px 24px;align-content:start}.transport{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:420px){.transport .cap.big{min-width:0;padding:0 10px}}.padsarea{display:grid;grid-template-rows:auto 1fr;grid-gap:6px;gap:6px}.padplate{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px 12px;gap:10px 12px;align-content:center;padding:14px;background:var(--plate);border-radius:var(--r-recess);box-shadow:var(--recess)}.padslot{grid-gap:5px;gap:5px}.padlegend,.padslot{display:grid;min-width:0}.padlegend{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"led num" "name name";grid-column-gap:4px;column-gap:4px;align-items:center;color:var(--ink)}.padlegend .led{grid-area:led}.padnum{grid-area:num;display:flex;gap:4px;font:600 9px/12px var(--f-legend);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-transform:uppercase}.padkind{opacity:.88}.padname{grid-area:name;justify-self:start;max-width:100%;margin-left:-2px;padding:0 2px;overflow:hidden;border-radius:1px;font:700 10px/12px var(--f-legend);letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.padslot.selected .padname{background:var(--ink);color:var(--cap)}.cap.mutekey{justify-self:start;width:24px;min-width:24px;height:24px;padding:0;font-size:9px}.pad{display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:var(--r-pad);background:var(--pad-cap);box-shadow:0 0 0 2px rgba(40,36,30,.28),inset 0 1px 0 rgba(255,255,255,.12),inset 1px 0 0 rgba(255,255,255,.06),inset 0 -2px 0 rgba(0,0,0,.35),0 2px 3px rgba(20,18,14,.2);transition:transform 60ms ease-out,box-shadow 60ms ease-out}.pad:active{transform:translateY(2px);box-shadow:0 0 0 2px rgba(40,36,30,.28),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.3)}.padslot.muted .pad{background:#4a4843}.troughwrap{display:grid;grid-template-rows:auto 1fr;grid-gap:6px;gap:6px;min-width:0}.troughhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.trough{position:relative;min-width:0;padding:8px 10px 10px;background:var(--plate);border-radius:var(--r-recess);box-shadow:var(--recess)}.troughscroll{overflow-x:auto;padding-bottom:14px}.channel{--lane-w:64px;--step-min:24px;--rib:7px;--rib-bar:14px;--lane-h:28px;display:grid;grid-template-rows:22px repeat(16,var(--lane-h));grid-gap:2px;gap:2px}@media (min-width:860px){.channel{--lane-w:104px;--step-min:22px;--rib:6px;--rib-bar:12px}}.lanehead{position:-webkit-sticky;position:sticky;left:0;z-index:3;display:flex;align-items:center;gap:6px;min-width:0;padding:0 8px 0 6px;border:0;border-radius:2px;background:var(--plate);color:var(--ink);font:600 10px/1 var(--f-legend);letter-spacing:.03em;text-transform:uppercase;text-align:left}.lanehead .ix{flex:none;width:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lanehead .nm{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lanehead .k{font-size:8px}.lanehead .mk{flex:none;display:inline-grid;place-items:center;width:12px;height:12px;border-radius:1px;background:var(--ink);color:var(--cap);font-size:8px}.lanehead[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--ink);font-weight:700}@media (max-width:859px){.lanehead .k{display:none}}.well{margin:-1px 0;border-radius:4px;background:#9c998f;box-shadow:var(--recess)}.playcol{z-index:1;margin:-1px 0;border-radius:3px;background:rgba(255,240,205,.55);box-shadow:0 0 5px rgba(255,236,190,.55);pointer-events:none}.stepled{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding-bottom:3px;font:600 9px/1 var(--f-legend);color:var(--ink)}.stepled .mark{min-height:9px}.step{position:relative;z-index:2;min-width:0;margin:2px 1px;padding:0;overflow:hidden;border:0;border-radius:var(--r-cap);background:var(--cap);box-shadow:inset 0 1px 0 var(--hi),inset 1px 0 0 var(--hi),inset 0 -1px 0 var(--shade),inset -1px 0 0 var(--shade),0 1px 1px rgba(30,26,20,.15);transition:transform 60ms ease-out}.step.beat{background:#dad7cd}.step:active{transform:translateY(1px)}.step.empty{visibility:hidden}.step .paint{position:absolute;left:0;right:0;bottom:0;background:var(--paint);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(90,40,10,.35)}.step .note{inset:0;display:flex;align-items:center;justify-content:center;font:700 10px/1 var(--f-legend)}.step .note,.step .rat{position:absolute;color:var(--ink)}.step .rat{top:1px;right:2px;font:700 8px/1 var(--f-legend)}.step .prob{position:absolute;left:3px;right:3px;bottom:2px;height:2px;background:rgba(46,44,40,.25)}.step .prob>span{display:block;height:100%;background:var(--ink)}.step.selected:after{content:"";position:absolute;inset:0;border:2px solid var(--ink);border-radius:var(--r-cap)}.swingarea{display:grid;grid-gap:2px;gap:2px;align-content:start}.swingarea .group{gap:4px}.scale{display:flex;justify-content:space-between;padding:0 4px;font:600 9px/1 var(--f-legend);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-88)}.deck{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:18px 28px;gap:18px 28px;align-content:start}.ctl,.deck{display:grid}.ctl{grid-template-columns:78px minmax(0,1fr) minmax(44px,auto);grid-gap:8px;gap:8px;align-items:center;min-height:28px}.ctl .val{font:600 11px/1 var(--f-legend);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;text-transform:uppercase;white-space:nowrap;color:var(--ink)}.ctl .val.plain{text-transform:none}.ctl.stack{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.ctl.stack>.val{grid-row:1;grid-column:2}.ctl.stack>.caps{grid-row:2;grid-column:1/-1}.projectarea .caps{gap:8px}.wavewell{display:grid;place-items:center;min-height:76px;padding:6px;border-radius:var(--r-recess);background:#bebaaf;box-shadow:var(--recess)}.waveform{display:block;width:100%;height:64px}.help{max-width:1600px;margin:28px auto 40px;color:var(--help-ink)}.help-inner{max-width:68ch;padding:0 12px}@media (min-width:1360px){.help-inner{margin-left:calc(24px + 320px + 24px);padding:0}}.help h2{margin:0 0 8px;font:600 20px/1.3 var(--f-body);color:#f1ece0}.help h3{margin:22px 0 4px;font:600 16px/1.4 var(--f-body);color:#f1ece0}.help p{margin:6px 0}.help a{color:#f0c987}.help :focus-visible{outline-color:var(--help-ink)}.help kbd{padding:1px 6px;border:1px solid #4a473f;border-radius:3px;background:#33312c;font:400 13px/1.4 var(--f-body)}.keys{display:grid;grid-template-columns:max-content 1fr;grid-gap:6px 16px;gap:6px 16px;margin:8px 0}.keys dd{margin:0}.help-error{padding:8px 12px;border-left:3px solid var(--signal);background:rgba(163,51,39,.18)}.modal-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,19,17,.72)}.modal{width:min(760px,100%);max-height:90vh;overflow-y:auto;display:grid;grid-gap:12px;gap:12px;padding:20px 22px 24px;border-radius:var(--r-recess);background:var(--sheet);color:var(--ink);font:400 15px/1.5 var(--f-body);box-shadow:inset 0 1px 0 var(--hi),0 3px 6px rgba(0,0,0,.2)}.modal h1{margin:0;display:flex;justify-content:space-between;align-items:center;gap:12px;font:700 13px/1 var(--f-legend);letter-spacing:.05em;text-transform:uppercase}.modal h3{margin:12px 0 0;font:600 16px/1.4 var(--f-body)}.modal li,.modal ol,.modal p{margin:4px 0}.modal ol{padding-left:20px}.modal code{padding:1px 5px;border-radius:2px;background:#d6d2c7;font:600 13px/1.4 var(--f-legend)}.ok,.warn{padding:2px 12px;border-left:3px solid var(--signal)}.ok{border-left-color:var(--olive)}.field,.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.readout.text{width:220px;justify-content:flex-start;text-align:left}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px}.check input{width:16px;height:16px;margin-top:4px;accent-color:var(--ink)}.status{font:600 12px/1.4 var(--f-legend);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legal,.status{color:var(--ink)}.legal{max-width:760px;margin:24px auto 60px;padding:24px 28px;border-radius:var(--r-recess);background:var(--sheet);font:400 15px/1.6 var(--f-body)}.legal h1{margin:0 0 6px;font:700 20px/1.3 var(--f-legend);letter-spacing:.04em;text-transform:uppercase}.legal h2{margin:22px 0 6px;font:600 17px/1.4 var(--f-body)}.legal li,.legal p{margin:6px 0}.legal .meta{font-size:13px;color:#4a4740}.legal a{color:var(--ink)}