:root{color:#d8dcdf;font-synthesis:none;--lime:#d3f77b;--border:#2b2e32;--muted:#777f86;--panel:#191c20;background:#101215;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}button:disabled{opacity:.35;cursor:default}button:hover:not(:disabled){filter:brightness(1.18)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}input,textarea,select{color:inherit;background:#23272b;border:1px solid #363b40;border-radius:4px}select{max-width:150px;padding:3px;font-size:10px}input[type=range]{accent-color:var(--lime);cursor:pointer;border:0;height:3px;padding:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.app-shell{max-width:2400px;min-height:100vh;margin:auto}.app-header{border-bottom:1px solid var(--border);background:#17191d;justify-content:space-between;align-items:center;height:67px;padding:0 25px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:9px;font-size:31px;font-weight:750;display:flex}.brand-icon{background:var(--lime);color:#1b2416;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.alpha{color:#92989b;letter-spacing:1px;border-left:1px solid #3a3d40;margin-left:14px;padding-left:17px;font-size:9px;font-weight:500}.project-title{align-items:center;gap:9px;margin-left:6%;display:flex}.project-title input{background:0 0;border:0;width:170px;font-size:12px;font-weight:550}.project-led{background:var(--lime);border-radius:50%;width:5px;height:5px}.local-badge{letter-spacing:.7px;color:#8b949c;border:1px solid #33383d;border-radius:3px;padding:3px 5px;font-size:8px}.header-actions{align-items:center;gap:12px;display:flex}.icon-button{color:#8c969d;padding:7px}.save-button,.export-button{border:1px solid #3b4045;border-radius:5px;padding:9px 12px;font-size:11px}.export-button{color:#192018;background:var(--lime);border-color:var(--lime);gap:8px;font-weight:650}.export-button>span{padding-left:10px}.transport{background:#17191d;border-bottom:1px solid #2e3236;align-items:center;gap:22px;height:65px;padding:0 25px;display:flex}.transport button{color:#9ba3a9;border-radius:4px;width:30px;height:30px}.transport-play{align-items:center;gap:5px;display:flex}.transport-play .play{color:var(--lime);background:#2d3330;width:36px;height:33px}.transport-play .play.active{background:var(--lime);color:#1b251b}.transport-play .record{color:#d8888a}.record.recording{animation:1s infinite pulse;color:#fff!important;background:#b65055!important}.is-on{color:var(--lime)!important;background:#293124!important}.tempo{border-left:1px solid #34383c;border-right:1px solid #34383c;align-items:center;gap:10px;padding:0 18px;display:flex}.tempo label{align-items:center;gap:5px;display:flex}.tempo input{color:#e1e7eb;appearance:textfield;background:0 0;border:0;width:56px;padding:0;font-family:monospace;font-size:22px;font-weight:600}.tempo input::-webkit-inner-spin-button{appearance:none}.tempo span{color:#929a9e;font-size:8px}.tempo button{font-size:25px}.time-display{color:#d4dbdd;letter-spacing:1px;white-space:nowrap;padding-bottom:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:25px;position:relative}.time-display>span{color:#5c646a;margin:0 4px}.time-display small{letter-spacing:1.4px;color:#79848a;font-size:7px;position:absolute;bottom:-2px;left:2px}.transport-settings{color:#929b9f;align-items:center;gap:10px;font-size:9px;display:flex}.transport-settings label{white-space:nowrap;align-items:center;gap:6px;display:flex}.transport-settings select{color:#c1c9ce;background:0 0;border:0}.signature{white-space:nowrap;font-size:12px}.transport-divider{background:#35393d;width:1px;height:23px;margin:0 10px}.engine-state{letter-spacing:.7px;color:#9ca8ac;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:8px;display:flex}.status-dot{background:#a9d58f;border-radius:50%;width:5px;height:5px;display:inline-block}.engine-quality{letter-spacing:0;color:#7e898f;border-left:1px solid #34383c;align-items:center;gap:7px;margin:0 8px;padding-left:16px;display:flex}.studio{min-height:calc(100vh - 132px);display:flex}.browser{border-right:1px solid var(--border);background:#17191d;flex-direction:column;flex:0 0 218px;width:218px;padding:24px 14px 0;display:flex}.browser-title{letter-spacing:1.5px;color:#929ba0;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:9px;display:flex}.browser-title button{color:#8a949a}.search-box{color:#667079;background:#1d2024;border:1px solid #30353b;border-radius:5px;align-items:center;gap:7px;height:31px;margin-bottom:22px;padding:0 9px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.search-box kbd{font-size:11px}.library-row{color:#aeb6ba;justify-content:flex-start;gap:7px;width:100%;padding:10px 0;font-size:10px}.library-row>span:last-child{color:#717d84;margin-left:auto;font-size:8px}.library-label{color:#616e77;letter-spacing:1px;padding:14px 12px 8px;font-size:8px}.sound{justify-content:space-between;gap:2px;padding:4px 0;display:flex}.sound>button:first-child{justify-content:flex-start;gap:9px;min-width:0}.sound>button:first-child>span:nth-child(2){text-align:left;color:#c0c7cb;font-size:10px}.sound small{letter-spacing:1px;color:#6f7a80;margin-top:5px;font-size:6px;display:block}.sound-symbol{color:#a6c889;background:#252c26;border:1px solid #343b37;border-radius:4px;width:28px;height:30px}.sound-1{color:#c99b78;background:#2c2623;border-color:#40362d}.sound-2{color:#7faeac;background:#212d2e;border-color:#2e3f41}.sound-3{color:#aca0d0;background:#2a2632;border-color:#3b3448}.sound-4{color:#ca8ba7;background:#30232b;border-color:#45333f}.sound>button:last-child{color:#68777d}.import-row{margin:16px 0 4px}.browser-separator{background:var(--border);height:1px;margin:20px -1px 13px}.suite-items{padding:5px 3px}.suite-items>button{text-align:left;justify-content:flex-start;gap:10px;width:100%;padding:8px 0}.suite-items>button>span:nth-child(2){color:#b7bfc3;flex:1;font-size:10px}.suite-items small{color:#6a777f;margin-top:4px;font-size:8px;display:block}.suite-letter{color:#969fa3;background:#25292d;border:1px solid #343b40;border-radius:7px;place-items:center;width:25px;height:25px;font-family:monospace;font-size:13px;display:grid}.suite-items svg{color:#57656d}.browser-foot{margin-top:auto;padding:37px 9px 30px}.browser-foot p{letter-spacing:-.5px;color:#9ca6aa;font-size:18px;line-height:1.4}.browser-foot>span:last-child{letter-spacing:1px;color:#57636b;margin-top:13px;font-size:7px;display:block}.tiny-wave{align-items:center;gap:4px;height:30px;margin-bottom:12px;display:flex}.tiny-wave i{background:#67814b;border-radius:1px;width:3px;height:11px}.tiny-wave i:nth-child(2),.tiny-wave i:nth-child(6){height:22px}.tiny-wave i:nth-child(3),.tiny-wave i:nth-child(5){height:14px}.tiny-wave i:nth-child(4){background:var(--lime);height:28px}.browser-storage{border-top:1px solid var(--border);color:#77848a;align-items:center;gap:8px;padding:15px 0;font-size:8px;display:flex}.workspace{background:radial-gradient(at 45% -40%,#29302644,#0000 70%),#111417;flex:1;min-width:0;padding:25px 24px 0}.workspace-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:1.8px;color:#7e8b90;font-size:8px;font-weight:550}.workspace-heading h1{letter-spacing:-.7px;color:#e6e8e6;margin-top:8px;font-size:21px;font-weight:550}.workspace-heading h1>span{color:var(--lime)}.workspace-tabs{background:#1d2125;border:1px solid #2e3338;border-radius:5px;gap:2px;padding:4px;display:flex}.workspace-tabs button{color:#9ca5ac;padding:6px 10px;font-size:9px}.workspace-tabs button:first-child{color:#d4e8b9;background:#323b2d;border-radius:3px}.panel{background:#1a1d21;border:1px solid #33383d;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #00000016}.panel-title{color:#96a3aa;background:#202429;border-bottom:1px solid #30363a;align-items:center;gap:8px;height:38px;padding:0 13px;display:flex}.panel-title h2{color:#d6dddf;white-space:nowrap;font-size:11px;font-weight:550}.panel-title>span{color:#7a878e;margin-left:5px;font-size:8px}.panel-title>button:last-child{margin-left:auto}.arrangement-label{align-items:center;gap:10px;display:flex}.tools{background:#181c20;border:1px solid #2f353b;border-radius:4px;gap:2px;margin-left:auto;padding:2px;display:flex}.tools button{color:#7c8b94;border-radius:3px;width:26px;height:23px}.tools button.active{color:var(--lime);background:#343c2c}.bars-label{margin-left:4px}.bars-label select{color:#9aa7ae;background:0 0;border:0;max-width:100px;font-size:8px}.timeline-ruler,.marker-line,.playlist-track{display:flex}.track-label{color:#818e95;border-right:1px solid #343b40;flex:0 0 150px;justify-content:flex-start;align-items:center;gap:6px;width:150px;padding:0 11px;font-size:8px;display:flex}.timeline-ruler{background:#1d2227;border-bottom:1px solid #32393e;height:27px}.timeline-ruler .track-label{letter-spacing:1px;justify-content:space-between;font-size:7px}.bar-numbers{color:#818d96;flex:1;font-size:9px;display:grid}.bar-numbers>span{border-left:1px solid #343c43;padding:8px 0 0 8px}.marker-line{border-bottom:1px solid #30373c;height:23px}.marker-line .track-label{letter-spacing:1px;color:#5e6d75;font-size:6px}.marker-lane{background:#1a1f23;flex:1;position:relative}.marker-lane>span{letter-spacing:1px;color:#b2c1a1;white-space:nowrap;align-items:center;gap:5px;padding-left:6px;font-size:6px;display:flex;position:absolute;top:5px}.playlist-scroll{scrollbar-width:thin;scrollbar-color:#3a444b #1a1d21;height:216px;overflow-y:auto}.playlist-track{border-bottom:1px solid #2c3339;height:43px}.playlist-track>.track-label{text-align:left;background:#20252a}.playlist-track.selected>.track-label{border-left:2px solid var(--track);background:#2a312d;padding-left:9px}.track-number{color:#63717b;align-self:flex-start;margin-top:10px;font-family:monospace;font-size:8px}.track-name{color:#bcc7cc;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.track-name>small{letter-spacing:1px;color:#61717b;margin-top:5px;font-size:5px;display:block}.track-state{background:var(--track);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-left:auto}.track-state.off{background:#475058}.track-lane{background-color:#171c20;background-image:linear-gradient(90deg,#39434b88 1px,#0000 1px),linear-gradient(90deg,#30373d66 1px,#0000 1px);flex:1;position:relative}.tool-draw{cursor:crosshair}.tool-erase{cursor:not-allowed}.tool-slice{cursor:col-resize}.pattern-clip{background:color-mix(in srgb, var(--track) 16%, #15191c);border:1px solid color-mix(in srgb, var(--track) 55%, #15191c);height:36px;color:var(--track);text-align:left;border-radius:3px;padding:0;display:block;position:absolute;top:3px;overflow:hidden}.pattern-clip>span{background:color-mix(in srgb, var(--track) 11%, transparent);white-space:nowrap;justify-content:space-between;padding:3px 5px;font-size:6px;display:flex}.mini-notes{height:19px;margin:1px 5px;position:relative}.mini-notes i{background:var(--track);opacity:.85;border-radius:1px;min-width:2px;height:2px;display:block;position:absolute}.pattern-clip.muted{opacity:.3}.playhead{pointer-events:none;z-index:4;border-left:1px solid #e2f6b2;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #c6ee7366}.playhead:before{content:"";background:#e2f6b2;width:5px;height:5px;position:absolute;top:0;left:-3px}.playlist-hint{color:#73828c;letter-spacing:.4px;background:#1f2429;border-top:1px solid #31383d;justify-content:space-between;align-items:center;height:24px;padding:0 11px;font-size:6px;display:flex}.editor-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.editor-row>.panel{min-width:0}.rack-count{color:#6b7a83;background:#1d2227;border-bottom:1px solid #2c3339;align-items:center;height:23px;padding:0 12px;font-size:6px;display:flex}.rack-count>span{letter-spacing:1px;flex:0 0 141px;width:141px}.rack-count>div{justify-content:space-around;width:100%;display:flex}.rack-scroll{scrollbar-width:thin;scrollbar-color:#3e494f transparent;height:165px;padding-top:6px;overflow:auto}.rack-row{align-items:center;gap:5px;height:30px;padding:0 11px;display:flex}.rack-row.selected{background:#252d29}.channel-led{background:var(--track);border-radius:50%;flex:0 0 5px;width:5px;height:5px;padding:0}.channel-led.off{background:#434a4e}.channel-name{white-space:nowrap;text-overflow:ellipsis;flex:0 0 110px;justify-content:flex-start;gap:6px;width:110px;padding:0;font-size:8px;overflow:hidden}.channel-name>span{color:#5f6e76;font-size:6px}.audition{color:#65767f;flex:0 0 15px;width:15px;padding:0}.steps{grid-template-columns:repeat(16,1fr);gap:3px;width:100%;display:grid}.step{background:#373c42;border:1px solid #42494e;border-radius:3px;min-width:0;height:17px;padding:0}.step.alternate{background:#4a3f43;border-color:#554b50}.step.enabled{background:var(--track);border-color:color-mix(in srgb, var(--track) 80%, white)}.step.current{outline-offset:2px;outline:1px solid #eaffcb}.panel-foot{color:#71838d;background:#1e2429;border-top:1px solid #2e373d;justify-content:space-between;align-items:center;height:27px;padding:0 12px;font-size:7px;display:flex}.panel-foot .status-dot{width:3px;height:3px;margin-right:5px}.panel-foot button{color:#93a788;font-size:7px}.piano-panel .panel-title>span{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:7px;overflow:hidden}.piano-panel .panel-title select{background:#1c2125;border-color:#303b43;max-width:90px;padding:3px 1px;font-size:7px}.piano-panel .panel-title select:first-of-type{margin-left:auto}.piano-ruler{color:#74828b;background:#1c2227;align-items:center;height:23px;font-size:6px;display:flex}.piano-ruler>span:first-child{text-align:center;flex:0 0 36px;width:36px}.piano-ruler>span:not(:first-child){border-left:1px solid #3d464d;width:25%;padding-left:7px}.piano-grid{height:165px;position:relative;overflow:hidden}.piano-row{height:6.875px;display:flex}.piano-key{color:#677078;background:#adb4ba;border-bottom:1px solid #798087;flex:0 0 36px;justify-content:flex-end;width:36px;padding:0 4px;font-size:5px}.piano-key.black{color:#8a989f;background:#30383e;border-bottom-color:#1b2024;flex-basis:36px;width:25px;box-shadow:inset -9px 0 #747b81}.note-lane{cursor:crosshair;background:repeating-linear-gradient(90deg,#39464e55 0 1px,#0000 1px 6.25%);border-bottom:1px solid #2a343b;flex:1;position:relative}.note-lane.octave{background-color:#263138;border-bottom-color:#55606a}.midi-note{background:var(--track);border-right:2px solid #fff4;border-radius:1px;min-width:3px;height:5px;padding:0;position:absolute;top:0}.midi-note.chosen{z-index:2;outline:1px solid #fff}.piano-playhead-area{pointer-events:none;position:absolute;inset:0 0 0 36px}.note-properties{gap:8px}.note-properties>span{white-space:nowrap;font-size:6px}.note-properties label{align-items:center;gap:4px;font-size:6px;display:flex}.note-properties input{width:50px}.note-properties select{height:15px;padding:0;font-size:7px}.mixer{margin-top:16px}.mixer .panel-title{height:34px}.mixer-stereo{letter-spacing:1px;align-items:center;gap:8px;display:flex;margin-left:auto!important;font-size:6px!important}.mixer-body{height:183px;display:flex}.mixer-strips{scrollbar-width:thin;scrollbar-color:#4a555c transparent;flex:1;display:flex;overflow:auto}.mixer-channel{background:linear-gradient(90deg,#1e252a,#20272c);border-top:2px solid #414d55;border-right:1px solid #313a41;flex:1;min-width:90px;max-width:175px;position:relative}.mixer-channel.selected{border-top-color:var(--track);background:linear-gradient(90deg,#2c3530,#26302b)}.mixer-channel-title{white-space:nowrap;color:#b6c1c7;justify-content:flex-start;gap:7px;width:100%;padding:8px 9px 5px;font-size:7px;display:flex;overflow:hidden}.mixer-channel-title span{color:#788b93;font-family:monospace;font-size:6px}.mixer-channel-title strong{text-overflow:ellipsis;font-weight:500;overflow:hidden}.mix-pan{align-items:center;gap:5px;margin:3px 10px;display:flex}.mix-pan input{accent-color:#95a88e;width:100%;height:2px}.mix-pan span{color:#8a9c9f;text-align:right;width:17px;font-size:6px}.fader-area{justify-content:center;gap:13px;height:100px;margin-top:5px;display:flex;position:relative}.fader-scale{color:#7b8c95;flex-direction:column;justify-content:space-between;height:92px;padding-top:5px;font-size:5px;display:flex}.fader{writing-mode:vertical-lr;appearance:slider-vertical;direction:rtl;align-self:center;accent-color:#b8c7c0!important;width:10px!important;height:91px!important}.level-meter{background:repeating-linear-gradient(0deg,#1c2529 0 3px,#344247 3px 4px);border:1px solid #1a2328;align-self:center;width:6px;height:92px;position:relative}.level-meter i{background:repeating-linear-gradient(0deg,#b4d986 0 3px,#2c3d30 3px 4px);width:100%;transition:height 80ms;position:absolute;bottom:0}.mix-buttons{align-items:center;gap:4px;padding:8px 9px 0;display:flex}.mix-buttons button{color:#81949d;background:#303c42;border:1px solid #3e4a52;border-radius:2px;width:18px;height:15px;font-size:6px}.mix-buttons button.active{background:var(--track);color:#1c282a;border-color:var(--track)}.mix-buttons>span{color:#9eadae;margin-left:auto;font-family:monospace;font-size:6px}.master-channel{border-top-color:#98b469;border-right-color:#505a5e;min-width:85px;max-width:90px}.master-gain{text-align:center;color:#becdc1;padding-top:8px;font-family:monospace;font-size:15px}.master-gain small{color:#81948a;font-size:6px}.master-meter{background:repeating-linear-gradient(0deg,#26382e 0 3px,#17261d 3px 4px);align-items:flex-end;gap:3px;width:17px;height:83px;margin:8px auto;display:flex}.master-meter i{background:repeating-linear-gradient(0deg,#b4d986 0 3px,#2c3d30 3px 4px);width:7px;min-height:1px}.master-foot{text-align:center;letter-spacing:.6px;color:#7a927d;font-size:5px;display:block}.effect-inspector{background:#1d2429;border-left:1px solid #3b464b;flex:0 0 227px;width:227px;padding:8px 12px 9px}.inspector-title{align-items:center;gap:6px;height:24px;margin-bottom:6px;display:flex}.inspector-title>span{border-radius:50%;width:5px;height:5px}.inspector-title input{color:#bdc9ce;background:0 0;border:0;width:100%;padding:3px;font-size:8px}.effect-row{border-bottom:1px solid #303b42;padding:8px 0;display:block}.effect-row>span{color:#b0c0c6;align-items:center;gap:6px;font-size:8px;display:flex}.effect-row small{color:#819a8c;margin-left:auto;font-size:7px}.effect-row input{accent-color:#a0b785;width:100%;margin-top:9px;display:block;height:2px!important}.automation-button{color:#80988b;justify-content:flex-start;padding:11px 0 0;font-size:7px}.workspace-footer{color:#72828a;align-items:center;gap:25px;height:41px;font-size:7px;display:flex}.workspace-footer>span,.workspace-footer>button{align-items:center;gap:6px;display:flex}.workspace-footer>span:nth-child(2){margin-left:auto}.workspace-footer>button{letter-spacing:.8px;color:#87997a;font-size:6px}.workspace-footer>span:last-child{color:#465860;letter-spacing:.8px;font-size:6px}.toast{z-index:100;color:#dce7ce;background:#303a2d;border:1px solid #657453;border-radius:7px;align-items:center;gap:10px;max-width:90vw;padding:14px 17px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0008}.toast>button{color:#b3c7a5;margin-left:10px}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#060a0cbb;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{color:#b5c2c7;background:#20262b;border:1px solid #414b50;border-radius:13px;width:540px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow:auto;box-shadow:0 20px 100px #0008}.modal-close{color:#879aa3;position:absolute;top:12px;right:13px}.modal h2{letter-spacing:-.8px;color:#ebeee8;margin:12px 0 15px;font-size:25px;font-weight:500;line-height:1.2}.modal p{color:#9cabb4;margin:12px 0 22px;font-size:12px;line-height:1.8}.export-options{gap:10px;display:grid}.export-options>button{text-align:left;background:#273137;border:1px solid #3b484e;border-radius:7px;justify-content:flex-start;gap:15px;padding:17px}.export-options>button:nth-child(2){color:var(--lime);background:#2e3829;border-color:#899f61}.export-options>button>span{flex:1;font-size:13px}.export-options small{color:#8c9fa7;margin-top:7px;font-size:9px;font-weight:400;display:block}.info-line{color:#8b9d9f;gap:8px;margin-top:22px;font-size:10px;display:flex}.busy{color:var(--lime);align-items:center;gap:10px;padding:15px 0;font-size:11px;display:flex}.capability{border-bottom:1px solid #39464b;align-items:center;gap:12px;padding:17px 0;display:flex}.capability>span{flex:1;font-size:12px}.capability small{color:#8c9ea6;margin-top:7px;font-size:9px;display:block}.capability b{letter-spacing:.8px;color:#aac48f;font-size:7px;font-weight:500}.primary-action{background:var(--lime);color:#24321d;border-radius:4px;align-items:center;margin-top:20px;padding:11px 15px;font-size:11px;font-weight:600;display:inline-flex}.connection-grid{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.connection-grid>div{background:#273138;border:1px solid #3c484f;border-radius:6px;padding:15px 13px}.connection-grid strong{color:#dde6dd;font-size:12px;font-weight:500}.connection-grid small{color:#8da1ab;margin-top:6px;font-size:10px;line-height:1.7;display:block}.modal>code{color:#9bad90;padding:15px 0;font-size:9px;display:block}.modal>small{color:#7f949d;font-size:9px;line-height:1.8;display:block}.host-actions,.modal-actions{align-items:center;gap:8px;margin:12px 0;display:flex}.host-actions>button,.modal-actions>button:not(.primary-action){border:1px solid #43535c;border-radius:4px;padding:9px;font-size:9px}.modal textarea{background:#171e23;width:100%;padding:12px;font-family:monospace;line-height:1.6}.clip-fields{gap:20px;display:flex}.clip-fields label{flex:1;gap:8px;font-size:11px;display:grid}.clip-fields input{width:100%;padding:10px}.danger-action{color:#d49292;margin-top:25px;font-size:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.6}}@media (width>=1600px){.workspace{padding:30px 35px 0}.workspace-heading{margin-bottom:28px}.playlist-scroll{height:260px}.playlist-track{height:52px}.pattern-clip{height:45px}.mini-notes{height:28px}.rack-scroll,.piano-grid{height:201px}.piano-row{height:8.375px}.midi-note{height:7px}.mixer-body{height:205px}.fader-area{height:119px}.fader{height:110px!important}.fader-scale,.level-meter{height:110px}.browser{flex-basis:235px;width:235px}.mixer-channel{min-width:110px}.workspace-heading h1{font-size:25px}}@media (width<=1200px){.browser{flex-basis:185px;width:185px;padding-left:10px;padding-right:10px}.workspace{padding:20px 15px 0}.project-title{margin-left:0}.engine-quality{display:none}.transport{gap:15px}.transport-settings{gap:5px}.alpha{display:none}.workspace-heading h1{font-size:18px}.workspace-tabs button{padding:6px 7px}.track-label{flex-basis:125px;width:125px}.channel-name{flex-basis:80px;width:80px}.rack-count>span{flex-basis:111px;width:111px}.steps{gap:2px}.rack-row{gap:4px;padding:0 8px}.piano-panel .panel-title>span{display:none}.effect-inspector{flex-basis:190px;width:190px}.mixer-channel{min-width:80px}.workspace-footer{gap:13px}}@media (width<=980px){.browser{display:none}.workspace{padding:20px}.transport-settings{display:none}.transport{gap:25px}.engine-state{margin-left:auto}.project-title input{width:140px}.editor-row{gap:12px}.workspace-footer{font-size:6px}.workspace-tabs{margin-left:10px}.workspace-heading h1{font-size:19px}}@media (width<=650px){.app-header{height:60px;padding:0 12px}.brand{font-size:25px}.brand-icon{width:28px;height:28px}.brand-icon svg{width:22px}.project-title{gap:4px;margin:0 6px}.project-title input{width:115px;font-size:10px}.local-badge,.save-button,.icon-button{display:none}.header-actions{gap:3px}.export-button{padding:8px;font-size:10px}.export-button>span{display:none}.transport{gap:12px;height:62px;padding:0 12px}.transport-play{gap:1px}.transport button{width:25px}.tempo{gap:4px;padding:0 10px}.tempo input{width:43px;font-size:20px}.tempo button{width:18px;font-size:20px}.time-display{font-size:19px}.time-display small{font-size:5px}.time-display>span{margin:0 1px}.engine-state{display:none}.workspace{padding:20px 10px 0}.workspace-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.workspace-heading h1{font-size:21px}.workspace-tabs{justify-content:space-around;width:100%;margin-left:0}.workspace-tabs button{flex:1}.track-label{flex-basis:85px;width:85px;padding:0 6px}.track-number{display:none}.track-name{font-size:7px}.track-state{display:none}.track-name small{font-size:4px}.panel-title{gap:5px;padding:0 8px}.panel-title h2{font-size:10px}.arrangement-label{display:none!important}.tools button{width:23px}.playlist-hint{padding:0 6px;font-size:5px}.playlist-hint>span:first-child{display:none}.playlist-scroll{height:216px}.editor-row{grid-template-columns:1fr;gap:12px;margin-top:12px}.rack-row{gap:6px}.channel-name{flex-basis:95px;width:95px}.rack-count>span{flex-basis:139px;width:139px}.step{height:18px}.steps{gap:3px}.piano-panel .panel-title>span{max-width:75px;display:block}.mixer{margin-top:12px}.mixer-body{flex-direction:column;height:auto}.mixer-strips{flex:none;height:185px}.mixer-channel{min-width:79px}.effect-inspector{border-top:1px solid #3d494e;border-left:0;flex-basis:auto;grid-template-columns:1fr 1fr;column-gap:20px;width:100%;padding:10px 13px;display:grid}.inspector-title{grid-column:1/-1;margin-bottom:0}.automation-button{grid-column:1/-1;padding-bottom:5px}.mixer-stereo{display:none!important}.mixer .panel-title>span{font-size:6px}.workspace-footer{justify-content:space-between;gap:9px;height:45px;font-size:5px}.workspace-footer>span:nth-child(2),.workspace-footer>button{display:none}.modal{padding:27px 20px}.modal h2{font-size:22px}.modal p{font-size:11px}.connection-grid{grid-template-columns:1fr}.export-options>button{padding:13px}.export-options small{font-size:8px}.host-actions{flex-wrap:wrap}.toast{min-width:80%;padding:12px;font-size:11px;bottom:15px}.piano-grid,.rack-scroll{height:165px}.workspace-heading .eyebrow{font-size:7px}.panel-foot{font-size:6px}.clip-fields{gap:12px}.modal-overlay{padding:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.compact-actions{display:none}@media (width<=980px){.compact-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.compact-actions button{color:#99a9b2;border:1px solid #37434a;border-radius:4px;padding:7px 10px;font-size:9px}}