.machine.is-mixer .machine-header h1{font-size:clamp(32px,4vw,58px)}.machine.is-mixer .machine-header{padding-bottom:22px}.m1-workstation{margin-top:25px}:is(.m1-workstation button:focus-visible,.m1-workstation input:focus-visible){outline:2px solid var(--acid);outline-offset:4px}.m1-model-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.m1-model{align-items:baseline;gap:18px;display:flex}.m1-model b{letter-spacing:-.06em;color:#eee;font-size:27px;font-style:italic}.m1-model b span{color:#949b95;font-weight:400}.m1-model small,.audio-state{font:8px var(--font-geist-mono),monospace;letter-spacing:.16em;color:#818b82}.audio-state{white-space:nowrap;color:#daedbf;cursor:pointer;background:#222d19;border:1px solid #607148;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:10px;display:flex}.audio-state i{background:#87956f;border-radius:50%;width:5px;height:5px}.audio-state.ready{color:#c0d79a;background:#171d13;border-color:#39432f}.audio-state.ready i{background:var(--acid);box-shadow:0 0 7px #b7ff4a66}.m1-console{grid-template-columns:minmax(0,1fr) 275px;align-items:stretch;gap:25px;display:grid}.m1-workstation .display-shell{border-width:8px;margin:0;padding:15px 19px}.m1-workstation .display-main{gap:15px;min-height:105px}.m1-workstation .display-main h2{font-size:clamp(24px,3.4vw,48px);line-height:1}.m1-workstation .display-main p{opacity:.7;margin:9px 0 0;font-size:9px}.m1-workstation .counter{flex-shrink:0}.m1-workstation .counter b{font-size:23px}.m1-lcd-bottom{border-top:1px solid #15211355;justify-content:space-between;gap:12px;margin-top:15px;padding-top:9px;font-size:8px;display:flex}.m1-master-controls{justify-content:space-around;align-items:center;gap:14px;padding:8px 0;display:flex}.m1-control{text-align:center;width:80px;min-width:0}.m1-control>span{font:8px var(--font-geist-mono),monospace;color:#8c958c;justify-content:space-between;align-items:center;gap:5px;display:flex}.m1-control output{color:#d3d9cc}.dial-face{background:radial-gradient(circle at 35% 25%,#555b55 0,#262b26 38%,#101210 85%);border:2px solid #111;border-radius:50%;width:62px;height:62px;margin:17px auto 13px;position:relative;box-shadow:0 5px 8px #000,inset 0 1px 2px #8a9080}.dial-face:before{content:"";opacity:.5;border:1px dashed #626d59;border-radius:50%;position:absolute;inset:-7px}.dial-face i{transform:rotate(var(--turn));position:absolute;inset:0}.dial-face i:after{content:"";background:var(--acid);border-radius:2px;width:3px;height:14px;position:absolute;top:5px;left:27px}.m1-control input{accent-color:#b4c797;cursor:pointer;width:100%;min-height:30px}.m1-programs{grid-template-columns:repeat(4,1fr);gap:8px;margin:19px 0 21px;display:grid}.m1-programs button{min-width:0;min-height:44px;font:10px var(--font-geist-mono),monospace;text-align:left;cursor:pointer;background:linear-gradient(#303530,#191c19);border:1px solid #4a5049;align-items:center;gap:10px;padding:13px 12px;display:flex;box-shadow:inset 0 1px #596158,0 3px 5px #0007}.m1-programs button>span{color:#899482}.m1-programs button>i{background:#3b413a;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.m1-programs button.active{color:#e4f8c2;border-color:#8c9d76}.m1-programs button.active i{background:var(--acid);box-shadow:0 0 8px #d8ff4355}.m1-keybed{background:#0b0d0b;border:1px solid #42493e;border-bottom:4px solid #111710;border-radius:3px;padding:15px 15px 9px}.keybed-heading{font:8px var(--font-geist-mono),monospace;color:#929b8d;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.keybed-heading small{color:#626d5d;letter-spacing:0;margin-top:7px;font-size:8px;display:block}.octave-controls{white-space:nowrap;align-items:center;gap:12px;display:flex}.octave-controls button{color:#d5e6c4;cursor:pointer;background:#20251f;border:1px solid #4a5144;width:44px;height:44px;font-size:20px}.octave-controls button:disabled{opacity:.3;cursor:default}.keybed-heading .touch-key-hint{display:none}.keyboard-scroll{border-radius:3px;overflow:hidden}.piano-keys{--white-key-count:15;--black-key-width:clamp(24px,4%,54px);min-width:0;height:172px;position:relative}.white-keys{gap:2px;height:100%;display:flex}.black-keys{pointer-events:none;position:absolute;inset:0}.piano-key{-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;font:9px var(--font-geist-mono),monospace;border:0;transition:background 60ms,box-shadow 60ms}.piano-key kbd{font:8px var(--font-geist-mono),monospace;opacity:.5}.piano-key>span{font-size:9px}.white-key{color:#50574a;background:linear-gradient(90deg,#c4c7bc,#f0f0e6 15%,#e8e8dd 85%,#bfc2b6);border-bottom:5px solid #9ca18e;border-radius:0 0 4px 4px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:15px;display:flex;box-shadow:inset 0 7px 9px #0005}.black-key{top:0;left:calc(100% / var(--white-key-count) * var(--key-position) - var(--black-key-width) / 2);width:var(--black-key-width);pointer-events:auto;color:#b6bda8;z-index:2;background:linear-gradient(90deg,#0a0e08,#30362a 20%,#20261a 80%,#080b06);border:1px solid #070907;border-bottom:6px solid #070a05;border-radius:0 0 3px 3px;flex-direction:column;justify-content:flex-end;align-items:center;height:64%;padding-bottom:13px;display:flex;position:absolute;box-shadow:3px 5px 5px #0008}.white-key.pressed{background:linear-gradient(#b2cb80,#d8ff8a);border-bottom-width:2px;box-shadow:inset 0 7px 10px #13200b66}.black-key.pressed{background:linear-gradient(#3d5423,#779d3e);border-bottom-width:3px;border-bottom-color:#293b14}.keybed-footer{color:#65705a;font:7px var(--font-geist-mono),monospace;letter-spacing:.08em;justify-content:space-between;gap:10px;padding-top:10px;display:flex}.m1-transport{border-bottom:1px solid #3a4236;grid-template-columns:auto 1fr 150px;align-items:center;gap:25px;margin-bottom:11px;padding:22px 0;display:grid}.m1-transport .transport-buttons button{min-width:92px;min-height:48px}.m1-rhythm>span,.tempo-control>span{font:10px var(--font-geist-mono),monospace;letter-spacing:.1em;color:#a0ae97;margin-bottom:9px;display:block}.m1-rhythm>div{gap:7px;display:flex}.m1-rhythm button{min-height:44px;font:10px var(--font-geist-mono),monospace;cursor:pointer;color:#a9b99b;background:#161c12;border:1px solid #3b4535;padding:8px 10px}.m1-rhythm button.active{color:#d3e9b7;background:#28361d;border-color:#677b51}.tempo-control>span{justify-content:space-between;display:flex}.tempo-control output{color:#d8ecc0}.tempo-control input{accent-color:#c9e7a1;width:100%;min-height:30px}.m1-workstation .meter i{height:var(--meter);transition:height 70ms linear}.m1-workstation .channel h3{font:9px var(--font-geist-mono),monospace}.m1-workstation .channel.muted{opacity:.42}.m1-sequencer{border-top:1px solid #394333;margin-top:25px;padding:18px 0 0}.sequencer-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.sequencer-heading button{min-height:44px;font:10px var(--font-geist-mono),monospace;color:#bac8ac;cursor:pointer;letter-spacing:.05em;background:0 0;border:0;padding:0}.sequencer-heading button>span{color:#c7e798;margin-right:9px}.sequencer-heading .reset-pattern{color:#a0b191;font-size:10px}.step-bank-switch{display:none}.step-scroll{padding:3px;overflow:visible}.step-grid{min-width:0}.step-numbers,.step-row{grid-template-columns:34px repeat(16,minmax(0,1fr));align-items:center;gap:5px;display:grid}.step-numbers{font:9px var(--font-geist-mono),monospace;color:#98ab84;text-align:center;margin-bottom:7px}.step-numbers .current{color:#d8ff43}.step-row{margin-bottom:6px}.step-row>span{color:var(--stem);font:10px var(--font-geist-mono),monospace}.step-row button{cursor:pointer;background:#171c13;border:1px solid #39432f;border-radius:2px;height:24px;padding:0;position:relative}.step-row button.beat-start{border-left-color:#788667}.step-row button.enabled{background:color-mix(in srgb,var(--stem) 38%,#0b1307);border-color:color-mix(in srgb,var(--stem) 65%,#0b1307)}.step-row button.enabled i{background:var(--stem);width:12px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-row button.current{z-index:1;box-shadow:0 0 0 2px #e2f4c9}.m1-sequencer p{color:#7b8970;font:9px/1.7 var(--font-geist-mono),monospace;margin:12px 0 0}.m1-error{color:#ff9d7f;border:1px solid #a24730;padding:12px;font-size:12px}@media (max-width:1100px){.m1-console{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.m1-model small{display:none}.m1-control{width:70px}.m1-control>span{font-size:9px}.dial-face{width:52px;height:52px}.dial-face i:after{left:22px}.m1-transport{grid-template-columns:auto minmax(0,1fr);gap:18px}.tempo-control{grid-area:1/2}.m1-rhythm{grid-column:1/-1}.m1-rhythm>div{grid-template-columns:1fr 1fr;display:grid}.m1-rhythm>span{display:none}}@media (max-width:900px){.m1-console{grid-template-columns:1fr;gap:20px}.m1-master-controls{justify-content:space-around;padding:0}.m1-control{width:28%;max-width:150px}.m1-control>span{font-size:11px}.m1-workstation .display-main{align-items:flex-end;display:flex}.m1-workstation .display-main h2{font-size:clamp(26px,5vw,42px)}.m1-workstation .display-main small,.m1-workstation .display-main p,.m1-lcd-bottom{font-size:10px}.m1-workstation .counter{margin:0;display:block}.m1-workstation .counter b{font-size:22px}.m1-programs{grid-template-columns:repeat(2,minmax(0,1fr))}.keybed-heading{letter-spacing:.04em;font-size:10px}.keybed-heading small{font-size:10px;line-height:1.5}.keybed-footer{font-size:9px}.keybed-footer>span:last-child{display:none}.step-numbers,.step-row{grid-template-columns:30px repeat(16,minmax(0,1fr));gap:4px}}@media (max-width:760px){.workstation{padding-bottom:max(14px,env(safe-area-inset-bottom))}.main-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid;overflow:visible}.main-tabs button{min-width:0;min-height:44px;font-size:10px}.m1-workstation{margin-top:18px}.m1-model-row{gap:10px}.m1-model b{font-size:23px}.audio-state{letter-spacing:.02em;padding:9px;font-size:10px}.m1-workstation .display-shell{padding:13px}.m1-workstation .display-main{gap:8px;min-height:90px}.m1-workstation .display-main h2{font-size:clamp(24px,6vw,36px)}.m1-workstation .channels{flex-direction:column;display:flex}.m1-workstation .channel{grid-template-rows:auto 44px auto;grid-template-columns:43px minmax(0,1fr) 44px;gap:6px 9px;padding:12px}.m1-workstation .channel-head{font-size:10px}.m1-workstation .channel h3{font-size:11px;line-height:1.5}.m1-workstation .fader-wrap{min-width:0}.m1-workstation .fader-wrap input{min-width:0;height:44px}.m1-workstation .fader-wrap output{flex-shrink:0;font-size:11px}.m1-workstation .channel-buttons button{width:44px;height:44px;font-size:12px}.m1-workstation .meter i,.m1-workstation .channel:not(.muted) .meter i{width:var(--meter);height:100%;transition:width 70ms linear}.m1-workstation .section-label{letter-spacing:.08em;font-size:10px}.m1-sequencer p{font-size:11px;line-height:1.7}.m1-workstation .step-row button{height:36px}.content-panel .feed-card,.content-panel .product{flex:0 0 100%;min-width:100%}}@media (max-width:600px){.content-heading{flex-direction:column;align-items:flex-start;gap:14px}.content-heading>span{text-align:left;max-width:none}.content-heading h2{overflow-wrap:anywhere;font-size:clamp(34px,8vw,48px)}.machine.is-mixer .machine-header{display:block}.machine.is-mixer .machine-header h1{font-size:clamp(29px,7.5vw,42px)}.machine.is-mixer .machine-header p{text-align:left;margin-top:15px;font-size:11px}.m1-workstation .display-main{min-height:0;padding-top:14px;display:block}.m1-workstation .counter{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.m1-workstation .counter small{margin:0}.m1-workstation .display-topline{font-size:9px}.m1-lcd-bottom{align-items:start;font-size:9px}.m1-lcd-bottom>span:first-child{overflow-wrap:anywhere;min-width:0}.m1-lcd-bottom>span:last-child{flex-shrink:0}.m1-control{width:29%}.m1-control>span{gap:3px;font-size:10px}.m1-control input,.tempo-control input{min-height:44px}.m1-programs button{gap:6px;padding:10px 9px;font-size:10px}.m1-keybed{margin:0;padding:12px 8px 10px}.keybed-heading{display:block}.keybed-heading .desktop-key-hint{display:none}.keybed-heading .touch-key-hint{color:#a2b18f;display:block}.octave-controls{justify-content:flex-end;margin-top:12px;font-size:11px}.piano-keys{--white-key-count:8;--black-key-width:clamp(24px,8.6%,38px);min-width:0;height:168px}.piano-key.second-octave,.piano-key kbd{display:none}.piano-key>span{font-size:11px}.white-key{min-width:0;padding-bottom:14px}.keybed-footer{letter-spacing:0;font-size:9px}.m1-transport{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 0}.m1-transport .transport-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m1-transport .transport-buttons button{min-width:0;min-height:50px;font-size:12px}.tempo-control{grid-area:auto/1}.m1-rhythm{grid-column:1}.m1-rhythm button{padding:10px 6px;font-size:10px}.tempo-control>span{font-size:12px}.sequencer-heading{flex-wrap:wrap;gap:4px 12px}.sequencer-heading button,.sequencer-heading .reset-pattern{font-size:10px}.step-bank-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.step-bank-switch button{color:#a6b894;min-height:44px;font:11px var(--font-geist-mono),monospace;cursor:pointer;background:#192013;border:1px solid #46573a;border-radius:2px;justify-content:center;align-items:center;gap:7px;display:flex}.step-bank-switch button[aria-pressed=true]{color:#ebf9d5;background:#344623;border-color:#bed196}.step-bank-switch i{background:#4d5b3d;border-radius:50%;width:5px;height:5px}.step-bank-switch .playing-bank i{background:var(--acid);box-shadow:0 0 6px #d8ff43}.step-numbers,.step-row{grid-template-columns:27px repeat(8,minmax(0,1fr));gap:4px}.step-grid[data-bank="0"] .second-half,.step-grid[data-bank="1"] .first-half{display:none}.step-row>span,.step-numbers{font-size:9px}.m1-workstation .step-row button{height:40px}}@media (max-width:360px){.machine.is-mixer{padding:10px}.main-tabs button span{display:none}.m1-master-controls{gap:9px}.m1-control>span,.m1-programs button{font-size:9px}.m1-model b{font-size:21px}.step-numbers,.step-row{gap:3px}.m1-workstation .channel{grid-template-columns:34px minmax(0,1fr) 44px;gap:6px;padding:9px}}