:root{
  --red:#ff2424;--bg:#050505;--panel:#090909;--panel2:#111;--line:#353535;--soft:#d7d7d7;--muted:#8e8e8e;
  --warm:#eceae4;--amber:#ffb13b;--cyan:#70e8ff;--violet:#c194ff;--green:#8ef0a8;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
.machine-topbar{height:78px;position:sticky;top:0;z-index:50;background:rgba(5,5,5,.95);backdrop-filter:blur(15px);border-bottom:1px solid #2d2d2d;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:0 clamp(18px,4vw,64px)}
.machine-mark{width:104px;display:grid;text-decoration:none}.machine-mark span{height:12px;background:var(--red);color:#fff;font-size:10px;line-height:12px;font-weight:900;padding-left:58px;margin-bottom:2px;letter-spacing:-.03em}.machine-mark span:nth-child(2){padding-left:42px}.machine-mark span:nth-child(3){padding-left:28px}
.machine-top-title{display:flex;align-items:baseline;gap:18px}.machine-top-title b,.machine-top-title span,.machine-topbar nav a{font-size:12px;letter-spacing:.14em;font-weight:900}.machine-top-title span{color:#8d8d8d}.machine-topbar nav{display:flex;gap:8px}.machine-topbar nav a{border:1px solid #454545;color:#fff;text-decoration:none;padding:12px 14px}.machine-topbar nav a:hover{background:#fff;color:#000}
.machine-page{width:min(1760px,100%);margin:0 auto;padding:clamp(24px,4vw,66px)}
.machine-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:clamp(30px,6vw,110px);align-items:end;padding:10px 0 46px}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:900;color:var(--red);margin:0 0 18px}.machine-hero h1{margin:0;font-size:clamp(78px,9vw,154px);line-height:.76;letter-spacing:-.07em;font-weight:900}.machine-hero h1 em{font-style:normal;color:var(--red)}.machine-hero-copy p{font-size:clamp(20px,1.45vw,26px);line-height:1.42;margin:0 0 20px;max-width:830px}.machine-hero-copy small{font-size:14px;line-height:1.6;color:#aaa;display:block;max-width:830px}
.transport-rack{border:1px solid #404040;background:#080808;display:grid;grid-template-columns:160px 150px 125px minmax(220px,1fr) minmax(200px,1fr) minmax(240px,1.1fr);gap:1px;margin-bottom:16px}.transport-rack>*{border-right:1px solid #2e2e2e}.transport-brand,.bpm-control,.swing-control,.master-control,.transport-help{padding:15px 17px;background:#0a0a0a}.transport-brand span,.bpm-control span,.swing-control span,.master-control span,.transport-help span{display:block;font-size:11px;letter-spacing:.14em;color:#949494;font-weight:900;margin-bottom:8px}.transport-brand strong{font-size:18px}.transport-play{border:0;background:var(--red);color:#fff;font-size:16px;font-weight:900;letter-spacing:.12em}.transport-play.is-playing{background:#fff;color:#050505}.bpm-control input{width:100%;height:38px;background:#050505;color:#fff;border:1px solid #444;padding:0 10px;font-size:22px;font-weight:900}.swing-control input,.master-control input{width:100%;accent-color:var(--red)}.transport-help strong{font-size:14px;display:block}.transport-help small{font-size:11px;color:#777;display:block;margin-top:6px}.master-scope{grid-column:1/-1;width:100%;height:86px;background:#020202;border-top:1px solid #2e2e2e}

.rack-module{border:1px solid #3c3c3c;background:#080808;margin:14px 0}.rack-module>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center;gap:24px;padding:18px clamp(18px,2vw,30px);cursor:pointer;user-select:none;border-bottom:0 solid #333;transition:background .18s ease}.rack-module>summary::-webkit-details-marker{display:none}.rack-module>summary:hover{background:#0e0e0e}.rack-module[open]>summary{border-bottom-width:1px}.rack-summary-title{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start}.rack-summary-title .instrument-number{font-size:13px;color:var(--red);font-weight:900;letter-spacing:.12em;padding-top:3px}.rack-summary-title p{font-size:11px;letter-spacing:.15em;color:#909090;font-weight:900;margin:0 0 5px}.rack-summary-title h2{font-size:clamp(30px,3vw,52px);line-height:.9;letter-spacing:-.045em;margin:0;font-weight:900}.rack-summary-live{justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center}.rack-summary-live>span{font-size:11px;letter-spacing:.12em;color:#aaa;font-weight:900}.rack-summary-live>b{font-size:10px;letter-spacing:.13em;color:#777;text-align:right}.rack-summary-live>b:after{content:" −";color:#fff}.rack-module:not([open]) .rack-summary-live>b:after{content:" +"}.rack-body{min-width:0}
.mini-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;height:11px}.mini-steps i{background:#292929;border-radius:1px}.mini-steps i.on{background:var(--red)}.mini-steps i.playhead{box-shadow:0 0 0 1px #fff inset}.mini-meter{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:10px}.mini-meter i{background:#fff}.mini-meter i.muted{background:#272727}.mini-cloud{grid-column:1/-1;display:flex;gap:5px;height:11px;align-items:end}.mini-cloud i{display:block;width:18%;background:var(--violet);animation:cloudMini 1.9s ease-in-out infinite alternate}.mini-cloud i:nth-child(2){height:55%;animation-delay:-.5s}.mini-cloud i:nth-child(3){height:90%;animation-delay:-1s}.mini-cloud i:nth-child(4){height:42%;animation-delay:-.2s}.mini-cloud i:nth-child(5){height:70%;animation-delay:-1.3s}.mini-cloud i:first-child{height:32%}@keyframes cloudMini{to{opacity:.35;transform:scaleY(.45)}}

.rack-mixer{border-color:#4a4a4a}.mixer-body{padding:22px}.mixer-intro{display:flex;justify-content:space-between;gap:28px;border-bottom:1px solid #2e2e2e;padding-bottom:16px;margin-bottom:18px}.mixer-intro strong{font-size:13px;letter-spacing:.13em}.mixer-intro span{font-size:13px;color:#aaa}.mixer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mix-channel{border:1px solid #343434;background:#0b0b0b;padding:18px;display:grid;gap:14px;min-width:0}.mix-channel>span{font-size:10px;letter-spacing:.14em;color:#868686;font-weight:900}.mix-channel>strong{font-size:19px}.mix-channel label{font-size:11px;letter-spacing:.1em;color:#999;font-weight:900;display:grid;grid-template-columns:1fr auto;gap:6px}.mix-channel label input{grid-column:1/-1;width:100%;accent-color:var(--red)}.mix-channel button{height:42px;background:#111;color:#fff;border:1px solid #484848;font-size:11px;font-weight:900;letter-spacing:.11em}.mix-channel.is-muted{opacity:.52}.mix-channel.is-muted button{background:var(--red);border-color:var(--red);opacity:1}

.rack-arranger{border-color:#6a3131}.rack-arranger .instrument-number{color:var(--red)}.arranger-body{padding:20px}.arranger-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:end;margin-bottom:18px}.arranger-toolbar>div>span,.pattern-toolbar span,.lead-length>span,.module-presets>span{font-size:10px;letter-spacing:.14em;color:#888;font-weight:900;display:block;margin-bottom:8px}.arranger-explain strong{display:block;font-size:13px;letter-spacing:.09em}.arranger-explain span{font-size:13px;line-height:1.45;color:#999;display:block;margin-top:6px}.bar-count,.edit-bars{display:flex;gap:5px;flex-wrap:wrap}.bar-count button,.edit-bars button{background:#0c0c0c;color:#bbb;border:1px solid #414141;padding:8px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}.bar-count button.active,.edit-bars button.active,.bar-count button:hover,.edit-bars button:hover{background:#fff;color:#000;border-color:#fff}.arranger-scroll{overflow-x:auto;padding-bottom:8px}.arranger-grid{min-width:1180px;display:grid;grid-template-columns:115px repeat(64,minmax(14px,1fr));gap:3px;align-items:center}.arranger-bar-head{font-size:9px;color:#777;text-align:center;height:18px;display:flex;align-items:center;justify-content:center}.arranger-bar-head.is-start{color:#fff;border-left:1px solid #777}.arranger-track-label{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:8px;color:#bbb;font-size:10px;font-weight:900;letter-spacing:.08em}.arranger-track-label button{background:transparent;border:0;color:#777;padding:2px;font-size:9px}.arranger-cell{height:34px;border:1px solid #333;background:#101010;padding:0;position:relative}.arranger-cell.bar-start{border-left-color:#777}.arranger-cell.active{background:#7d1717;border-color:#c72a2a}.arranger-cell.playhead:after{content:"";position:absolute;inset:3px;border:1px solid #fff}.arranger-cell[data-track="bass"].active{background:#503313;border-color:#af742e}.arranger-cell[data-track="lead"].active{background:#124453;border-color:#36879e}.arranger-cell[data-track="cloud"].active{background:#38244f;border-color:#805bad}.arranger-cell.hidden-step{display:none}

.instrument-drums{border-color:#3b3b3b}.instrument-bass{border-color:#523b22}.instrument-lead{border-color:#285063}.instrument-cloud{border-color:#4d3e61}.instrument-bass .instrument-number{color:var(--amber)}.instrument-lead .instrument-number{color:var(--cyan)}.instrument-cloud .instrument-number{color:var(--violet)}.instrument-bass>summary{background:linear-gradient(90deg,#130d06,#080808 55%)}.instrument-lead>summary{background:linear-gradient(90deg,#061219,#080808 58%)}.instrument-cloud>summary{background:linear-gradient(90deg,#13091e,#080808 60%)}
.module-side{min-width:0}.module-presets{padding:16px 18px;border-bottom:1px solid #303030}.module-presets>div{display:flex;gap:5px;flex-wrap:wrap}.module-presets button{background:#060606;color:#bbb;border:1px solid #414141;padding:9px 10px;font-size:10px;font-weight:900;letter-spacing:.07em}.module-presets button.active,.module-presets button:hover{background:var(--red);border-color:var(--red);color:#fff}.instrument-bass .module-presets button.active{background:var(--amber);border-color:var(--amber);color:#16100a}.instrument-lead .module-presets button.active{background:var(--cyan);border-color:var(--cyan);color:#071116}.instrument-cloud .module-presets button.active{background:var(--violet);border-color:var(--violet);color:#0b0710}
.drum-layout{display:grid;grid-template-columns:minmax(540px,.95fr) minmax(680px,1.55fr)}.drum-layout>.module-side{border-right:1px solid #333}.drum-voices{padding:0}.drum-voice{display:grid;grid-template-columns:110px 1fr 1fr;gap:16px;padding:18px 20px;border-bottom:1px solid #252525;align-items:center}.drum-voice b{font-size:18px}.drum-voice small{display:block;color:#777;font-size:10px;letter-spacing:.13em;margin-top:3px}.drum-voice label,.synth-controls label{font-size:11px;letter-spacing:.1em;color:#969696;font-weight:900}.drum-voice input,.synth-controls input{width:100%;accent-color:var(--red);margin-top:8px}.sequencer-shell,.bass-seq-wrap{padding:18px}.pattern-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;border-bottom:1px solid #272727;padding-bottom:13px;margin-bottom:14px}.seq-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:11px;color:#9b9b9b;letter-spacing:.1em;font-weight:900}.seq-head button{background:#0d0d0d;border:1px solid #414141;color:#ddd;padding:9px 11px;font-size:10px;font-weight:900;letter-spacing:.08em}.seq-head button:hover{border-color:#fff}.drum-sequencer{display:grid;grid-template-columns:72px repeat(16,minmax(28px,1fr));gap:5px;align-items:center}.seq-row-label{font-size:11px;color:#aaa;font-weight:900;letter-spacing:.1em}.step{aspect-ratio:1;border:1px solid #3a3a3a;background:#101010;color:#777;font-size:10px;font-weight:900;position:relative}.step.beat-start{border-left-color:#777}.step.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 20px rgba(255,34,34,.12)}.step.playhead:after{content:"";position:absolute;inset:3px;border:1px solid #fff;pointer-events:none}
.bass-layout{display:grid;grid-template-columns:330px minmax(0,1fr)}.bass-layout>.module-side{border-right:1px solid #3a2b1d}.synth-controls{padding:20px;display:grid;gap:18px;align-content:start}.synth-controls label{display:grid;grid-template-columns:1fr auto;gap:6px}.synth-controls label input{grid-column:1/-1}.synth-controls b{color:#fff;font-size:12px}.instrument-bass .synth-controls input{accent-color:var(--amber)}.bass-grid-scroll{overflow:auto;padding-bottom:7px}.bass-note-grid{display:grid;grid-template-columns:62px repeat(16,minmax(38px,1fr));gap:4px;min-width:850px}.bass-note-label{font-size:10px;color:#9e7a47;font-weight:900;display:flex;align-items:center;justify-content:flex-end;padding-right:9px}.bass-note-cell{height:31px;border:1px solid #3d3429;background:#0d0c0a;position:relative}.bass-note-cell.beat-start{border-left-color:#876238}.bass-note-cell.active{background:var(--amber);border-color:var(--amber)}.bass-note-cell.playhead:after{content:"";position:absolute;inset:3px;border:1px solid #fff}.bass-step-label{font-size:9px;color:#6f5b40;text-align:center;padding-top:3px}.bass-scale{margin-top:12px;color:#927953;font-size:11px;letter-spacing:.12em}
.lead-layout{display:grid;grid-template-columns:330px minmax(0,1fr)}.lead-layout>.module-side{border-right:1px solid #244352}.instrument-lead .synth-controls input{accent-color:var(--cyan)}.lead-main{min-width:0}.lead-recorder{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #273f49}.lead-recorder span{font-size:10px;letter-spacing:.13em;color:#6faabc;font-weight:900}.lead-recorder strong{display:block;font-size:20px;margin:5px 0}.lead-recorder small{display:block;color:#82949a;font-size:11px;max-width:560px;line-height:1.45}.lead-rec-actions{display:flex;gap:5px;flex-wrap:wrap}.lead-rec-actions button{height:42px;background:#0a0f11;color:#b9dfe8;border:1px solid #3d6673;padding:0 12px;font-size:10px;font-weight:900;letter-spacing:.08em}.lead-rec-actions button.active{background:var(--cyan);color:#071116}.lead-rec-actions #leadRecButton.is-recording{background:var(--red);border-color:var(--red);color:#fff;animation:recpulse .8s infinite alternate}.lead-length{min-width:170px}.lead-seq-scroll{overflow-x:auto;padding:14px 20px;border-bottom:1px solid #223740}.lead-sequence{min-width:820px;display:grid;grid-template-columns:repeat(64,minmax(28px,1fr));gap:4px}.lead-seq-step{height:45px;border:1px solid #284957;background:#0b1113;color:#5f8290;font-size:9px;font-weight:900;overflow:hidden;padding:3px;position:relative}.lead-seq-step.has-note{background:#123f4c;border-color:#4eb6d0;color:#d7f9ff}.lead-seq-step.playhead:after{content:"";position:absolute;inset:3px;border:1px solid #fff}.lead-seq-step.hidden-step{display:none}.keyboard-shell{padding:22px}.keyboard-status{display:flex;justify-content:space-between;color:#7eb8c5;font-size:11px;letter-spacing:.12em;font-weight:900;margin-bottom:13px}.keyboard{height:250px;display:flex;position:relative;user-select:none}.piano-key{position:relative;flex:1;border:1px solid #4a4a4a;background:linear-gradient(#e6f7fb,#b7dce5);color:#071015;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;font-size:12px;font-weight:900}.piano-key.active{background:var(--cyan);box-shadow:inset 0 -18px 45px rgba(0,0,0,.15)}.piano-key.black{position:absolute;z-index:2;top:0;height:61%;width:8.5%;background:linear-gradient(#111,#020202);color:#fff;border-color:#4d6670;padding-bottom:12px;transform:translateX(-50%)}.piano-key.black.active{background:#19647a}
.cloud-layout{display:grid;grid-template-columns:minmax(0,1.65fr) 350px}.sample-zone{padding:0 22px 22px;border-right:1px solid #333}.sample-zone .module-presets{margin:0 -22px 18px}.sample-drop{border:1px solid #4d3f60;padding:20px;background:#0a0710}.sample-drop>span{font-size:10px;color:#a68ac7;letter-spacing:.14em;font-weight:900}.sample-drop strong{display:block;font-size:25px;margin:8px 0}.sample-drop p{color:#a89caf;line-height:1.45;font-size:14px;max-width:720px}.file-button,.sample-drop button{display:inline-block;background:#17101f;border:1px solid #6a4b8f;color:#fff;padding:12px 15px;margin-right:7px;font-size:11px;font-weight:900;letter-spacing:.09em;cursor:pointer}.file-button input{display:none}.sample-feedback{font-size:10px;color:#8e7aa5;letter-spacing:.1em;margin-top:13px}.sample-zone canvas{width:100%;height:130px;background:#050405;border:1px solid #352a44;margin-top:10px}.instrument-cloud .synth-controls input{accent-color:var(--violet)}.freeze-button{height:50px;border:1px solid #72549a;background:#120d19;color:#d9c5f5;font-size:11px;font-weight:900;letter-spacing:.1em}.freeze-button.active{background:var(--violet);color:#0a0610}

.record-rack{border-color:#494949}.record-rack .rec-mini{grid-column:1/-1;color:var(--red);font-size:22px;line-height:12px}.record-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(540px,1.2fr)}.record-copy{padding:32px}.record-copy>span{font-size:12px;letter-spacing:.16em;color:var(--red);font-weight:900}.record-copy h2{font-size:clamp(42px,4.7vw,78px);line-height:.88;margin:15px 0;letter-spacing:-.05em}.record-copy p{color:#a0a0a0;line-height:1.5;font-size:15px}.record-controls{padding:26px;border-left:1px solid #333}.record-controls>label{display:block;font-size:11px;letter-spacing:.12em;color:#999;font-weight:900}.record-controls input{display:block;width:100%;height:50px;background:#050505;color:#fff;border:1px solid #454545;padding:0 14px;font-size:17px;margin-top:8px}.record-main{width:100%;height:70px;margin-top:14px;background:var(--red);border:0;color:#fff;font-size:15px;font-weight:900;letter-spacing:.12em}.record-main.is-recording{background:#fff;color:#000;animation:recpulse .8s infinite alternate}.record-status{font-size:11px;letter-spacing:.11em;color:#999;padding:12px 0}.last-recording{border-top:1px solid #333;margin-top:10px;padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.last-recording[hidden]{display:none}.last-recording span{font-size:10px;color:#888;letter-spacing:.12em}.last-recording strong{display:block;font-size:20px;margin:5px 0}.last-recording small{color:#888}.last-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.last-actions button{border:1px solid #4a4a4a;background:#0c0c0c;color:#fff;padding:12px 13px;font-size:10px;font-weight:900;letter-spacing:.08em}.last-actions button.hot{background:var(--red);border-color:var(--red)}
.machine-note{border-top:1px solid #333;margin-top:26px;padding:24px 0 6px;display:grid;grid-template-columns:250px 1fr;gap:28px}.machine-note strong{font-size:12px;letter-spacing:.15em;color:var(--red)}.machine-note p{margin:0;max-width:980px;color:#999;line-height:1.55;font-size:14px}
.submit-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#080808;color:#fff;border:1px solid #555;padding:34px}.submit-dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border:1px solid #555;background:#090909;color:#fff;font-size:23px}.submit-dialog h2{font-size:clamp(46px,6vw,78px);line-height:.9;margin:8px 0 14px;letter-spacing:-.05em}.submit-dialog>form>p:not(.eyebrow){font-size:16px;color:#aaa;line-height:1.5}.submit-dialog label{display:block;font-size:12px;letter-spacing:.1em;font-weight:900;margin-top:16px;color:#aaa}.submit-dialog input[type=text],.submit-dialog input:not([type]),.submit-dialog textarea{width:100%;background:#030303;color:#fff;border:1px solid #454545;padding:13px;margin-top:7px;font-size:16px}.rights-check{display:grid!important;grid-template-columns:auto 1fr;gap:12px;align-items:start;line-height:1.5;letter-spacing:0!important;font-size:14px!important}.rights-check input{margin-top:4px;accent-color:var(--red)}.submit-hot{width:100%;height:58px;background:var(--red);color:#fff;border:0;margin-top:18px;font-weight:900;letter-spacing:.1em}.submit-feedback{margin-top:12px;min-height:20px;color:#aaa}.submit-feedback.error{color:#ff8585}.submit-feedback.ok{color:#86efac}.machine-toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#fff;color:#000;padding:14px 18px;font-size:13px;font-weight:900;max-width:420px;transform:translateY(140%);transition:.2s}.machine-toast.show{transform:translateY(0)}@keyframes recpulse{to{opacity:.68}}

@media(max-width:1250px){.transport-rack{grid-template-columns:150px 130px 115px 1fr 1fr}.transport-help{grid-column:1/-1}.master-scope{grid-column:1/-1}.drum-layout,.bass-layout,.lead-layout,.cloud-layout,.record-layout{grid-template-columns:1fr}.drum-layout>.module-side,.bass-layout>.module-side,.lead-layout>.module-side,.sample-zone,.record-controls{border-right:0;border-left:0;border-bottom:1px solid #333}.mixer-grid{grid-template-columns:1fr 1fr}.drum-sequencer{grid-template-columns:60px repeat(16,minmax(24px,1fr))}.rack-module>summary{grid-template-columns:1fr minmax(260px,.7fr)}.lead-recorder{grid-template-columns:1fr}.lead-length{min-width:0}}
@media(max-width:820px){.machine-topbar{height:auto;min-height:70px;grid-template-columns:auto 1fr;padding:12px 16px}.machine-topbar nav{grid-column:1/-1;overflow-x:auto}.machine-top-title span{display:none}.machine-page{padding:20px 12px}.machine-hero{grid-template-columns:1fr}.transport-rack{grid-template-columns:1fr 1fr}.transport-rack>*{min-width:0}.transport-brand,.transport-play{min-height:72px}.transport-help{grid-column:1/-1}.master-scope{grid-column:1/-1}.rack-module>summary{grid-template-columns:1fr;padding:16px}.rack-summary-live{justify-self:stretch}.rack-summary-title h2{font-size:32px}.rack-summary-live>b{text-align:left}.mixer-grid{grid-template-columns:1fr}.mixer-intro,.arranger-toolbar,.pattern-toolbar{display:grid;grid-template-columns:1fr}.drum-voice{grid-template-columns:80px 1fr 1fr}.sequencer-shell,.bass-seq-wrap{overflow-x:auto}.drum-sequencer{min-width:760px}.keyboard-shell{overflow-x:auto}.keyboard{min-width:720px}.machine-note{grid-template-columns:1fr}.last-recording{grid-template-columns:1fr}.last-actions{justify-content:flex-start}.lead-sequence{min-width:920px}.record-copy{padding:24px}.record-controls{padding:20px}.sample-zone{padding-left:14px;padding-right:14px}.sample-zone .module-presets{margin-left:-14px;margin-right:-14px}}

/* BETA 3 / persistence, performance and song-building upgrades */
.project-rack{border-color:#5a2929;background:linear-gradient(90deg,#160707,#080808 62%)}.project-rack .instrument-number{color:var(--red)}.project-mini{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:9px}.project-mini i{background:#5b1212}.project-mini i:nth-child(2){background:#a21f1f}.project-mini i:nth-child(3){background:var(--red)}.project-body{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(520px,1.6fr);gap:1px;background:#292929}.project-copy,.project-controls{background:#090909;padding:20px}.project-copy strong{display:block;font-size:14px;letter-spacing:.12em;margin-bottom:7px}.project-copy span{display:block;color:#9a9a9a;font-size:13px;line-height:1.5}.project-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(230px,1fr) auto auto;gap:7px;align-items:end}.project-controls label{display:grid;gap:6px;color:#888;font-size:10px;font-weight:900;letter-spacing:.12em}.project-controls input,.project-controls select,.project-controls button{height:46px;border:1px solid #494949;background:#070707;color:#fff;padding:0 12px;font-size:11px;font-weight:900;letter-spacing:.07em}.project-controls input,.project-controls select{font-size:13px;font-weight:700;letter-spacing:0}.project-controls button:hover{background:#fff;color:#000}

.arranger-toolbar{grid-template-columns:auto auto minmax(0,1fr)}.arranger-grid{min-width:0}.arranger-scroll{scrollbar-color:#7a1c1c #111}.arranger-cell{min-width:0}.arranger-cell.playhead{box-shadow:0 0 0 1px rgba(255,255,255,.25) inset}

.drum-voice-wide{grid-template-columns:110px repeat(4,minmax(90px,1fr))}.drum-voice label b{float:right;color:#fff;font-size:10px}.octave-control{margin-top:15px;border:1px solid #4a3924;background:#0d0b08;padding:12px;display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center}.octave-control>span{font-size:10px;color:#9d825c;letter-spacing:.12em;font-weight:900}.octave-control button{height:36px;background:#171108;color:#ffd28a;border:1px solid #5e4628;font-size:10px;font-weight:900}.octave-control strong{min-width:66px;text-align:center;color:#fff;font-size:11px}.octave-control-lead{border-color:#285565;background:#071015}.octave-control-lead>span{color:#74b4c7}.octave-control-lead button{background:#08151a;color:#bceefa;border-color:#386b79}

.velocity-lane{display:grid;grid-template-columns:62px repeat(16,minmax(38px,1fr));gap:4px;margin-top:7px;min-width:850px}.velocity-lane>span{font-size:9px;color:#9c7b4c;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-weight:900}.velocity-lane button{height:25px;background:#0d0c0a;color:#6a5a44;border:1px solid #362f26;font-size:9px;font-weight:900}.velocity-lane button.active{background:#4c3317;color:#ffd28a;border-color:#8d622c}.velocity-lane button:disabled{opacity:.28}.lead-velocity-label{font-size:9px;color:#6faabc;letter-spacing:.12em;margin:8px 0 5px}.lead-velocity-lane{min-width:820px;display:grid;grid-template-columns:repeat(64,minmax(28px,1fr));gap:4px}.lead-velocity-lane button{height:23px;background:#091015;color:#567985;border:1px solid #25414c;font-size:9px;font-weight:900}.lead-velocity-lane button.active{background:#123f4c;color:#d7f9ff;border-color:#4eb6d0}.lead-velocity-lane button.hidden-step{display:none}

.instrument-arp{border-color:#325839}.instrument-arp>summary{background:linear-gradient(90deg,#07150a,#080808 62%)}.instrument-arp .instrument-number{color:var(--green)}.mini-arp{grid-column:1/-1;height:11px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;align-items:end}.mini-arp i{background:#285a33;height:25%}.mini-arp i:nth-child(2n){height:55%}.mini-arp i:nth-child(3n){height:90%}.mini-arp i:nth-child(5){height:70%}.instrument-arp[open] .mini-arp i{animation:arpblink .8s steps(2,end) infinite alternate}.mini-arp i:nth-child(2){animation-delay:-.1s}.mini-arp i:nth-child(3){animation-delay:-.2s}.mini-arp i:nth-child(4){animation-delay:-.3s}.mini-arp i:nth-child(5){animation-delay:-.4s}.mini-arp i:nth-child(6){animation-delay:-.5s}.mini-arp i:nth-child(7){animation-delay:-.6s}.mini-arp i:nth-child(8){animation-delay:-.7s}@keyframes arpblink{to{background:var(--green)}}.arp-body{padding:20px}.arp-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid #244029;padding-bottom:16px}.arp-head span,.arp-grid>div>span,.arp-memory>span{display:block;color:#74a47c;font-size:10px;letter-spacing:.13em;font-weight:900}.arp-head strong{display:block;font-size:24px;margin:5px 0}.arp-head small{color:#7f9884;font-size:12px}.arp-main-buttons,.arp-button-row{display:flex;gap:5px;flex-wrap:wrap}.arp-main-buttons button,.arp-button-row button,.arp-memory button{height:40px;background:#09110b;color:#a7c9ae;border:1px solid #335e3b;padding:0 12px;font-size:10px;font-weight:900;letter-spacing:.08em}.arp-main-buttons button.active,.arp-button-row button.active,.arp-memory button:hover{background:var(--green);color:#071008;border-color:var(--green)}.arp-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;padding:18px 0}.arp-grid>div,.arp-grid>label{border:1px solid #28472f;background:#08100a;padding:13px}.arp-grid label{color:#79a880;font-size:10px;font-weight:900;letter-spacing:.1em}.arp-grid label b{float:right;color:#fff}.arp-grid input{width:100%;accent-color:var(--green);margin-top:13px}.arp-memory{border:1px solid #28472f;background:#071009;padding:15px}.arp-memory strong{display:block;font-size:20px;margin:5px 0 10px}.arp-memory>div{display:flex;gap:5px;flex-wrap:wrap}.arp-memory p{margin:11px 0 0;color:#93c89d;font-size:12px;letter-spacing:.08em}

.cloud-mode-panel{display:grid;grid-template-columns:1.2fr .6fr 1.4fr;gap:8px;margin-top:10px}.cloud-mode-panel>div{border:1px solid #473557;background:#09070d;padding:12px}.cloud-mode-panel span{font-size:9px;color:#9b7bbd;letter-spacing:.12em;font-weight:900}.cloud-mode-panel strong{display:block;font-size:17px;margin:4px 0 8px}.cloud-mode-buttons{display:flex;gap:5px;flex-wrap:wrap}.cloud-mode-buttons button,.cloud-speed button{height:36px;border:1px solid #644985;background:#130e1a;color:#c6aee4;padding:0 10px;font-size:9px;font-weight:900;letter-spacing:.08em}.cloud-mode-buttons button.active,.cloud-speed button.active{background:var(--violet);color:#0b0610;border-color:var(--violet)}.cloud-speed{display:grid!important;grid-template-columns:1fr 1fr auto;gap:8px}.cloud-speed label{font-size:9px;color:#9b7bbd;font-weight:900;letter-spacing:.1em}.cloud-speed label b{float:right;color:#fff}.cloud-speed input{display:block;width:100%;accent-color:var(--violet);margin-top:8px}.cloud-sequencer{margin-top:10px;border:1px solid #473557;background:#08060c;padding:13px}.cloud-steps{display:grid;grid-template-columns:repeat(16,minmax(30px,1fr));gap:5px;min-width:650px;overflow-x:auto}.cloud-step{height:42px;background:#100d13;color:#755f88;border:1px solid #443653;font-size:9px;font-weight:900}.cloud-step.active{background:#4b2b68;color:#fff;border-color:#9f73d0}.cloud-step.playhead{box-shadow:0 0 0 2px #fff inset}.cloud-sequencer>small{display:block;margin-top:9px;color:#7f6c8f;font-size:10px;line-height:1.4}

.take-library-head{margin-top:22px;padding-top:18px;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:12px}.take-library-head span{display:block;color:#888;font-size:9px;letter-spacing:.13em;font-weight:900}.take-library-head strong{display:block;margin-top:4px;font-size:17px}.take-library-head button{height:40px;background:#121212;color:#fff;border:1px solid #4a4a4a;padding:0 12px;font-size:9px;font-weight:900;letter-spacing:.09em}.take-library{display:grid;gap:6px;margin-top:10px;max-height:380px;overflow:auto}.take-row{border:1px solid #343434;background:#080808;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.take-row span{font-size:9px;color:#777;letter-spacing:.09em}.take-row strong{display:block;font-size:14px;margin:4px 0;overflow-wrap:anywhere}.take-row small{color:#777;font-size:9px}.take-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.take-actions button{height:34px;border:1px solid #414141;background:#111;color:#ddd;padding:0 8px;font-size:8px;font-weight:900;letter-spacing:.06em}.take-actions button:nth-child(3){border-color:#8a2626;color:#ff8f8f}.take-actions button:nth-child(4){background:#7e1414;border-color:#b82020;color:#fff}.take-empty{border:1px dashed #333;padding:18px;color:#666;font-size:10px;letter-spacing:.1em}

@media(max-width:1250px){.project-body{grid-template-columns:1fr}.project-controls{grid-template-columns:1fr 1fr}.arranger-toolbar{grid-template-columns:1fr 1fr}.arranger-explain{grid-column:1/-1}.drum-voice-wide{grid-template-columns:110px 1fr 1fr}.drum-voice-wide label:nth-of-type(3),.drum-voice-wide label:nth-of-type(4){grid-column:auto}.arp-grid,.cloud-mode-panel{grid-template-columns:1fr 1fr}.cloud-speed{grid-column:1/-1}}
@media(max-width:820px){.project-controls{grid-template-columns:1fr}.arranger-toolbar{grid-template-columns:1fr}.arp-head{grid-template-columns:1fr}.arp-grid,.cloud-mode-panel{grid-template-columns:1fr}.cloud-speed{grid-template-columns:1fr}.drum-voice-wide{grid-template-columns:80px 1fr}.take-row{grid-template-columns:1fr}.take-actions{justify-content:flex-start}.velocity-lane{min-width:760px}.cloud-steps{min-width:760px}}

/* =========================================================
   V11.2.3 / THE MACHINE BETA 4 — VISUAL PERFORMANCE RACK
   Fewer horizontal sliders, hardware-like knobs, more air,
   live scopes and a clearer Reason-style module hierarchy.
   ========================================================= */
:root{
  --rack-pad:clamp(18px,2.1vw,34px);
  --drums:#ff3434;
  --bass:#ffb13b;
  --lead:#70e8ff;
  --cloud:#c194ff;
}
.machine-page{padding:clamp(28px,4.5vw,78px);padding-top:clamp(26px,3vw,52px)}
.machine-hero{padding-bottom:clamp(42px,5vw,76px)}
.rack-module{margin:clamp(16px,1.5vw,26px) 0;border-radius:3px;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.18)}
.rack-module>summary{padding:clamp(20px,2vw,32px) var(--rack-pad)}
.rack-module[open]>summary{background-color:rgba(255,255,255,.018)}
.rack-summary-live{min-width:0}
.rack-summary-live>span{white-space:normal;line-height:1.35}
.rack-body{position:relative}
.rack-body:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.22;pointer-events:none}
.instrument-drums{color:var(--drums)}
.instrument-bass{color:var(--bass)}
.instrument-lead{color:var(--lead)}
.instrument-cloud{color:var(--cloud)}

.instrument-drums .rack-summary-title h2,.instrument-drums .instrument-number{color:var(--drums)}
.instrument-bass .rack-summary-title h2,.instrument-bass .instrument-number{color:var(--bass)}
.instrument-lead .rack-summary-title h2,.instrument-lead .instrument-number{color:var(--lead)}
.instrument-cloud .rack-summary-title h2,.instrument-cloud .instrument-number{color:var(--cloud)}
.instrument-drums>summary{background:linear-gradient(90deg,rgba(255,52,52,.12),#080808 58%)}
.instrument-bass>summary{background:linear-gradient(90deg,rgba(255,177,59,.12),#080808 58%)}
.instrument-lead>summary{background:linear-gradient(90deg,rgba(112,232,255,.11),#080808 58%)}
.instrument-cloud>summary{background:linear-gradient(90deg,rgba(193,148,255,.12),#080808 58%)}

/* Rotary controls */
.knob-control{--knob-accent:#fff;display:grid!important;grid-template-columns:1fr!important;justify-items:center;align-content:start;gap:7px!important;min-width:72px;padding:11px 9px!important;border:1px solid #303030!important;background:linear-gradient(180deg,#101010,#080808)!important;color:#9b9b9b!important;text-align:center;user-select:none}
.knob-control>span{display:block!important;margin:0!important;font-size:9px!important;line-height:1.15;letter-spacing:.12em!important;font-weight:900!important;color:#8c8c8c!important;white-space:nowrap}
.knob-control>b{float:none!important;display:block;min-height:12px;font-size:9px!important;line-height:1.1;color:#e8e8e8!important;letter-spacing:.04em!important;font-variant-numeric:tabular-nums}
.knob-shell{width:58px;height:58px;position:relative;display:grid;place-items:center;margin:1px auto}
.knob-shell>input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;pointer-events:none!important}
.knob-face{--knob-rot:-135deg;width:50px;height:50px;border-radius:50%;display:block;position:relative;cursor:ns-resize;background:radial-gradient(circle at 36% 30%,#363636 0 8%,#1c1c1c 38%,#070707 72%);border:1px solid #535353;box-shadow:inset 0 0 0 5px #111,0 4px 14px rgba(0,0,0,.55);touch-action:none}
.knob-face:before{content:"";position:absolute;left:50%;top:5px;width:2px;height:14px;border-radius:2px;background:var(--knob-accent);transform-origin:50% 20px;transform:translateX(-50%) rotate(var(--knob-rot));box-shadow:0 0 7px color-mix(in srgb,var(--knob-accent) 70%,transparent)}
.knob-face:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed #2e2e2e;pointer-events:none}
.knob-face:hover,.knob-face:focus-visible{border-color:var(--knob-accent);box-shadow:inset 0 0 0 5px #111,0 0 0 1px var(--knob-accent),0 5px 18px rgba(0,0,0,.6);outline:none}
.instrument-drums .knob-control{--knob-accent:var(--drums)}
.instrument-bass .knob-control{--knob-accent:var(--bass)}
.instrument-lead .knob-control{--knob-accent:var(--lead)}
.instrument-cloud .knob-control{--knob-accent:var(--cloud)}
.transport-knob{--knob-accent:var(--red);border:0!important;border-right:1px solid #2e2e2e!important;background:#0a0a0a!important;padding:10px 12px!important;align-self:stretch;place-content:center}
.transport-knob .knob-shell{width:48px;height:48px}.transport-knob .knob-face{width:42px;height:42px}.transport-knob .knob-face:before{top:4px;height:12px;transform-origin:50% 17px}
.knob-bank,.synth-controls.knob-bank{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important;gap:8px!important;align-items:stretch;padding:var(--rack-pad)!important;background:#090909}

/* Performance strip + scopes */
.module-performance-strip{display:grid;grid-template-columns:minmax(240px,1fr) 104px;gap:12px;align-items:stretch;padding:20px var(--rack-pad);background:linear-gradient(90deg,#070707,#101010);border-bottom:1px solid #2d2d2d}
.module-scope{display:block;width:100%;height:82px;min-width:0;border:1px solid #2c2c2c;background:#020202;box-shadow:inset 0 0 32px rgba(255,255,255,.015)}
.instrument-bass .module-scope{border-color:#55401f;box-shadow:inset 0 0 25px rgba(255,177,59,.045)}
.instrument-lead .module-scope{border-color:#204b56;box-shadow:inset 0 0 25px rgba(112,232,255,.045)}
.instrument-cloud .module-scope{border-color:#48365c;box-shadow:inset 0 0 25px rgba(193,148,255,.045)}
.module-level{align-self:stretch;place-content:center}
.drums-performance{grid-template-columns:minmax(240px,1fr) 104px}
.drum-pulse{border:1px solid #3b2020;background:#100808;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;padding:14px;position:relative;overflow:hidden}
.drum-pulse i{height:28px;background:#3a0d0d;border:1px solid #612020;animation:drumPulse 1.25s steps(2,end) infinite alternate}.drum-pulse i:nth-child(2){animation-delay:-.25s}.drum-pulse i:nth-child(3){animation-delay:-.5s}.drum-pulse i:nth-child(4){animation-delay:-.75s}.drum-pulse span{grid-column:1/-1;font-size:9px;letter-spacing:.14em;color:#9d5d5d;font-weight:900}@keyframes drumPulse{to{background:var(--drums);box-shadow:0 0 18px rgba(255,52,52,.25)}}

/* Real-ish mixer */
.rack-mixer>summary{background:linear-gradient(90deg,#141414,#080808 62%)}
.mixer-body{padding:var(--rack-pad);background:radial-gradient(circle at 50% 0,#171717 0,#090909 42%,#060606 100%)}
.mixer-intro{margin-bottom:24px;padding-bottom:20px}.mixer-intro strong{font-size:15px}.mixer-intro span{max-width:760px;line-height:1.5}
.mixer-grid{gap:12px;max-width:1180px;margin:0 auto}
.mix-channel{--channel-color:#fff;min-height:330px;padding:18px 16px 14px;border-color:#393939;background:linear-gradient(180deg,color-mix(in srgb,var(--channel-color) 8%,#0a0a0a),#080808 38%);position:relative;box-shadow:inset 0 3px 0 var(--channel-color)}
.mix-channel[data-mix="drums"]{--channel-color:var(--drums)}.mix-channel[data-mix="bass"]{--channel-color:var(--bass)}.mix-channel[data-mix="lead"]{--channel-color:var(--lead)}.mix-channel[data-mix="cloud"]{--channel-color:var(--cloud)}
.mix-channel>strong{color:var(--channel-color);font-size:17px;min-height:38px}
.mix-channel>span{color:#777}
.channel-console{display:grid;grid-template-columns:minmax(70px,1fr) 92px;gap:10px;align-items:end;justify-items:center;min-height:205px;border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;padding:12px 4px}
.mix-fader{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;color:#8f8f8f!important;letter-spacing:.11em!important}
.mix-fader>b{color:#fff!important;font-size:10px!important;order:2}
.fader-slot{width:58px;height:156px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(90deg,transparent 48%,#4a4a4a 49%,#4a4a4a 51%,transparent 52%);border-top:1px solid #222;border-bottom:1px solid #222}
.fader-slot:before{content:"";position:absolute;inset:13px 18px;background:repeating-linear-gradient(to bottom,#383838 0 1px,transparent 1px 16px);opacity:.7}
.fader-slot input[type=range]{appearance:auto;width:26px!important;height:146px!important;margin:0!important;accent-color:var(--channel-color);writing-mode:vertical-lr;direction:rtl;position:relative;z-index:1}
.mix-filter{--knob-accent:var(--channel-color);border-color:#2c2c2c!important;background:#080808!important;padding:11px 7px!important}
.mix-channel>button{border-color:color-mix(in srgb,var(--channel-color) 45%,#343434);margin-top:0}.mix-channel>button:hover{background:var(--channel-color);border-color:var(--channel-color);color:#050505}.mix-channel.is-muted{opacity:.62}.mix-channel.is-muted>button{background:var(--channel-color);color:#050505;border-color:var(--channel-color);opacity:1}

/* Arranger should breathe when short, scroll when long */
.arranger-body{padding:var(--rack-pad)}
.arranger-toolbar{gap:18px 28px;margin-bottom:24px}
.arranger-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 4px 14px;scrollbar-gutter:stable}
.arranger-grid{width:100%;margin:0 auto;justify-content:stretch}
.arranger-cell{min-width:0;transition:transform .08s ease,filter .08s ease}.arranger-cell:hover{filter:brightness(1.45);transform:translateY(-1px)}
.arranger-track-label{min-width:105px}.arranger-bar-head{min-width:0}

/* Module bodies get more air */
.module-presets{padding:20px var(--rack-pad)}
.module-presets button{padding:10px 13px}
.instrument-drums .module-presets button.active{background:var(--drums);border-color:var(--drums);color:#050505}
.instrument-bass .module-presets button.active{background:var(--bass);border-color:var(--bass);color:#050505}
.instrument-lead .module-presets button.active{background:var(--lead);border-color:var(--lead);color:#050505}
.instrument-cloud .module-presets button.active{background:var(--cloud);border-color:var(--cloud);color:#050505}
.bass-seq-wrap,.lead-main{padding:var(--rack-pad)}
.pattern-toolbar,.seq-head{margin-bottom:14px}
.octave-control{margin:18px var(--rack-pad) 0;padding:14px 16px}

/* Lead + nested ARP share one visual family */
.lead-arp-panel{margin:22px 0 0;border:1px solid #285565;background:linear-gradient(90deg,#06131a,#090909);color:#fff}
.lead-arp-panel>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px 18px;user-select:none}.lead-arp-panel>summary::-webkit-details-marker{display:none}
.lead-arp-panel>summary>div:first-child span,.lead-arp-panel>summary>div:last-child span{display:block;font-size:9px;letter-spacing:.13em;color:#70b8c9;font-weight:900}.lead-arp-panel>summary strong{display:block;margin-top:4px;color:var(--lead);font-size:19px}.lead-arp-panel>summary b{display:block;margin-top:4px;color:#d6f9ff;font-size:10px;letter-spacing:.1em}.lead-arp-panel[open]>summary b{font-size:0}.lead-arp-panel[open]>summary b:after{content:"CLOSE −";font-size:10px}
.lead-arp-panel .arp-body{padding:18px;background:#071015;border-top:1px solid #285565}.lead-arp-panel .arp-head{border-bottom-color:#285565}.lead-arp-panel .arp-head span,.lead-arp-panel .arp-grid>div>span,.lead-arp-panel .arp-memory>span,.lead-arp-panel .arp-source>span{color:#70b8c9}.lead-arp-panel .arp-main-buttons button,.lead-arp-panel .arp-button-row button,.lead-arp-panel .arp-memory button{background:#08161b;color:#bceefa;border-color:#386b79}.lead-arp-panel .arp-main-buttons button.active,.lead-arp-panel .arp-button-row button.active,.lead-arp-panel .arp-memory button:hover{background:var(--lead);color:#061116;border-color:var(--lead)}.lead-arp-panel .arp-grid>div,.lead-arp-panel .arp-grid>label,.lead-arp-panel .arp-memory{border-color:#285565;background:#071217}.lead-arp-panel .knob-control{--knob-accent:var(--lead);border-color:#285565!important;background:#071217!important}.arp-source{padding:16px 0 0}.arp-source>span{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;margin-bottom:8px}

/* Simplified sample workstation */
.cloud-layout-beta4{display:block!important}.sample-zone{padding:0!important}.sample-zone>.module-presets{margin:0!important}.sample-workbench{margin:22px var(--rack-pad) 12px;border:1px solid #4c3960;background:#08060c;padding:16px;box-shadow:inset 0 0 40px rgba(193,148,255,.025)}
.sample-source-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:13px}.sample-source-head span{display:block;color:#a184bd;font-size:9px;letter-spacing:.14em;font-weight:900}.sample-source-head strong{display:block;font-size:18px;margin:4px 0}.sample-source-head p{margin:0;color:#8d809a;font-size:12px}.sample-source-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sample-source-actions button,.sample-source-actions .file-button{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #674d80;background:#130d1b;color:#d4bcf2;font-size:9px;letter-spacing:.08em;font-weight:900;cursor:pointer}.sample-source-actions button:hover,.sample-source-actions .file-button:hover{background:var(--cloud);color:#07040a;border-color:var(--cloud)}
.sample-workbench #grainWave{width:100%;height:118px;border:1px solid #3e304d;background:#050405}.sample-feedback{margin-top:8px;color:#8d7b9d;font-size:9px;letter-spacing:.1em}
.cloud-mode-simple{margin:12px var(--rack-pad);grid-template-columns:minmax(230px,.85fr) minmax(130px,.35fr) minmax(340px,1.2fr);gap:10px}.cloud-mode-simple>div{padding:15px}.cloud-quick-knobs{display:grid!important;grid-template-columns:repeat(3,minmax(82px,1fr)) auto;gap:8px;align-items:stretch}.cloud-quick-knobs>button{min-width:112px;border:1px solid #644985;background:#130e1a;color:#c6aee4;font-size:9px;font-weight:900}.cloud-quick-knobs>button.active,.cloud-quick-knobs>button:hover{background:var(--cloud);color:#07040a;border-color:var(--cloud)}
.cloud-sequencer{margin:12px var(--rack-pad);padding:16px;overflow-x:auto}.cloud-advanced{margin:12px var(--rack-pad) 0;border:1px solid #463456;background:#08060c}.cloud-advanced>summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:15px 16px;cursor:pointer}.cloud-advanced>summary::-webkit-details-marker{display:none}.cloud-advanced>summary span{font-size:10px;color:#a483c4;letter-spacing:.13em;font-weight:900}.cloud-advanced>summary strong{font-size:9px;color:#7d698c;letter-spacing:.1em}.cloud-advanced[open]>summary strong{font-size:0}.cloud-advanced[open]>summary strong:after{content:"ADVANCED / CLOSE −";font-size:9px}.cloud-advanced .knob-bank{padding:16px!important;background:#09070d}.cloud-scope{width:calc(100% - (var(--rack-pad) * 2));margin:14px var(--rack-pad) var(--rack-pad);height:68px}

/* Utility spacing / responsive */
.project-body,.record-layout{background-color:#1f1f1f}.record-layout{gap:1px}
@media(max-width:1350px){
  .transport-rack{grid-template-columns:150px 135px 115px 130px 130px minmax(220px,1fr)}
  .mixer-grid{max-width:980px}.mix-channel{min-height:310px}.channel-console{grid-template-columns:1fr 84px}
  .cloud-mode-simple{grid-template-columns:1fr 1fr}.cloud-quick-knobs{grid-column:1/-1}
}
@media(max-width:980px){
  .machine-topbar{grid-template-columns:auto 1fr;height:auto;min-height:74px;padding-top:10px;padding-bottom:10px}.machine-topbar nav{grid-column:1/-1;overflow-x:auto}.machine-top-title span{display:none}
  .transport-rack{grid-template-columns:1fr 1fr 1fr}.transport-rack>*{min-height:78px}.transport-help{grid-column:1/-1}.master-scope{grid-column:1/-1}
  .mixer-grid{grid-template-columns:1fr 1fr}.mix-channel{min-height:290px}
  .module-performance-strip{grid-template-columns:minmax(0,1fr) 96px}.knob-bank,.synth-controls.knob-bank{grid-template-columns:repeat(4,minmax(76px,1fr))!important}
  .cloud-mode-simple{grid-template-columns:1fr}.cloud-quick-knobs{grid-column:auto;grid-template-columns:repeat(3,1fr) auto}.sample-source-head{grid-template-columns:1fr}.sample-source-actions{justify-content:flex-start}
  .arp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .machine-page{padding:20px 12px 44px}.machine-hero h1{font-size:clamp(64px,20vw,96px)}
  .rack-module>summary{grid-template-columns:1fr;gap:12px}.rack-summary-live{justify-self:stretch}.rack-summary-title{grid-template-columns:44px 1fr}.rack-summary-title h2{font-size:32px}
  .transport-rack{grid-template-columns:1fr 1fr}.transport-brand,.transport-help{grid-column:1/-1}.bpm-control{min-width:0}
  .mixer-grid{grid-template-columns:1fr 1fr;gap:7px}.mix-channel{padding:13px 10px;min-height:278px}.mix-channel>strong{font-size:14px}.channel-console{grid-template-columns:1fr 72px;gap:4px}.fader-slot{height:132px}.fader-slot input[type=range]{height:124px!important}.mix-filter .knob-shell{width:48px;height:48px}.mix-filter .knob-face{width:42px;height:42px}.mix-filter .knob-face:before{transform-origin:50% 17px}
  .module-performance-strip,.drums-performance{grid-template-columns:1fr 86px;padding:14px}.module-scope{height:68px}.knob-bank,.synth-controls.knob-bank{padding:14px!important;grid-template-columns:repeat(3,minmax(72px,1fr))!important}.knob-control{min-width:0;padding:9px 5px!important}.knob-shell{width:52px;height:52px}.knob-face{width:44px;height:44px}.knob-face:before{transform-origin:50% 17px}
  .module-presets{padding:14px}.bass-seq-wrap,.lead-main{padding:14px}.octave-control{margin:14px}
  .lead-arp-panel>summary{grid-template-columns:1fr}.lead-arp-panel>summary>div:last-child{text-align:left}.arp-grid{grid-template-columns:1fr}
  .sample-workbench,.cloud-mode-simple,.cloud-sequencer,.cloud-advanced{margin-left:14px;margin-right:14px}.cloud-quick-knobs{grid-template-columns:repeat(3,1fr)}.cloud-quick-knobs>button{grid-column:1/-1;height:40px}.cloud-scope{width:calc(100% - 28px);margin-left:14px;margin-right:14px}
  .arranger-body{padding:14px}.arranger-toolbar{grid-template-columns:1fr!important}.arranger-scroll{margin:0}.arranger-track-label{min-width:78px;font-size:8px}
}

/* TFR MACHINE HOTFIX V10 */
.drum-voices.visual-knobs{display:block!important;padding:0!important;background:#090909!important}
.pattern-toolbar>div:first-child{order:2}.pattern-toolbar>div:last-child{order:1}
.drum-voice-wide{grid-template-columns:110px repeat(4,minmax(72px,1fr))}
@media(max-width:1250px){.drum-layout{grid-template-columns:1fr}.drum-voice-wide{grid-template-columns:110px repeat(4,minmax(72px,1fr))}}
@media(max-width:820px){.drum-voice-wide{grid-template-columns:80px 1fr 1fr}.pattern-toolbar>div:first-child{order:2}.pattern-toolbar>div:last-child{order:1}}