@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-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:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-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:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-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:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-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:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-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:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_987bfa;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-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:__IBM_Plex_Sans_Fallback_987bfa;src:local("Arial");ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:101.17%}.__className_987bfa{font-family:__IBM_Plex_Sans_987bfa,__IBM_Plex_Sans_Fallback_987bfa;font-style:normal}.__variable_987bfa{--font-sans:"__IBM_Plex_Sans_987bfa","__IBM_Plex_Sans_Fallback_987bfa"}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/58f386aa6b1a2a92-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/011e180705008d6f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ba5fb2a8c88521c-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:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/92eeb95d069020cc-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d3ebbfd689654d3a-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:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ef4d5661765d0e49-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d29838c109ef09b4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e40af3453d7c920a-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:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/99dcf268bda04fe5-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Mono_9f0762;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98e207f02528a563-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:__IBM_Plex_Mono_Fallback_9f0762;src:local("Arial");ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9f0762{font-family:__IBM_Plex_Mono_9f0762,__IBM_Plex_Mono_Fallback_9f0762;font-style:normal}.__variable_9f0762{--font-mono:"__IBM_Plex_Mono_9f0762","__IBM_Plex_Mono_Fallback_9f0762"}:root{--mint:#00ffce;--mint-rgb:0,255,206;--orange:#ff6b00;--bg:#05080d;--panel:#0a1118;--panel-2:#0c141c;--cell:#0e1821;--cell-alt:#121e28;--line:hsla(0,0%,100%,.07);--line-2:hsla(0,0%,100%,.12);--text:#e8f1ef;--muted:#7f8d95;--faint:#4a5861;--radius:16px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(900px 520px at 85% -12%,rgba(var(--mint-rgb),.09),transparent 62%),radial-gradient(700px 480px at -10% 110%,rgba(var(--mint-rgb),.05),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;text-transform:lowercase;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;text-transform:inherit;color:inherit}:focus-visible{outline:2px solid var(--mint);outline-offset:2px}::selection{background:rgba(var(--mint-rgb),.3)}.container{max-width:1180px;margin:0 auto;padding:24px 24px 40px;display:flex;flex-direction:column;gap:14px}.container>*{min-width:0}.spacer{flex:1 1}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.03)}.header{gap:16px;flex-wrap:wrap;padding:4px 2px}.brand,.header{display:flex;align-items:center}.brand{gap:10px}.brand-name{font-size:22px;font-weight:600;letter-spacing:-.02em}.brand-by{color:var(--muted);font-size:13px;padding-top:4px;transition:color .12s}.brand:hover .brand-by{color:var(--mint)}.btn{background:hsla(0,0%,100%,.03);border:1px solid var(--line-2);border-radius:10px;padding:7px 13px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){border-color:rgba(var(--mint-rgb),.5);color:var(--mint)}.btn:disabled{opacity:.4;cursor:default}.btn.sm{padding:4px 10px;font-size:13px}.btn.warn:hover:not(:disabled){border-color:rgba(255,107,0,.6);color:var(--orange)}.btn.ghost{border-color:transparent;color:var(--muted)}.btn.primary{display:inline-flex;align-items:center;gap:6px;background:var(--mint);border-color:var(--mint);color:#03120e;font-weight:600}.btn.primary:hover:not(:disabled){color:#03120e;background:#5cffe0;box-shadow:0 6px 20px -6px rgba(var(--mint-rgb),.7)}.btn.wide{width:100%;justify-content:center;padding:11px}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}select.btn option{background:var(--panel);color:var(--text)}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line-2);border-radius:12px;background:rgba(0,0,0,.25)}.segmented-label{color:var(--muted);font-size:12px;padding:0 8px 0 6px}.segmented button{position:relative;min-width:36px;padding:5px 11px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--muted);transition:background .12s,color .12s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--mint);color:#03120e;font-weight:600}.segmented button.filled:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;background:var(--mint)}.segmented button.active.filled:after{background:#03120e}.segmented button.queued{box-shadow:inset 0 0 0 2px var(--mint);color:var(--mint);animation:queued .5s steps(2) infinite}@keyframes queued{50%{box-shadow:inset 0 0 0 2px transparent}}.btn.on{background:var(--mint);border-color:var(--mint);font-weight:600}.btn.on,.btn.on:hover:not(:disabled){color:#03120e}.transport-panel{display:grid;grid-template-columns:auto minmax(180px,1fr);grid-gap:20px;gap:20px;align-items:center}.transport{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.play{width:62px;height:62px;border-radius:50%;flex:none;cursor:pointer;display:grid;place-items:center;background:var(--mint);color:#03120e;border:0;box-shadow:0 0 0 6px rgba(var(--mint-rgb),.08),0 10px 30px -6px rgba(var(--mint-rgb),.55);transition:transform .1s,box-shadow .2s}.play:hover{transform:scale(1.04)}.play:active{transform:scale(.97)}.play.is-playing{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(var(--mint-rgb),.12),0 10px 40px -4px rgba(var(--mint-rgb),.7)}}.lcd{font-family:var(--font-mono),ui-monospace,monospace;background:#03070b;border:1px solid var(--line);border-radius:10px;padding:6px 12px 7px;min-width:112px;box-shadow:inset 0 2px 8px rgba(0,0,0,.6)}.lcd-label{font-size:10px;color:var(--faint);letter-spacing:.08em}.lcd-value{font-size:22px;color:var(--mint);text-shadow:0 0 12px rgba(var(--mint-rgb),.45);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.15}.lcd-value small{font-size:11px;color:rgba(var(--mint-rgb),.6);text-shadow:none}.bpm{display:flex;align-items:center;gap:8px}.bpm-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.bpm-buttons .btn:last-child{grid-column:span 2}.transport-knobs{display:flex;gap:6px}.viz{width:100%;height:88px;display:block;border-radius:10px;background:#03070b;border:1px solid var(--line)}.knob{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.knob-dial{cursor:ns-resize;touch-action:none;border-radius:50%;line-height:0}.knob-body{fill:#101b24;stroke:hsla(0,0%,100%,.06)}.knob-track{fill:none;stroke:hsla(0,0%,100%,.08);stroke-width:3;stroke-linecap:round}.knob-value{fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(var(--mint-rgb),.6))}.knob-pointer{stroke:var(--text);stroke-width:2;stroke-linecap:round}.knob-dial:hover .knob-body{fill:#142430}.knob-label{font-size:11px;color:var(--muted)}.knob-readout{font-family:var(--font-mono),monospace;font-size:11px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar{flex-wrap:wrap;margin-bottom:16px}.section-head,.toolbar{display:flex;align-items:center;gap:8px}.section-head{margin-bottom:12px}.section-head h2{margin:0;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.06em}.grid{--label:200px;display:grid;grid-template-columns:var(--label) repeat(var(--steps),minmax(0,1fr));grid-gap:5px;gap:5px;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-row{display:contents}.grid-corner{height:18px}.step-num{font-family:var(--font-mono),monospace;font-size:10px;color:var(--faint);text-align:center;align-self:end;transition:color 60ms}.step-num.beat{color:var(--muted)}.step-num.now{color:var(--mint)}.track{display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;height:38px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.2);transition:opacity .15s}.led{width:8px;height:8px;border-radius:50%;flex:none;background:var(--mint);opacity:.18;box-shadow:0 0 8px rgba(var(--mint-rgb),.8)}.track-name{flex:1 1;min-width:0;text-align:left;background:none;border:0;padding:4px 2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name:hover{color:var(--mint)}.track-key{font-size:10px;color:var(--faint);margin-right:8px}.ms,.track-key{font-family:var(--font-mono),monospace}.ms{width:24px;height:24px;flex:none;border-radius:6px;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--muted);font-size:11px;padding:0}.ms:hover{color:var(--text)}.ms.mute-on{background:var(--orange);border-color:var(--orange);color:#1a0b00}.ms.solo-on{background:var(--mint);border-color:var(--mint);color:#03120e}.cell{height:38px;border-radius:8px;padding:0;cursor:pointer;border:1px solid hsla(0,0%,100%,.05);background:var(--cell);transition:background 80ms,box-shadow .12s,transform 80ms}.cell.alt{background:var(--cell-alt)}.cell:hover{border-color:rgba(var(--mint-rgb),.45)}.cell.on{background:rgba(var(--mint-rgb),.42);border-color:rgba(var(--mint-rgb),.55)}.cell.acc{background:var(--mint);border-color:var(--mint);box-shadow:0 0 14px -2px rgba(var(--mint-rgb),.7)}.cell.now{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.28);background-color:#17262f}.cell.on.now{background:#9effea;transform:scale(1.06);box-shadow:0 0 18px rgba(var(--mint-rgb),.9)}.cell.acc.now{background:#e6fffa;transform:scale(1.08);box-shadow:0 0 22px rgba(var(--mint-rgb),1)}.grid-row.silent .cell,.grid-row.silent .track{opacity:.35}.hint{margin:12px 0 0;color:var(--faint);font-size:12px}.mixer{display:grid;grid-template-columns:repeat(8,minmax(96px,1fr));grid-gap:8px;gap:8px;overflow-x:auto;padding-bottom:4px}.strip{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid var(--line)}.strip-ms{display:flex;gap:4px}.strip-label{font-size:12px;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog{width:min(560px,calc(100vw - 32px));padding:0;border-radius:var(--radius);border:1px solid var(--line-2);color:var(--text);background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(var(--mint-rgb),.08)}.dialog::-webkit-backdrop{background:rgba(2,5,8,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog::backdrop{background:rgba(2,5,8,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dialog-body{padding:20px;display:flex;flex-direction:column;gap:16px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-size:17px;font-weight:600}.dialog-text{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.dialog-error{margin:0;color:var(--orange);font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;color:var(--faint);letter-spacing:.08em}.field .segmented{flex-wrap:wrap;align-self:flex-start}.segmented button:disabled{opacity:.35;cursor:default}.export-summary{align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#03070b;border:1px solid var(--line)}.export-summary,.sequence{display:flex;flex-wrap:wrap}.sequence{gap:3px}.sequence-bar{min-width:22px;height:22px;display:grid;place-items:center;border-radius:5px;font-size:11px;background:rgba(var(--mint-rgb),.15);border:1px solid rgba(var(--mint-rgb),.3)}.lcd-small,.sequence-bar{font-family:var(--font-mono),monospace;color:var(--mint)}.footer,.lcd-small{font-size:12px}.footer{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;color:var(--muted);margin-top:6px}.footer-credit{flex-basis:100%;text-align:center;color:var(--faint)}.footer-credit a{color:var(--mint)}kbd{font-family:var(--font-mono),monospace;font-size:11px;padding:1px 6px;margin:0 2px;border:solid var(--line-2);border-width:1px 1px 2px;border-radius:5px;color:var(--text)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:9px 16px;border-radius:999px;font-size:13px;background:var(--mint);color:#03120e;font-weight:500;box-shadow:0 10px 30px -8px rgba(var(--mint-rgb),.6);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:900px){.transport-panel{grid-template-columns:1fr}.viz{height:64px}.grid{--label:150px;gap:4px}.track-key{display:none}}@media (max-width:640px){.container{padding:16px 16px 32px;gap:12px}.panel{padding:14px}.transport{gap:12px}.bpm,.bpm .lcd,.transport>.lcd{flex:1 1}.transport-knobs{width:100%;justify-content:space-around}.grid{--label:76px;gap:3px}.track{padding:0 6px;height:32px;gap:4px}.track .ms{display:none}.track-name{font-size:12px}.cell{height:32px;border-radius:4px}.step-num{font-size:8px}.step-num:not(.beat){visibility:hidden}.mixer{grid-template-columns:repeat(8,96px)}}@media (prefers-reduced-motion:reduce){.play.is-playing{animation:none}.cell{transition:none}}