:root{font-family:Arial,Helvetica,sans-serif;color:#e8e7dd;background:#191b19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--orange:#f58c62;--ink:#ecece2;--muted:#a6aa9d;--lime:#c9df9f;--line:#42463d;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:375px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select,input{color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.35}button,select,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.sequence-scroll:focus-visible{outline:2px solid var(--lime)}::selection{background:var(--orange);color:#20221e}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}button{transition:background-color .15s,color .15s,box-shadow .15s}input[type=range]{accent-color:var(--orange);height:24px;margin:0;width:100%;cursor:pointer;background:transparent;touch-action:pan-y}input[type=range]:disabled{opacity:.3;cursor:default}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:#55594c}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-6px;width:16px;height:16px;border-radius:50%;background:var(--orange);border:3px solid #eab494;box-shadow:0 2px 5px #0006}input[type=range]{-webkit-appearance:none}input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:#55594c}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid #eab494;border-radius:50%;background:var(--orange)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input{caret-color:var(--orange)}input,select{border-radius:0}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:#252821}::-webkit-scrollbar-thumb{background:#626b57;border-radius:5px}*{scrollbar-color:#626b57 #252821;scrollbar-width:thin}.site-header{max-width:1392px;margin:auto;height:101px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33362e}.wordmark{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}.wordmark-dot{font-size:11px;font-weight:400;align-self:flex-start;margin-top:5px;margin-left:-6px;letter-spacing:0}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.brand-mark i{background:var(--orange);border-radius:2px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#66715b}.site-header nav{display:flex;align-items:center;gap:22px}.text-button,.share-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:13px;font-weight:600}.text-button{color:#c3c6b9;padding:0 5px}.text-button:hover{color:var(--ink)}.share-button{border:1px solid #595c51;padding:0 17px;border-radius:5px}.share-button:hover{background:#30352b;border-color:#929b81}.help-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #767c6d;border-radius:50%;font:10px var(--mono)}main{max-width:1392px;padding:0 48px;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:46px 0 32px}.intro h1{font-size:clamp(32px,3.2vw,45px);font-weight:650;letter-spacing:-1.7px;margin:0 0 10px;line-height:1.1}.intro p{color:#a6aa9d;font-size:14px;margin:0}.session-heading{display:flex;align-items:center;gap:8px;padding-bottom:4px;font:9px var(--mono);letter-spacing:1px;color:#a5ad99}.status-dot{width:5px;height:5px;border-radius:50%;background:#b4c68e}.machine{background:#30332c;border:1px solid #4c5144;border-radius:12px;box-shadow:0 18px 45px #0004,0 3px 5px #0006;overflow:hidden}.machine-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #42473a;background:#35382f}.model-name{font-size:18px;font-weight:700;letter-spacing:-.8px}.model-name span{font:8px var(--mono);letter-spacing:1.6px;color:#b3b8a4;margin-left:13px}.sound-status{font:8px var(--mono);letter-spacing:1px;color:#b3b8a4;display:flex;gap:7px;align-items:center}.sound-status i{width:5px;height:5px;background:#8c9877;border-radius:50%}.is-running .sound-status i{background:var(--lime)}.transport{display:grid;grid-template-columns:145px 264px minmax(135px,1fr) minmax(135px,.9fr);gap:32px;align-items:center;padding:27px 28px 29px}.play-section{display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;align-self:center}.play-button{width:100%;height:64px;border-radius:6px;background:linear-gradient(#f69a72,#e88258);box-shadow:0 3px #9f4e33,0 5px 9px #0003,inset 0 1px #ffd0b2;color:#25251f;display:flex;gap:9px;align-items:center;justify-content:center;font-size:16px;font-weight:700}.play-button:hover{background:#ffa77e}.play-button:active{transform:translateY(2px);box-shadow:0 1px #9f4e33}.play-button[aria-pressed=true]{background:#b6c898;box-shadow:0 3px #748163,0 5px 9px #0003,inset 0 1px #d8e7c0}.key-hint{position:absolute;top:73px;font:8px var(--mono);letter-spacing:1px;color:#b0b4a4}.lcd{min-height:88px;border-radius:5px;background:#1b231b;color:#c9dfa8;display:flex;box-shadow:inset 0 2px 6px #0009,0 1px #57604c;padding:14px 17px;gap:20px;font-family:var(--mono)}.lcd-tempo{min-width:110px}.lcd label,.lcd-position>span{display:block;font-size:8px;letter-spacing:1.5px;color:#a9be8f;line-height:1.3}.lcd-tempo>div{display:flex;align-items:baseline;gap:7px;margin-top:4px}.lcd input{background:transparent;border:0;width:76px;padding:0;font:40px/1 var(--mono);letter-spacing:-2px;color:var(--lime)}.lcd-tempo>div>span{font-size:8px;color:#9eb18a}.lcd-position{border-left:1px solid #3a4534;padding-left:18px;flex:1;white-space:nowrap}.lcd-position>div{display:flex;gap:7px;align-items:baseline;padding-top:11px}.lcd-position b{font-size:26px;font-weight:400;letter-spacing:-1px}.lcd-position>div>span{font-size:9px;color:#9eb18a}.lcd-led{align-self:center;display:inline-block;min-width:5px;height:5px;border-radius:50%;background:#4c5c3f;margin-left:auto}.is-running .lcd-led{background:var(--lime)}.parameter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:12px}.parameter label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.parameter output{font:14px var(--mono);color:var(--ink)}.parameter output span{font-size:9px;margin-left:2px;color:#adb59e}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#aab19e;margin-top:1px}.pattern-bar{border-top:1px solid #484d40;border-bottom:1px solid #484d40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 28px}.pattern-select{display:flex;align-items:center;gap:20px}.control-label{font:8px var(--mono);font-weight:500;letter-spacing:1.4px;color:#b1b7a3}.pattern-tabs{display:flex;gap:7px}.pattern-tab{position:relative;width:55px;height:40px;border-radius:4px;background:#252820;color:#adb49f;box-shadow:0 2px 2px #171912,inset 0 1px #444939;font-size:14px;font-weight:700;text-align:left;padding:0 12px}.pattern-tab small{font:8px var(--mono);color:#858e79;position:absolute;right:7px;bottom:7px}.pattern-tab[aria-pressed=true]{background:#d5d9be;box-shadow:0 2px 2px #171912,inset 0 1px #f0f0dc;color:#252c21}.pattern-tab[aria-pressed=true] small{color:#535f45}.pattern-tab.is-playing:after{content:"";position:absolute;height:3px;width:18px;left:12px;bottom:5px;background:var(--orange);border-radius:1px}.pattern-tab:hover{background:#49503e}.pattern-tab[aria-pressed=true]:hover{background:#e0e6c8}.chain-group{display:flex;gap:22px;align-items:center}.chain-toggle{display:flex;gap:9px;align-items:center;min-height:44px;font-size:11px;color:#c0c5b2}.switch-track{display:flex;width:28px;height:16px;border-radius:12px;background:#20241c;padding:3px}.switch-track i{width:10px;height:10px;background:#747f66;border-radius:50%;transition:transform .15s}.chain-toggle[aria-pressed=true] .switch-track{background:#75855b}.chain-toggle[aria-pressed=true] .switch-track i{transform:translate(12px);background:#d7e7ba}.chain-steps{display:flex;align-items:center;gap:3px}.chain-steps button{min-width:33px;min-height:36px;font:11px var(--mono);color:#b0bba0;border-radius:3px}.chain-steps button[aria-pressed=true]{color:#c5cdb6;background:#3e4534}.chain-steps.enabled button[aria-pressed=true]{color:#d1e6ae;background:#485239}.chain-steps>span{color:#758066;font-size:12px}.chain-steps button:hover{background:#576246}.sequence-scroll{padding:0 28px;overflow-x:auto;overscroll-behavior-x:contain}.sequencer{min-width:850px;padding-bottom:0}.step-ruler,.track-row{display:grid;grid-template-columns:190px repeat(16,minmax(33px,1fr));gap:7px}.step-ruler{height:45px;align-items:center}.track-ruler{font:9px var(--mono);letter-spacing:1px;color:#afb5a2;display:flex;justify-content:space-between;padding-right:9px}.track-ruler>span{font-size:7px;color:#a7b196;letter-spacing:0}.step-number{font:9px var(--mono);text-align:center;color:#a7b196;position:relative}.step-number.downbeat{color:#d5d9c8}.step-number.current{color:var(--orange)}.step-number.current:before{content:"";width:4px;height:4px;border-radius:50%;position:absolute;background:var(--orange);left:50%;top:-9px;transform:translate(-50%)}#tracks{display:flex;flex-direction:column;gap:9px}.track-row{height:45px}.track-label{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-right:6px}.instrument{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;font-weight:600;height:44px;text-align:left;padding:0}.instrument:hover{color:var(--orange)}.track-led{width:4px;height:4px;border-radius:50%;background:#78816a;flex-shrink:0}.firing .track-led{background:var(--orange)}.track-actions{display:flex;gap:0}.track-actions button{color:#a5ad98;min-width:44px;min-height:44px;font:10px var(--mono);position:relative;padding:0 3px}.track-actions button[aria-pressed=true]{color:var(--orange)}.track-actions button[aria-pressed=true]:after{content:"";width:3px;height:3px;background:var(--orange);position:absolute;bottom:7px;left:calc(50% - 1px);border-radius:50%}.track-actions button:hover{color:var(--ink)}.pad{min-width:0;position:relative;border-radius:4px;background:linear-gradient(155deg,#464b3f,#3c4135);box-shadow:0 3px 2px #1b1e1770,inset 0 1px #656b554d;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 5px 7px;touch-action:manipulation}.pad.group-two{background:linear-gradient(155deg,#3c4136,#34392e);box-shadow:0 3px 2px #1b1e1770,inset 0 1px #626b4c40}.pad:hover{background:#5b6250}.pad:active{transform:translateY(2px)}.pad-led{height:3px;width:55%;max-width:21px;background:#7b846d;border-radius:1px;opacity:.45}.velocity-bars{height:8px;display:flex;align-items:end;justify-content:center;gap:2px;width:100%}.velocity-bars i{width:3px;background:#2b3025;border-radius:1px;max-width:15%}.velocity-bars i:nth-child(1){height:2px}.velocity-bars i:nth-child(2){height:4px}.velocity-bars i:nth-child(3){height:6px}.velocity-bars i:nth-child(4){height:8px}.pad.active,.pad.active.group-two{background:linear-gradient(145deg,#f79c72,#d87750);box-shadow:0 3px 2px #1b1e1770,inset 0 1px #ffbc93}.pad.active .pad-led{background:#ffe1bd;opacity:1}.pad.active .velocity-bars i{background:#a85b3d}.pad.active .velocity-bars i.filled{background:#4b3627}.pad.active:hover{background:#ffa57b}.pad.selected{outline:1px solid #e9e9cf;outline-offset:3px}.pad.at-playhead{box-shadow:inset 0 0 0 1.5px #cad9a4,0 3px 2px #1b1e1770;background:#555f45}.pad.active.at-playhead{background:#ffba88;box-shadow:inset 0 0 0 1.5px #ffebc1,0 3px 2px #1b1e1770}.muted .pad,.unsoloed .pad{opacity:.26}.muted .instrument,.unsoloed .instrument{color:#a7b196}.beat-ruler{display:grid;grid-template-columns:190px repeat(4,1fr);gap:7px;height:35px;align-items:center}.beat-ruler>span{font:7px var(--mono);color:#9da68e;letter-spacing:1px}.beat-ruler>div{border-top:1px solid #4f5844;text-align:center;height:15px;margin-top:10px;position:relative}.beat-ruler>div>span{position:relative;top:-5px;font:7px var(--mono);background:#30332c;padding:0 7px;color:#99a28b;letter-spacing:1px}.grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 28px 17px}#grid-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#b2b9a4}.small-led{width:4px;height:4px;border-radius:50%;background:var(--orange)}.tools{display:flex;gap:17px}.tool-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#b3baa5;min-height:36px;padding:0}.tool-button:hover{color:var(--ink)}.bottom-panel{display:grid;grid-template-columns:1fr 1.55fr 1.1fr;background:#292d25;border-top:1px solid #444c3a;padding:24px 28px 23px;gap:29px}.kit-section,.session-section{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.select-shell{position:relative;display:flex;align-items:center;width:100%;min-width:150px}.select-shell select{width:100%;height:31px;background:none;border:none;padding:0 16px 0 29px;font-size:16px;font-weight:600;cursor:pointer}.select-shell option{background:#292d25}.kit-icon{width:17px;height:17px;display:grid;grid-template-columns:1fr 1fr;gap:3px;position:absolute;left:0;pointer-events:none}.kit-icon i{background:#8a9974;border-radius:1px}.kit-icon i:nth-child(2){background:#a8b793}.kit-caption{font-size:9px;color:#a5ae95;line-height:1.5}.velocity-section{border-left:1px solid #444c3a;border-right:1px solid #444c3a;padding:0 25px;min-width:0}.velocity-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;height:13px}.mini-toggle{font-size:8px;color:#b9c2a8;min-height:32px;white-space:nowrap;padding:0}.mini-toggle span{font:7px var(--mono);background:#3c4432;border-radius:2px;padding:3px;color:#bbc4a6;margin-left:4px}.mini-toggle[aria-pressed=true] span{background:#b9cc94;color:#273022}.velocity-content{display:flex;align-items:center;gap:14px;min-height:50px}.velocity-track{font-size:10px;color:#bec6af;min-width:90px}.velocity-content input{min-width:45px}.velocity-content output{font:10px var(--mono);min-width:29px;text-align:right}.session-section input{font-size:16px;font-weight:600;width:100%;border:0;background:transparent;padding:4px 0;height:31px;min-width:0}.session-section input:hover{box-shadow:0 1px #626c54}.session-section input:focus{box-shadow:0 1px 0 var(--orange);outline:0}.load-button{font-size:9px;color:#b5bfa4;display:flex;gap:8px;align-items:center;min-height:20px;padding:0}.load-button:hover{color:var(--orange)}.machine-bottom{display:flex;justify-content:space-between;align-items:center;min-height:37px;padding:0 16px;background:#353a2d;font:7px var(--mono);letter-spacing:1px;color:#a9b397}.machine-bottom>span{display:flex;align-items:center;gap:12px}.machine-bottom b{font-weight:400;color:#717c61}.screw{width:8px;height:8px;border-radius:50%;background:#22281c;box-shadow:0 1px #626d50;position:relative}.screw:after{content:"";position:absolute;height:1px;width:4px;background:#6c765e;transform:rotate(-35deg);top:3px;left:2px}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0 35px;font-size:10px;color:#929b84}footer>span:first-child{font-size:12px;color:#bcc4ad;font-weight:600}footer>div{display:flex;align-items:center;gap:22px}footer>div>span{display:flex;gap:5px;align-items:center}kbd{font:8px var(--mono);display:inline-flex;justify-content:center;align-items:center;border:1px solid #444d39;border-bottom-width:2px;padding:3px 5px;min-width:16px;border-radius:3px;color:#c0c8b2}.browser-note{font-size:9px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:#d3ddc1;color:#283020;font-size:12px;padding:14px 20px;max-width:calc(100% - 32px);width:max-content;border-radius:6px;box-shadow:0 6px 20px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10;line-height:1.5}#toast.shown{transform:translate(-50%);opacity:1}dialog{background:#30362a;color:var(--ink);padding:30px;max-width:550px;width:calc(100% - 32px);border:1px solid #657151;border-radius:12px;box-shadow:0 24px 80px #0006;max-height:90dvh;overflow:auto}dialog::backdrop{background:#10160edb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-header h2{font-size:24px;letter-spacing:-.6px;margin:0;line-height:1.2}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;color:#c9d1ba;border-radius:5px}.icon-button:hover{background:#454f36}.about-lines p{font-size:14px;color:#d5ddc7;line-height:1.6;margin:0 0 13px}.help-details{border-top:1px solid #566046;padding-top:8px;margin-top:22px}.help-details p{font-size:12px;line-height:1.7;color:#bac6a8;margin:12px 0}.help-details strong{color:#e0e7d3;font-weight:600}.primary-dialog{display:flex;align-items:center;justify-content:center;gap:10px;background:#ed946b;color:#242d1d;min-height:46px;width:100%;border-radius:5px;font-size:13px;font-weight:600;margin-top:24px}.primary-dialog:hover{background:#ffa77f}.dialog-description{color:#c0cbb0;line-height:1.6;font-size:13px;margin-bottom:24px}.preset-list{display:flex;flex-direction:column;gap:4px}.preset{display:flex;align-items:center;text-align:left;gap:18px;padding:16px 0;border-bottom:1px solid #4a563d;min-width:0}.preset:last-child{border:0}.preset>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.preset strong{font-size:15px}.preset small{font:9px var(--mono);color:#c0cdaa}.preset>span>span{font-size:11px;color:#b0bd9b}.preset:hover strong{color:var(--orange)}.preset-art{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#232a1e;flex:0 0 58px;height:58px;padding:8px;border-radius:4px}.preset-art i{background:#49563a;border-radius:1px}.preset-art i.lit{background:var(--orange)}.preset-art-1 i.lit{background:#c2d598}.preset-art-2 i.lit{background:#b3a6d6}#share-url{width:100%;height:44px;border:1px solid #6e7a5b;background:#22291d;font:12px var(--mono);padding:0 12px;margin-top:12px;border-radius:4px}#share-feedback{font-size:12px;color:#d3e5b5;line-height:1.5}@media(min-width:1500px){.site-header{height:110px}.intro{padding-top:53px;padding-bottom:40px}.transport{padding-top:32px;padding-bottom:34px}.track-row{height:49px}#tracks{gap:10px}.bottom-panel{padding-top:27px;padding-bottom:26px}}@media(max-width:1150px){.transport{grid-template-columns:120px 240px 1fr 1fr;gap:22px}.lcd{gap:10px;padding:14px}.lcd-position{padding-left:12px}.step-ruler,.track-row{grid-template-columns:190px repeat(16,minmax(33px,1fr));gap:6px}.beat-ruler{grid-template-columns:190px repeat(4,1fr);gap:6px}.bottom-panel{grid-template-columns:1fr 1.5fr 1fr;gap:20px}.velocity-section{padding:0 18px}.velocity-content{gap:9px}.velocity-track{min-width:70px}.browser-note{display:none}.model-name span{letter-spacing:1px}}@media(max-width:960px){.site-header{padding:0 28px}main{padding:0 28px}.transport{grid-template-columns:110px 220px 1fr;gap:22px}.volume-control{display:none}.bottom-panel{grid-template-columns:1fr 1.4fr;gap:24px}.session-section{grid-column:1/-1;display:grid;grid-template-columns:110px 1fr 160px;align-items:center;gap:10px;border-top:1px solid #444c3a;padding-top:14px}.session-section .load-button{justify-content:flex-end}.velocity-section{border-right:0;padding-right:0}.chain-group{gap:12px}.pattern-bar{padding-left:20px;padding-right:20px}.pattern-select{gap:12px}.sequence-scroll{padding:0 20px}.sequencer{min-width:990px}.step-ruler,.track-row{grid-template-columns:190px repeat(16,44px);gap:7px}.beat-ruler{grid-template-columns:190px repeat(4,1fr);gap:7px}.track-label,.track-ruler,.beat-ruler>span{position:sticky;left:-1px;background:#30332c;z-index:2}.track-label:after,.track-ruler:after{content:"";position:absolute;width:8px;right:-8px;top:0;bottom:0;background:linear-gradient(90deg,#30332c,transparent)}.step-ruler .track-ruler{height:45px;align-items:center}.track-row{height:45px}.grid-toolbar{padding-left:20px;padding-right:20px}.intro h1{font-size:37px}.machine-top{padding:0 20px}.machine-bottom>span{gap:8px}footer>div{gap:14px}}@media(max-width:680px){.site-header{height:80px;padding:0 20px}.wordmark{font-size:22px;gap:8px}.brand-mark{width:22px;height:22px;gap:3px}.site-header nav{gap:14px}.about-button{font-size:0;gap:0}.about-button .help-dot{width:20px;height:20px;font-size:12px}.text-button#save{min-width:30px}.text-button#save span{display:none}.share-button{font-size:11px;padding:0 11px;gap:7px;height:40px;min-height:40px}.share-button svg{width:15px}main{padding:0 16px}.intro{padding:30px 4px 27px;align-items:flex-start;gap:9px}.intro h1{font-size:34px;letter-spacing:-1.3px;margin-bottom:9px}.intro p{font-size:12px}.session-heading{font-size:0;gap:0;margin-top:11px}.status-dot{width:6px;height:6px}.machine{border-radius:9px}.machine-top{height:42px;padding:0 16px}.model-name{font-size:16px}.model-name span{font-size:6px;letter-spacing:1px;margin-left:9px}.sound-status{font-size:6px;letter-spacing:.5px;gap:5px}.transport{grid-template-columns:97px minmax(170px,1fr);gap:22px 16px;padding:22px 16px 20px}.play-button{height:67px;font-size:15px}.key-hint{display:none}.lcd{min-height:82px;gap:11px;padding:12px}.lcd-tempo{min-width:92px}.lcd input{font-size:35px;width:65px;letter-spacing:-2px}.lcd-position{padding-left:11px}.lcd-position b{font-size:23px}.lcd label,.lcd-position>span{font-size:7px;letter-spacing:.7px}.lcd-position>div{gap:4px;padding-top:10px}.lcd-position>div>span{font-size:8px}.lcd-led{display:none}.parameter-heading{margin-bottom:3px}.parameter label{font-size:10px}.parameter output{font-size:12px}.swing-control,.volume-control{display:block}.parameter-heading label svg{width:13px}.range-ends{font-size:8px}.transport .swing-control{grid-column:1;min-width:0}.transport .volume-control{grid-column:2;padding-left:5px}.pattern-bar{flex-direction:column;align-items:stretch;gap:11px;padding:15px 16px 12px}.pattern-select{justify-content:space-between}.control-label{font-size:7px;letter-spacing:1px}.pattern-tabs{gap:8px}.pattern-tab{width:46px;height:40px;font-size:13px}.chain-group{justify-content:space-between;border-top:1px solid #464e3c;padding-top:6px;gap:8px}.chain-toggle{font-size:10px;min-height:36px}.chain-steps button{min-height:36px;min-width:37px}.chain-steps{gap:4px}.chain-steps>span{font-size:10px}.sequence-scroll{padding:0 16px}.sequencer{min-width:990px}.step-ruler,.track-row{grid-template-columns:174px repeat(16,44px);gap:7px}.beat-ruler{grid-template-columns:174px repeat(4,1fr)}.track-ruler{font-size:6px;letter-spacing:.8px;padding-right:5px}.track-ruler>span{font-size:6px}.instrument{font-size:9px;gap:5px}.track-led{width:3px;height:3px}.track-label{padding-right:0;gap:0}.track-actions button{font-size:10px;min-width:44px;padding:0 2px}.track-row{height:44px}#tracks{gap:8px}.step-ruler,.step-ruler .track-ruler{height:36px}.step-number{font-size:8px}.step-number.current:before{top:-7px;width:3px;height:3px}.pad{padding:7px 6px}.pad-led{width:60%}.beat-ruler{height:33px}.beat-ruler>span{font-size:6px}.grid-toolbar{padding:5px 16px 13px;flex-wrap:wrap;gap:3px}#grid-caption{font-size:9px;min-height:30px;width:100%}.tools{width:100%;justify-content:flex-end;gap:21px}.tool-button{font-size:9px;min-height:35px}.tool-button svg{width:13px}.bottom-panel{padding:20px 16px 17px;grid-template-columns:1fr;gap:20px}.kit-section{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:5px 12px}.kit-caption{font-size:9px}.kit-section .kit-caption{grid-column:2}.select-shell select{font-size:15px}.velocity-section{border-left:0;border-top:1px solid #444c3a;padding:18px 0 0}.velocity-heading{height:20px}.mini-toggle{font-size:9px}.velocity-content{min-height:44px;gap:13px}.velocity-track{min-width:100px;font-size:10px}.velocity-content output{font-size:11px}.session-section{display:grid;grid-template-columns:75px 1fr;padding-top:17px;gap:5px 12px}.session-section input{font-size:15px}.session-section .load-button{grid-column:2;justify-content:flex-start;font-size:9px;min-height:30px}.machine-bottom{padding:0 10px;min-height:31px;letter-spacing:.6px;font-size:5px}.machine-bottom>span{gap:6px}.machine-bottom>span:last-child{font-size:0;gap:0}.machine-bottom>span:last-child b{display:none}.screw{width:6px;height:6px}.screw:after{top:2px;left:1px}footer{padding:20px 4px 30px;gap:14px;align-items:flex-start}footer>span:first-child{font-size:10px;padding-top:2px}footer>div{gap:7px;flex-direction:column;align-items:flex-end;font-size:8px}footer>div>span:last-child{display:none}kbd{font-size:7px;padding:2px 4px;min-width:14px}dialog{padding:22px}.dialog-header h2{font-size:23px}.preset-art{flex-basis:48px;height:48px;padding:6px;gap:3px}.preset{gap:13px}.preset strong{font-size:14px}.preset>span>span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.scroll-hint{display:none}.wordmark,.share-button{white-space:nowrap}.pattern-tab{min-height:44px}.chain-steps button{min-height:44px;min-width:44px}.tool-button,.mini-toggle,.load-button,.select-shell select,.session-section input{min-height:44px}@media(max-width:960px){.sequencer{min-width:1006px}.chain-group{gap:8px}.pattern-tabs{gap:5px}.pattern-tab{width:46px}}@media(max-width:680px){.site-header{padding:0 16px;gap:5px}.wordmark{font-size:20px;letter-spacing:-.9px}.site-header nav{gap:4px}.about-button,.text-button#save{min-width:44px}.share-button{padding:0 9px;font-size:10px;gap:6px}.scroll-hint{display:flex;gap:7px;align-items:center;padding:10px 16px 0;font-size:9px;color:#b5c0a4}.chain-steps{gap:0}.chain-steps button{min-width:44px}.chain-steps>span{padding:0 3px}.sequencer{min-width:990px}.track-ruler{font-size:8px}.track-ruler>span{font-size:8px}.instrument{font-size:10px}.track-label{padding-right:1px}.tools{gap:24px}.kit-section,.session-section{gap:0 12px}.session-section .load-button{min-height:44px}.bottom-panel{gap:16px}.session-section .control-label{align-self:center}}.save-warning{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:13px 17px;border-radius:6px;background:#493a2b;color:#f0d5b8;font-size:12px;line-height:1.5}.save-warning[hidden]{display:none}.save-warning button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap;color:#ffe2bd;font-weight:600}.save-warning button:hover{color:#fff5e8}.save-failed .status-dot{background:var(--orange)}@media(max-width:680px){.save-warning{align-items:flex-start;flex-direction:column;gap:2px;padding:13px 16px;margin-bottom:18px;font-size:12px}}