:root{color-scheme:dark;--bg:#030303;--panel:#080304;--line:#4f0c10;--muted:#b69595;--ink:#eee5e5;--acid:#ff1923;--orange:#ff3944;--purple:#ff6570;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:3px}button{color:inherit;border:1px solid var(--line);background:#170508;transition:background .12s, border-color .12s}button:hover{border-color:#ff1923;background:#27070b}button:disabled{opacity:.35;cursor:default}button:disabled:hover{background:#170508;border-color:var(--line)}.topbar{height:76px;padding:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:44px}.wordmark{font-size:24px;font-weight:950;letter-spacing:-1.8px;text-decoration:none;color:var(--ink)}.wordmark span{font-size:12px;vertical-align:top;margin-left:3px}.top-label,.local,.eyebrow,.session-note,.panel-head,.panel-foot,.roll-info,.sound-type,.sound-bottom,.session-bar,footer,.transport{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.top-label{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.top-label span{margin:0 15px;color:#5c2428}.local{margin-left:auto;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.local i,.session-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);display:inline-block}.local i{box-shadow:0 0 9px #ff192340}main{max-width:1500px;margin:auto;padding:42px 4% 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(30px,3.5vw,52px);letter-spacing:-2.7px;margin:11px 0 10px;font-weight:900;line-height:1}h1 span{font-weight:300;color:#b69595}h1 sup{font-size:17px;color:var(--acid);vertical-align:top;margin-left:10px;letter-spacing:0}.heading p{margin:0;color:var(--muted);font-size:12px}.session-note{display:grid;gap:8px;text-align:right;font-size:9px;letter-spacing:1px}.session-note span{color:var(--muted)}.session-note b{font-weight:400;color:var(--acid)}.transport{padding:17px 20px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:26px;margin-bottom:22px;min-height:88px}.playgroup{display:flex;gap:7px}.play{background:var(--acid);color:#fff4f4;border-color:var(--acid);height:48px;width:120px;font-size:13px;font-weight:800;letter-spacing:1px}.play:hover{background:#ff424a}.play span{margin-left:10px}.stop{height:48px;width:42px;font-size:17px}.tempo,.position,.swing,.master{font-size:9px;color:var(--muted);letter-spacing:1px}.tempo div{display:flex;align-items:center;gap:7px;margin-top:4px}.tempo input{width:58px;border:0;background:transparent;font-size:24px;color:var(--ink);outline-offset:0;padding:0;appearance:textfield}.tempo input::-webkit-inner-spin-button{appearance:none}.tempo span{font-size:10px}.position{padding-left:24px;border-left:1px solid var(--line)}.position b{display:block;font-size:22px;font-weight:400;color:var(--ink);margin-top:4px;letter-spacing:0}.position em{font-style:normal;font-size:17px;color:#70393c}.swing{width:102px}.swing output{float:right;color:var(--ink)}input[type=range]{accent-color:var(--acid);height:3px;display:block;width:100%;margin:14px 0 6px;cursor:pointer}.transport-right{margin-left:auto;display:flex;align-items:center;gap:24px}.master{width:94px}#scope{width:150px;height:40px;opacity:.9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:20px}.sequencers{min-width:0;display:grid;gap:20px}.panel{border:1px solid var(--line);background:var(--panel);min-width:0}.panel-head{min-height:57px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px}.panel-head>div{display:flex;align-items:center;gap:11px}h2{font-size:11px;letter-spacing:1.2px;margin:0;font-weight:500}.section-number{font-size:10px;color:#a86066}.badge{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:4px 5px;margin-left:2px}.text-btn{border:0;background:transparent;padding:6px 0;font-size:8px;letter-spacing:.5px;color:var(--muted)}.text-btn:hover{background:transparent;color:var(--ink)}.scroll-grid{overflow-x:auto;padding:17px 18px 19px;scrollbar-width:thin}.drum-grid{display:grid;grid-template-columns:110px repeat(16,minmax(21px,1fr));gap:6px;min-width:600px;align-items:center}.step-number{font:9px ui-monospace,monospace;color:#8c555a;text-align:center;padding-bottom:5px}.step-number.quarter{color:#eed1d3}.track-label{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;height:30px}.mute{font-size:8px;width:21px;height:21px;padding:0;color:var(--muted)}.mute[aria-pressed=true]{background:#7d1620;color:white}.track-name{border:0;background:transparent;padding:3px 0;text-align:left;letter-spacing:.5px;font-size:10px}.step{height:31px;padding:0;border-radius:2px;border:1px solid #4f131a;background:#170609;position:relative}.step.group-alt{background:#25090e}.step.on{background:var(--acid);border-color:var(--acid);box-shadow:inset 0 -3px #ae0714}.step.on:after{content:'';position:absolute;bottom:5px;left:42%;height:3px;width:16%;background:#ff9098}.step.current{outline:1px solid #fff;outline-offset:2px}.step.current:not(.on){background:#5b1822}.panel-foot{font-size:8px;color:var(--muted);padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;line-height:1.6}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);margin-right:6px}.tabs{height:56px;gap:0!important}.tabs button{height:100%;background:transparent;border:0;border-bottom:2px solid transparent;padding:0 13px;font-size:10px;color:var(--muted)}.tabs button.active{color:var(--orange);border-bottom-color:var(--orange)}.tabs #tab-synth.active{color:var(--purple);border-bottom-color:var(--purple)}.roll-info{display:flex;align-items:center;gap:18px;padding:14px 18px 0;font-size:8px;letter-spacing:.5px;color:var(--muted)}.roll-info>span:first-child{color:var(--orange)}.roll-info i{font-style:normal;margin:0 8px}.roll-info button{margin-left:auto}.melody .scroll-grid{padding-top:13px;padding-bottom:15px}.piano-grid{display:grid;grid-template-columns:50px repeat(16,minmax(23px,1fr));gap:3px;min-width:600px}.key{height:24px;background:#38151b;display:flex;align-items:center;padding-left:10px;font:9px ui-monospace,monospace;color:#e9bfc5}.key.black{background:#100306;color:#a46f78}.note{height:24px;border:1px solid #3b1219;background:#19070b;border-radius:1px;position:relative;padding:0}.note.group-alt{background:#230b11}.note.on{background:var(--orange);border-color:var(--orange);box-shadow:inset 3px 0 #ffe2e5}.piano-grid.synth .note.on{background:var(--purple);border-color:var(--purple);box-shadow:inset 3px 0 #ffe5e7}.note.current{background:#4a1520}.note.on.current{filter:brightness(1.3);background:var(--orange)}.piano-grid.synth .note.on.current{background:var(--purple)}.sound{display:flex;flex-direction:column}.led{width:5px;height:5px;background:var(--orange);border-radius:50%}.sound-identity{display:flex;gap:13px;align-items:center;margin:22px 18px}.instrument-icon{height:42px;width:42px;border:1px solid #77212c;background:#27070c;color:var(--orange);font-size:27px;display:grid;place-items:center}.sound-identity span{font:8px ui-monospace,monospace;color:var(--muted);letter-spacing:.5px}.sound-identity h3{font-size:20px;margin:5px 0 0;letter-spacing:-.5px}.sound-identity button{margin-left:auto;width:27px;height:27px;font-size:10px}.sound-controls{padding:0 18px 22px;display:grid;gap:22px}.control label{font:9px ui-monospace,monospace;color:var(--muted);display:flex;justify-content:space-between}.control output{color:var(--ink)}.control select{width:100%;background:#1c060a;border:1px solid #54101a;padding:9px;color:var(--ink);font-size:11px;margin-top:10px;border-radius:0}.mixer{margin:0 18px;padding-top:20px;border-top:1px solid var(--line)}#levels{display:grid;gap:14px;margin-top:18px}.level{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;gap:8px;font:9px ui-monospace,monospace;color:var(--muted)}.level input{margin:0}.level output{text-align:right;font-size:8px}.sound-bottom{margin-top:auto;padding:24px 18px 19px;display:grid;gap:5px;font-size:7px;letter-spacing:1px;color:#ab7279}.session-bar{margin-top:20px;padding:16px 18px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted)}.session-bar>div:first-child{display:flex;align-items:center;gap:10px}.actions{display:flex;gap:8px;flex-shrink:0}.actions button{font:9px ui-monospace,monospace;letter-spacing:.4px;padding:10px 12px}.actions .export{color:var(--acid);border-color:#94202a;background:#2a060c}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 25px;font-size:8px;color:#a4747a;letter-spacing:.5px}footer i{font-style:normal;margin:0 10px;color:#73333a}@media(min-width:1600px){main{padding-top:54px}.step{height:38px}.note,.key{height:29px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 228px}.transport{gap:17px}.transport-right{gap:12px}#scope{width:85px}.drum-grid{grid-template-columns:88px repeat(16,minmax(21px,1fr));gap:4px}.panel-head{padding:0 13px}.panel-head>div{gap:7px}.badge{display:none}.session-bar{align-items:flex-start;flex-direction:column}}@media(max-width:1000px){.topbar{height:60px;gap:20px}.top-label{display:none}main{padding-top:28px}.heading{margin-bottom:24px}.session-note{display:none}.workspace{grid-template-columns:1fr}.sound{display:grid;grid-template-columns:1fr 1fr}.sound .panel-head{grid-column:1/-1}.sound-identity{grid-column:1}.sound-controls{grid-column:1;grid-row:3}.mixer{grid-column:2;grid-row:2/4;margin-top:23px;border-top:0;border-left:1px solid var(--line);padding:0 0 0 20px}.sound-bottom{grid-column:1/-1;padding-top:0}.transport{flex-wrap:wrap;gap:20px}.transport-right{margin-left:auto}#scope{display:none}.position{padding-left:15px}.swing{width:80px}.master{width:75px}.transport .play{width:95px}.session-bar{padding:14px}.session-bar>div:first-child{line-height:1.6}footer{flex-direction:column;gap:9px}.roll-info{gap:8px}.roll-info span:nth-child(2){display:none}}@media(max-width:500px){h1{font-size:32px;letter-spacing:-1.5px}.topbar{padding:0 5%}.transport{padding:13px;gap:16px}.playgroup{order:0}.tempo{order:1}.position{order:2}.swing{order:3;width:40%}.transport-right{order:4;width:45%}.master{width:100%}.panel-head{padding:0 11px}h2{font-size:10px}.tabs button{padding:0 9px;font-size:9px}.panel-foot>span:last-child{display:none}.scroll-grid{padding-left:12px;padding-right:12px}.actions{width:100%;gap:5px}.actions button{flex:1;padding:11px 6px;font-size:8px}.sound{grid-template-columns:1fr 1fr}.sound-identity{gap:8px;margin:18px 12px}.sound-identity h3{font-size:17px}.instrument-icon{width:32px;height:35px}.sound-identity span{font-size:6px}.sound-controls{padding:0 12px 20px}.mixer{margin-left:4px;margin-right:12px;padding-left:12px}.level{grid-template-columns:35px 1fr 20px;gap:5px}.session-bar{font-size:9px}}

[hidden]{display:none!important}h1,.wordmark,h2{color:var(--acid)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:62px;letter-spacing:-1px}.topbar{border-color:var(--acid)}.heading{margin-bottom:25px}main{padding-top:30px}.preset-bar{display:flex;align-items:center;gap:18px;border:1px solid var(--line);padding:14px 18px;margin-bottom:16px;font:10px ui-monospace,monospace}.preset-bar>div{display:grid;gap:6px}.preset-bar .eyebrow{font-size:7px}.preset-bar select,.bass-selector select{background:#090203;color:var(--ink);border:1px solid #84202a;padding:10px;font:11px ui-monospace,monospace;border-radius:0}.preset-bar>span{color:var(--muted);font-size:9px}.preset-bar>button{margin-left:auto;padding:11px;font:9px ui-monospace,monospace;color:var(--acid)}.device-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.device-card{padding:15px 18px;text-align:left;background:linear-gradient(115deg,#100305,#040303);position:relative}.device-card.selected{border-color:var(--acid);box-shadow:inset 3px 0 var(--acid)}.device-top,.device-bottom{display:flex;justify-content:space-between;gap:8px;font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.device-top i{display:block;flex-shrink:0;width:5px;height:5px;background:#4f0c10}.device-card.enabled .device-top i{background:var(--acid);box-shadow:0 0 8px #ff192366}.device-card b{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:62px;line-height:1.2;color:#8d2830}.device-card.enabled b,.device-card:hover b{color:var(--acid)}.device-bottom em{font-style:normal;color:var(--acid)}.step{border-radius:0}.step.on:after{background:#ffc9ce}.melody .scroll-grid{max-height:380px;overflow:auto}.piano-grid .step-number{position:sticky;top:-13px;z-index:2;background:#080304;padding:5px 0}.note,.key{height:22px}.note.black-row:not(.on){background:#0e0406}.key{position:sticky;left:0;z-index:1}.roll-info{flex-wrap:wrap;padding-bottom:10px}.bass-selector{display:flex;align-items:center;gap:6px;margin-left:auto}.bass-selector select{padding:5px;font-size:9px}.roll-info button{margin-left:0}.expression-grid{display:grid;grid-template-columns:50px repeat(16,minmax(23px,1fr));gap:3px;min-width:600px;padding-top:12px}.expression-label{font:7px ui-monospace,monospace;align-self:center;color:var(--muted)}.expression-step{height:24px;font-size:13px;padding:0}.expression-step.on{background:#831523;color:#fff;border-color:var(--acid)}.device-pattern{margin:0 18px 20px;padding:10px;font:9px ui-monospace,monospace;color:var(--acid)}.level{grid-template-columns:64px 1fr 23px;font-size:8px}.download-wav{padding:10px 12px;border:1px solid var(--acid);color:var(--acid);font:9px ui-monospace,monospace;text-decoration:none}.actions{flex-wrap:wrap}.session-bar{flex-wrap:wrap}.sound-controls{gap:18px}
@media(max-width:1000px){.preset-bar{flex-wrap:wrap}.preset-bar>span{width:100%;order:4}.device-card{padding:12px}.device-top{font-size:6px;letter-spacing:.3px}.device-bottom{font-size:6px;letter-spacing:0}.device-card b{font-size:48px}.device-pattern{grid-column:1;grid-row:4}.mixer{grid-row:2/5}.sound-bottom{padding-top:18px}}
@media(max-width:500px){h1{font-size:48px}.device-rack{gap:7px}.device-card{padding:9px}.device-card b{font-size:43px}.device-top{font-size:5px}.device-bottom{font-size:5px;display:block;line-height:1.7}.device-bottom em{display:block}.preset-bar{gap:12px;padding:12px}.preset-bar>div{width:100%}.preset-bar select{flex:1;min-width:0}.preset-bar>button{font-size:8px}.level{grid-template-columns:55px 1fr 18px;font-size:7px}.session-bar .actions{flex-wrap:wrap}.download-wav{width:100%;text-align:center}.device-pattern{margin:0 12px 20px}.roll-info>span:first-child{font-size:7px}.bass-selector{margin-left:auto}.panel-head h2{font-size:9px}.tabs button{font-size:8px;padding:0 6px}}

.acid-toggle{padding:10px;font:10px ui-monospace,monospace;color:var(--muted)}.acid-toggle[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}

.fx-rack{margin:0 12px 22px;padding:12px 9px;background:repeating-linear-gradient(0deg,#080406 0 16px,#200a10 17px 18px);border:1px solid #4f131a;min-width:0}.rack-title{display:flex;justify-content:space-between;color:var(--acid);font:10px ui-monospace,monospace;letter-spacing:2px;padding:0 4px 12px}.rack-source{font:8px ui-monospace,monospace;text-align:center;color:var(--muted);background:#0b0406;border:1px solid #4f131a;padding:10px 5px}.fx-unit{position:relative;margin-top:24px;border:1px solid #a42a39;background:linear-gradient(105deg,#310d14,#13060b 65%,#220b11);box-shadow:inset 4px 0 #43121b,inset -4px 0 #43121b,0 4px 8px #0008;padding:12px 12px 8px}.fx-unit:before{content:'';position:absolute;top:-25px;left:50%;width:3px;height:24px;background:var(--acid);box-shadow:0 0 5px #ff192344}.fx-unit:after{content:'⊕';position:absolute;right:5px;bottom:5px;color:#7e3945;font-size:10px}.fx-delay{background:linear-gradient(105deg,#241016,#0f070b 65%,#2a121b)}.fx-reverb{background:linear-gradient(105deg,#30131f,#150912 65%,#2a101b)}.fx-unit.bypassed{border-color:#503038;background:#100b0d}.fx-unit.bypassed .fx-face{opacity:.4}.fx-unit.bypassed:before{background:#5f3540}.fx-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #71303d;padding-bottom:10px}.fx-number{font:8px ui-monospace,monospace;color:#b17b83}.fx-head h4{font:700 10px ui-monospace,monospace;color:#ffdce2;margin:0;letter-spacing:.5px}.fx-power{margin-left:auto;padding:5px 7px;font:8px ui-monospace,monospace;color:var(--acid)}.fx-power[aria-pressed=true]:before{content:'●';margin-right:5px}.fx-face{display:flex;align-items:center;justify-content:space-evenly;gap:10px;padding:17px 0 12px}.fx-symbol{font:20px ui-monospace,monospace;color:var(--acid);text-shadow:0 0 9px #ff192366;letter-spacing:-2px}.fx-knob{display:grid;justify-items:center;gap:8px;font:7px ui-monospace,monospace;color:#caa1aa}.fx-knob output{font-size:9px;color:#ffe1e6}.dial{position:relative;display:block;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#5a454c 0,#241b1f 50%,#090709 72%);border:2px solid #7f4653;box-shadow:0 3px 5px #000,inset 0 0 0 4px #110a0d}.dial:before{content:'';position:absolute;inset:5px;transform:rotate(var(--turn));border-radius:50%;background:linear-gradient(var(--acid),var(--acid)) top center/3px 12px no-repeat;pointer-events:none}.dial input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.dial:focus-within{outline:2px solid #ffe1e6;outline-offset:3px}.fx-timing{display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px ui-monospace,monospace;color:var(--muted);margin-bottom:12px}.fx-timing select{background:#13070b;color:#ffdce2;border:1px solid #71303d;padding:6px;font:9px ui-monospace,monospace}.fx-actions{display:flex;align-items:center;gap:5px;border-top:1px solid #71303d;padding:8px 8px 0 0}.fx-actions button{padding:5px 7px;font:8px ui-monospace,monospace}.fx-port{margin-left:auto;font:7px ui-monospace,monospace;color:#b5707d}.fx-empty{font:9px ui-monospace,monospace;color:var(--muted);line-height:1.8;padding:20px 10px;text-align:center}#add-effect{display:block;width:100%;margin-top:23px;padding:14px 5px;border:1px dashed #c63144;font:9px ui-monospace,monospace;letter-spacing:.5px;color:var(--acid);background:#14070b}.effect-picker{display:grid;gap:7px;padding-top:8px}.effect-picker button{display:grid;text-align:left;gap:6px;padding:12px;font:10px ui-monospace,monospace}.effect-picker b{color:#ff8d9b;font-size:10px}.effect-picker span{font-size:8px;color:var(--muted)}
@media(min-width:1101px){.workspace{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1000px){.fx-rack{grid-column:1/-1;grid-row:5;margin:0 18px 20px}.sound-bottom{grid-row:6}.fx-face{justify-content:center;gap:45px}.fx-head h4{font-size:12px}.fx-knob{font-size:9px}.dial{width:60px;height:60px}.fx-unit{padding:16px 20px 10px}.fx-symbol{font-size:32px}.effect-picker{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){.fx-rack{margin:0 10px 15px}.fx-face{gap:20px}.fx-symbol{font-size:23px}.fx-head h4{font-size:10px}.effect-picker{grid-template-columns:1fr}.tabs button{font-size:7px;padding:0 5px}.panel-head>div{gap:5px}.fx-unit{padding:12px}.fx-knob{font-size:8px}}

.device-rack{grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.device-rack{grid-template-columns:repeat(2,1fr)}.device-top{font-size:7px}.device-bottom{font-size:7px}.device-bottom em{display:inline;margin-left:5px}.device-card b{font-size:46px}.device-card{padding:12px}.melody .panel-head{flex-wrap:wrap;padding-top:10px}.melody .tabs{height:40px;margin-left:auto}}

.keys-player{min-width:0;grid-column:1/-1;padding-top:14px;border-top:1px solid #64131d}.keys-player-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px ui-monospace,monospace;margin-bottom:12px}.keys-player-head b{color:#ff3944;font-weight:500;letter-spacing:1px}.keys-player-head button{font:10px ui-monospace,monospace;padding:8px;min-height:34px}.playable-piano{height:112px;position:relative;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.playable-piano .playable-key{position:absolute;top:0;padding:0 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;border-radius:0 0 4px 4px;touch-action:none;-webkit-touch-callout:none;transition:background .08s;color:#26070a;font:10px ui-monospace,monospace}.playable-piano .white-key{height:100%;width:12.5%;z-index:1;background:#e9dedf;border:1px solid #8d6970;box-shadow:inset 0 -4px #ba9da3}.playable-piano .black-key{height:64%;width:8%;z-index:2;background:#160b0d;color:#e5bac2;border:1px solid #6e414a;box-shadow:inset 0 -4px #060304}.playable-piano .playable-key.pressed{background:#ff263b;color:#fff;box-shadow:inset 0 -3px #9c0a1a}.playable-key small{font-size:9px;opacity:.65}.keys-player p{font:9px/1.6 ui-monospace,monospace;color:#b69595;margin:10px 0 0}.studio-444-editor .keys-player{padding:16px;margin-bottom:24px;border:1px solid #7e1a27}.studio-444-editor .playable-piano{height:120px}.studio-444-editor .playable-key{font-size:12px;padding-bottom:10px}.studio-444-editor .keys-player-head button{background:#18080b;color:#eee8e8}@media(pointer:coarse){.keys-player p{font-size:11px}.playable-key small{display:none}.playable-piano{height:130px}}