@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#dce5e3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#29dfc5;--muted:#798a85;--border:#29312e;--surface:#171c1a;--mono:"DM Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;letter-spacing:0;background:#101312;font-family:Manrope,sans-serif;font-size:12px}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:#222a26;border:1px solid #343d37;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:29px;padding:5px 10px;display:inline-flex}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}input,select{color:#d9e5de;background:#131916;border:1px solid #364039;border-radius:3px;min-width:0;padding:5px 7px}input[type=range]{appearance:none;height:3px;accent-color:var(--accent);cursor:pointer;background:#3a4840;border:0;width:100%;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#bdcdc5;border:1px solid #d3e1d9;border-radius:2px;width:9px;height:13px}input[type=number]{font-family:var(--mono)}input:disabled{opacity:.3}h1,h2,p{margin:0}h2{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}small{color:var(--muted);font-size:9px}svg{flex-shrink:0}.app-header{border-bottom:1px solid var(--border);background:#141917;align-items:center;gap:65px;height:65px;padding:0 25px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-mark{color:#091a14;background:var(--accent);border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.beta{font:9px var(--mono);color:var(--muted);border:1px solid #3a4640;border-radius:3px;margin-left:3px;padding:3px 5px}.app-header nav{align-items:center;gap:28px;height:100%;display:flex}.app-header nav a{height:100%;color:var(--muted);align-items:center;gap:8px;display:flex;position:relative}.app-header nav a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.app-header nav a span{font:8px var(--mono);background:#2a322d;border-radius:2px;padding:2px 3px}.header-right{align-items:center;gap:22px;margin-left:auto;display:flex}.local-badge{font:9px var(--mono);color:#9eafa6;align-items:center;gap:7px;display:flex}.local-badge i,.local-dot,.engine-status i,.studio-footer i{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.audio-badge{font:9px var(--mono);color:#7d8d85;border:1px solid var(--border);border-radius:3px;padding:6px 8px}.workspace{grid-template-columns:205px minmax(0,1fr);max-width:1800px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--border);background:#141916;flex-direction:column;gap:20px;min-height:calc(100vh - 65px);padding:25px 15px;display:flex}.workspace-label,.library-heading{font:9px var(--mono);color:#76897e;justify-content:space-between;align-items:center;display:flex}.project-label{align-items:center;gap:10px;min-width:0;margin-bottom:10px;display:flex}.project-art{color:#97c3aa;background:repeating-linear-gradient(135deg,#263b31 0 3px,#24342c 3px 9px);border:1px solid #40594a;border-radius:5px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.project-label strong{overflow-wrap:anywhere;font-size:11px}.project-label small{font:8px var(--mono);margin-top:5px;display:block}.track-library{flex-direction:column;gap:5px;margin-top:-9px;display:flex}.track-library button{text-align:left;color:#9eafa4;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:flex-start;gap:10px;padding:11px 8px}.track-library button span{color:#d1dfd5;flex:1;font-size:11px}.track-library button small{font:8px var(--mono);margin-top:5px;display:block}.track-library button b{font:9px var(--mono);color:#697d6e}.pattern-library{flex-direction:column;gap:4px;margin-top:-9px;display:flex}.pattern-library button{color:#9eafa4;background:0 0;border:0;justify-content:flex-start;padding:8px 4px;font-size:10px}.pattern-library button span{font:8px var(--mono);color:#657b6c;margin-left:auto}.sidebar-footer{color:#58715f;font:8px var(--mono);margin-top:auto;padding-top:50px;line-height:2.5}.sidebar-footer div{color:#9caf9f;align-items:center;gap:6px;display:flex}main{min-width:0;padding:25px 28px 0}.project-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.eyebrow{font:8px var(--mono);color:#7d8d82;margin-bottom:7px}.eyebrow span{color:#455b4a;margin:0 7px}.project-name{background:0 0;border:0;width:min(440px,100%);height:34px;padding:0;font-size:24px;font-weight:700;display:block}.save-status{color:#7e9485;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.project-actions{align-items:center;gap:4px;display:flex}.icon-button{color:#8ea095;background:0 0;border-color:#0000;width:30px;min-width:30px;height:30px;padding:4px}.export-container{margin-left:15px;position:relative}.export-button{background:#26362c;border:1px solid #465b49;height:33px;font-size:11px}.export-menu{z-index:10;background:#1d2921;border:1px solid #475a4c;border-radius:5px;width:240px;padding:8px;position:absolute;top:42px;right:0;box-shadow:0 12px 30px #0007}.export-menu button{background:0 0;border:0;justify-content:flex-start;width:100%;margin-bottom:6px}.export-menu small{padding:5px;line-height:1.6;display:block}.transport{background:#1b221d;border:1px solid #303d33;border-radius:5px;align-items:center;gap:22px;min-height:72px;margin-bottom:23px;padding:12px 17px;display:flex}.transport-buttons{border-right:1px solid #374239;align-items:center;gap:5px;padding-right:18px;display:flex}.play-button{background:var(--accent);color:#08271a;border-color:var(--accent);width:85px;height:35px;font-weight:800}.play-button:hover{background:#79edce;border-color:#79edce}.position{min-width:109px}.position strong{font:17px var(--mono);color:#d1e0d3;white-space:nowrap}.position strong span{color:#627a67}.position small{font:7px var(--mono);margin-top:5px;display:block}.tempo{text-align:center;flex-direction:column;gap:4px;display:flex}.tempo input{text-align:center;background:0 0;border:0;width:64px;padding:0;font-size:17px}.tempo span{font:8px var(--mono);color:#758e7c}.swing{width:110px;font:9px var(--mono);color:#93a498;display:block}.swing output{float:right;color:#d2ded3}.swing input{margin-top:12px;display:block}.master-meter{min-width:140px;margin-left:auto}.master-meter>span{font:7px var(--mono);color:#9bad9d;justify-content:space-between;display:flex}.master-meter small{gap:33px;font-size:7px;display:flex}.master-meter canvas{width:140px;height:10px;margin-top:5px;display:block}.master-meter input{margin-top:7px;display:block}.engine-status{font:7px var(--mono);color:#acbdac;white-space:nowrap}.engine-status i{background:#809b86;margin-right:5px}.engine-status small{font:7px var(--mono);color:#5e7967;margin-top:6px;display:block}.sampler-layout{border:1px solid var(--border);border-radius:5px;grid-template-columns:minmax(310px,.9fr) minmax(390px,1.3fr);display:grid;overflow:hidden}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;height:45px;padding:0 15px;display:flex}.section-heading>span,.section-heading>div>span{font:8px var(--mono);color:#6f887b}.section-heading span b{color:#b1c4b8;margin-left:8px;font-weight:400}.section-heading h2 svg{color:#7d9e8a}.section-heading select{padding:4px 6px;font-size:10px}.pads-section{border-right:1px solid var(--border);background:#171e19}.pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px;display:grid}.pad{aspect-ratio:1.38;text-align:left;touch-action:manipulation;background:#222d25;border:1px solid #394d3f;border-bottom:3px solid #314037;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:stretch;min-width:0;min-height:69px;padding:8px 9px 6px;transition:transform 65ms,background 65ms;display:flex}.pad:hover{background:#2c3d31}.pad.hit{transform:scale(.96);box-shadow:0 0 15px #29dfc525;color:#081d12!important;background:#38ba92!important}.pad-top{font:8px var(--mono);color:#789783;justify-content:space-between;display:flex}.pad kbd{font:8px var(--mono);color:#809687;background:#14201a88;border:1px solid #384b3d;border-radius:2px;padding:1px 4px}.pad.selected .pad-top{color:var(--accent)}.pad-name{white-space:nowrap;text-overflow:ellipsis;color:#cadbcf;font-size:10px;font-weight:600;overflow:hidden}.pad-name small{font:6px var(--mono);color:#769682;margin-top:3px;display:block}.pad-line{background:#49624f;width:35%;height:2px;margin-top:4px}.pad.selected .pad-line{background:var(--accent);width:60%}.section-foot{border-top:1px solid var(--border);font:7px var(--mono);color:#6d8976;justify-content:space-between;gap:8px;padding:9px 15px;display:flex}.section-foot b{color:#3d5a47;margin:0 5px;font-weight:400}.sample-section{background:#151c17;min-width:0}.sample-section.drop-active{outline:2px dashed var(--accent);outline-offset:-3px}.inline-actions{align-items:center;gap:7px;display:flex}.inline-actions button{min-height:25px;padding:4px 8px;font-size:9px}.inline-actions .icon-button{width:25px;min-width:25px;padding:3px}.sample-info{justify-content:space-between;align-items:center;padding:15px 16px 12px;display:flex}.sample-info>div{align-items:center;gap:9px;display:flex}.sample-icon{font:8px var(--mono);color:#8fab98;border:1px solid #3e5144;border-radius:4px;padding:8px 6px}.sample-info strong{font-size:11px}.sample-info small{font:7px var(--mono);margin-top:5px;display:block}.sample-info>span{font:9px var(--mono);color:#879f8e}.waveform-wrap{border:1px solid #33483b;border-radius:3px;margin:0 16px;overflow:hidden}.waveform-wrap canvas{touch-action:none;cursor:ew-resize;width:100%;height:116px;display:block}.wave-times{font:7px var(--mono);color:#688b73;background:#142019;border-top:1px solid #2b4032;justify-content:space-between;padding:7px 5px;display:flex}.wave-toolbar{font:8px var(--mono);color:#a4c1ad;align-items:center;gap:7px;margin:3px 16px 9px;display:flex}.wave-toolbar>span:first-child{white-space:nowrap;margin-right:auto}.wave-toolbar b{color:#658773;font-weight:400}.wave-toolbar>input{max-width:110px;margin-right:10px}.wave-toolbar .icon-button{width:23px;min-width:23px;height:25px}.trim-inputs{border-bottom:1px solid #2e4033;align-items:center;gap:10px;margin:0 16px;padding-bottom:12px;display:flex}.trim-inputs>label{font:8px var(--mono);color:#849f8d;align-items:center;gap:5px;display:flex}.trim-inputs input[type=number]{width:70px;padding:5px;font-size:9px}.trim-inputs select{padding:4px;font-size:9px}.trim-inputs>label>span{font-size:7px}.trim-inputs .check-label{margin-left:auto}.pad-parameters{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding:16px 16px 19px;display:grid}.range-control{min-width:0;display:block}.range-control>span{color:#93aa9b;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:9px;display:flex}.range-control output{font:8px var(--mono);color:#c6d8cc}.range-control input{margin-top:11px;display:block}.sequencer-section{border:1px solid var(--border);background:#161e18;border-radius:5px;margin-top:19px;overflow:hidden}.tag{font:7px var(--mono);color:#7c9a85;white-space:nowrap;border:1px solid #354b3c;border-radius:3px;margin-left:5px;padding:3px 5px}.sequencer-scroll{padding:6px 15px 12px;overflow-x:auto}.sequencer-grid{min-width:620px}.step-ruler,.step-row{grid-template-columns:170px repeat(16,minmax(15px,1fr));align-items:center;gap:6px;display:grid}.step-ruler{color:#506e5a;height:27px;font:7px var(--mono);text-align:center}.step-ruler>span:first-child{text-align:left;font-size:7px}.step-row{height:35px}.step-track{align-items:center;gap:4px;min-width:0;padding-right:5px;display:flex}.step-track>button{background:0 0;border:0;flex:1;justify-content:flex-start;gap:8px;min-width:0;padding:0;font-size:10px}.step-track strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.track-number{font:8px var(--mono);color:#668b74;border-left:2px solid #456f55;padding-left:7px}.selected-track .track-number{border-color:var(--accent);color:var(--accent)}.step-track select{font:7px var(--mono);background:0 0;border-color:#344f3f;width:40px;padding:3px 1px}.step-cell{background:#26392c;border:1px solid #304e3a;border-radius:3px;height:24px;min-height:24px;padding:0;position:relative;overflow:hidden}.step-cell.beat-start{margin-left:3px}.step-cell.active>span{height:calc(var(--velocity) * 100%);opacity:.8;background:#37c297;position:absolute;bottom:0;left:0;right:0}.step-cell.playhead{outline-offset:2px;outline:2px solid #cbf7d9}.step-detail{background:#223b2c;border:1px solid #3b674c;border-radius:4px;align-items:center;gap:24px;margin:0 15px 12px;padding:12px;display:flex}.step-detail .range-control{flex:1}.step-detail strong{font-size:10px}.bottom-layout{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:19px;margin-top:19px;display:grid}.arrangement-column{min-width:0}.timeline-section,.mixer-section,.effects-section{border:1px solid var(--border);background:#161e18;border-radius:5px;overflow:hidden}.timeline-ruler{font:7px var(--mono);color:#668672;justify-content:space-between;padding:12px 16px 7px;display:flex}.timeline-blocks{gap:7px;min-height:100px;padding:0 15px 12px;display:flex;overflow-x:auto}.song-block{text-align:left;cursor:grab;background:#253d2c;border:1px solid #406447;border-radius:4px;flex-direction:column;flex-shrink:0;flex-basis:0;align-items:stretch;gap:6px;min-width:105px;padding:8px 10px;display:flex}.song-block.current{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)}.song-block>span{font:7px var(--mono);color:#7fba92;align-items:center;gap:3px;display:flex}.song-block b{margin-left:auto;font-weight:400}.song-block strong{overflow-wrap:anywhere;font-size:11px}.song-block small{font:7px var(--mono);color:#79a887}.mini-steps{align-items:flex-end;gap:3px;height:12px;margin-top:3px;display:flex}.mini-steps i{background:#375c40;flex:1;height:4px}.mini-steps i.on{background:#56a974;height:11px}.section-editor{flex-wrap:wrap;align-items:center;gap:5px;padding:0 15px 12px;display:flex}.section-editor>input{flex:1;width:90px;font-size:9px}.section-editor>select{width:95px;font-size:9px}.section-editor>label{font:8px var(--mono);color:#8ca394;align-items:center;gap:5px;display:flex}.section-editor input[type=number]{width:42px;font-size:9px}.section-editor .icon-button{width:24px;min-width:24px;height:24px}.empty-arrangement{color:var(--muted);padding:20px}.effect-tabs{border-bottom:1px solid var(--border);gap:9px;padding:0 12px;display:flex}.effect-tabs button{text-transform:capitalize;color:#7e9d89;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;height:35px;padding:3px;font-size:9px}.effect-tabs button.selected{border-bottom-color:var(--accent);color:#d4e4d8}.effect-tabs i{background:#48644f;border-radius:50%;width:4px;height:4px}.effect-body{grid-template-columns:1fr 1fr;gap:15px;min-height:105px;padding:12px 15px 17px;display:grid}.effect-title{font:7px var(--mono);color:#91ae9a;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.effect-title button{font:8px var(--mono);min-height:23px;padding:3px 7px}.segmented{border:1px solid #3a5943;border-radius:3px;grid-column:1/-1;align-items:center;width:max-content;display:flex}.segmented button{background:0 0;border:0;border-radius:2px;min-height:22px;padding:3px 15px;font-size:8px}.effect-body .range-control input{margin-top:10px}.delay-controls{font:9px var(--mono);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.delay-controls label{align-items:center;gap:10px;display:flex}.delay-controls select{font-size:9px}.delay-controls>span{color:#8dac94}.effect-readout{font:25px var(--mono);align-items:center;gap:10px;display:flex}.effect-readout small{font-size:8px}.mixer-channels{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6px;display:grid}.channel{border-right:1px solid #2c4132;min-width:0;padding:12px 9px 15px}.channel:last-child{border:0}.channel-name{white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;font-size:9px;display:flex}.channel-name span{font:8px var(--mono);color:#6a9179}.channel-switches{gap:5px;margin:12px 0 16px;display:flex}.channel-switches button{font:8px var(--mono);background:#263d2d;border-color:#3e5b46;flex:1;min-height:23px;padding:2px}.fader-area{justify-content:center;align-items:center;gap:12px;height:164px;display:flex}.fader-scale{font:7px var(--mono);color:#527760;line-height:32px}.fader-area input.fader{writing-mode:vertical-lr;appearance:none;direction:rtl;background:#0d1b12;border:1px solid #405849;width:4px;height:150px}.fader::-webkit-slider-thumb{box-shadow:0 2px 3px #0008;background:#acbcae!important;border:2px solid #c6d9c8!important;width:21px!important;height:12px!important}.db-value{text-align:center;font:9px var(--mono);color:#a0b9a6;margin:15px 0 20px;display:block}.pan-control>span{font:7px var(--mono);color:#567b63;justify-content:space-between;display:flex}.pan-control b{color:#84a58f;font-weight:400}.pan-control input{margin:10px 0 18px;display:block}.channel-inserts{flex-direction:column;gap:5px;display:flex}.channel-inserts button{font:7px var(--mono);color:#7e9e89;background:#1c3123;border-color:#354e3c;justify-content:flex-start;min-height:24px;padding:3px}.channel-inserts button i{background:#47634f;border-radius:50%;width:4px;height:4px}.studio-footer{font:7px var(--mono);color:#567861;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;display:flex}.studio-footer>span:first-child{color:#8eaa95;align-items:center;gap:6px;display:flex}.studio-footer b{margin:0 8px;font-weight:400}.error-banner{color:#f1d3aa;background:#3e3425;border:1px solid #b58d5f;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 15px;display:flex}.jam-page{background:#151b17;min-height:100vh;padding:25px 35px}.jam-page>div{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:75vh;display:flex}.jam-page>div>svg{color:var(--accent)}.jam-page h1{font-size:48px}.jam-page p{color:var(--muted)}.jam-page>div>a{color:var(--accent);border-bottom:1px solid;padding-bottom:5px}@media (width>=1450px){main{padding-left:36px;padding-right:36px}.pad{aspect-ratio:1.65}.waveform-wrap canvas{height:145px}.sampler-layout{grid-template-columns:minmax(400px,1fr) minmax(450px,1.4fr)}.transport{gap:32px}.pad-name{font-size:11px}.pad-name small{font-size:7px}.pad-top{font-size:9px}.bottom-layout{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr)}}@media (width<=1180px){.workspace{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:22px 10px}main{padding:22px 18px 0}.transport{gap:14px;padding:12px}.engine-status{display:none}.transport-buttons{padding-right:10px}.sampler-layout{grid-template-columns:minmax(260px,1fr) minmax(360px,1.3fr)}.pad-grid{gap:7px;padding:12px}.pad{min-height:67px;padding:7px}.trim-inputs{gap:6px}.trim-inputs input[type=number]{width:61px}.pad-parameters{gap:9px}.bottom-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.fader-area{gap:9px}.channel{padding:12px 7px}.step-ruler,.step-row{grid-template-columns:145px repeat(16,minmax(15px,1fr));gap:5px}.position{min-width:100px}.swing{width:90px}.header-right .audio-badge{display:none}.app-header{gap:45px}.brand{font-size:20px}}@media (width<=1000px){.sidebar{display:none}.workspace{grid-template-columns:minmax(0,1fr)}.sampler-layout{grid-template-columns:minmax(260px,1fr) minmax(360px,1.25fr)}.transport{gap:22px}.app-header{height:60px}.pad{aspect-ratio:1.25}.waveform-wrap canvas{height:133px}.project-name{font-size:23px}}@media (width<=720px){.app-header{gap:20px;padding:0 16px}.brand{gap:7px;font-size:19px}.brand-mark{width:28px;height:28px}.beta,.header-right{display:none}.app-header nav{gap:20px;margin-left:auto}.app-header nav a{font-size:10px}.app-header nav a span{display:none}main{padding:18px 12px 0}.project-toolbar{gap:5px;margin-bottom:15px}.project-name{width:100%;max-width:290px;font-size:19px}.eyebrow{font-size:7px}.export-container{margin-left:5px}.project-actions{gap:0}.project-actions>.icon-button{width:25px;min-width:25px}.export-button{padding:5px 8px;font-size:10px}.export-button>svg:last-child{display:none}.transport{flex-wrap:wrap;gap:15px 20px;margin-bottom:16px;padding:12px}.transport-buttons{padding-right:16px}.position{min-width:95px}.tempo{margin-left:auto}.master-meter{min-width:140px;margin-left:auto}.swing{width:125px}.sampler-layout{grid-template-columns:1fr}.pads-section{border-right:0;border-bottom:1px solid var(--border)}.pad-grid{gap:10px;padding:14px}.pad{aspect-ratio:1.7;min-height:73px;padding:8px 10px}.pad-name{font-size:11px}.pad-name small{font-size:7px}.pad-top{font-size:9px}.pad kbd{font-size:8px}.section-heading{padding:0 12px}.waveform-wrap canvas{height:135px}.sample-info{padding-top:14px}.trim-inputs{flex-wrap:wrap;gap:9px}.pad-parameters{gap:14px;padding:18px 16px 22px}.bottom-layout{grid-template-columns:1fr;gap:16px;margin-top:16px}.effects-section{margin-top:16px}.mixer-channels{padding:0 8px}.channel{padding:15px 12px}.channel-name{font-size:11px}.fader-area{gap:16px;height:145px}.fader-area input.fader{height:135px}.fader-scale{line-height:29px}.channel-inserts{flex-direction:row}.channel-inserts button{flex:1}.studio-footer>span:nth-child(2){display:none}.studio-footer{font-size:7px}.sequencer-section{margin-top:16px}.tag{font-size:6px}.sequencer-section h2{font-size:11px}.inline-actions{gap:3px}.step-detail{gap:12px}.section-editor>input{min-width:70px}.wave-toolbar>input{max-width:120px}.app-header nav svg{display:none}.save-status{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.pad{width:100%}.jam-workspace{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;padding:22px 0}.jam-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.jam-heading h1{margin-top:7px;font-size:25px}.youtube-form{align-items:center;gap:12px;margin-bottom:18px;display:flex}.youtube-form input{flex:1;min-width:0;height:36px}.youtube-form button{white-space:nowrap;height:36px}.jam-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start;gap:22px;display:grid}.youtube-player{min-width:0}.youtube-player iframe,.youtube-empty{aspect-ratio:16/9;background:#0c100f;border:1px solid #35423c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.youtube-empty{color:#89a699;background:repeating-linear-gradient(135deg,#151d19 0 1px,#111713 1px 16px)}.video-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.video-actions a{color:#9eb7ad;align-items:center;gap:5px;font-size:10px;display:flex}.video-actions button{font-size:10px}.jam-take{border-left:1px solid var(--border);min-width:0}.jam-take .section-heading{border:0;height:30px;padding-top:0}.take-content{flex-direction:column;gap:15px;padding:12px 15px;display:flex}.take-pattern{font:14px var(--mono)}.take-buttons{flex-wrap:wrap;gap:6px;display:flex}.take-buttons button{min-height:32px;font-size:10px}.take-content>label{color:#a5b9af;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.take-content>label input{width:65%;height:30px}.take-content>label input[type=number]{width:65px}.add-jam-button{background:var(--accent);color:#10251e;border-color:var(--accent);min-height:35px;font-weight:700}.youtube-limit{color:#92a79d;max-width:850px;margin-top:17px;font-size:11px;line-height:1.7}.jam-validation{color:#efc89a;margin:0 0 15px;font-size:12px}.jam-success{color:var(--accent);overflow-wrap:anywhere;font-size:11px;line-height:1.6}.jam-success button{width:100%;margin-top:9px;font-size:11px}@media (width<=720px){.jam-layout{grid-template-columns:1fr;gap:18px}.jam-take{border-left:0;border-top:1px solid var(--border);padding-top:16px}.youtube-form{gap:7px}.youtube-form>svg{display:none}.youtube-form input{font-size:11px}.youtube-form button{font-size:10px}.jam-heading h1{font-size:23px}.take-content{padding:12px 0}.jam-take .section-heading{padding-left:0}.youtube-limit{font-size:10px}}.app-header,.sidebar{background:#151818}.transport{background:#1c2020;border-color:#343b3b}.pads-section,.sample-section,.sequencer-section,.timeline-section,.mixer-section,.effects-section{background:#191d1d}.pad{background:#272e2e;border-color:#3e4948 #3e4948 #333d3c}.step-cell{background:#283332;border-color:#354441}.step-cell.active{background:#26645b;border-color:#3e8a7c}.step-cell.active>span{background:var(--accent)}.song-block{background:#243933;border-color:#3e6156}.song-block.selected{background:#23453d;border-color:#428d79}.channel.selected{background:#202a26}@media (width<=720px){.transport{grid-template-columns:60px minmax(0,1fr) 125px;gap:19px 12px;display:grid}.transport-buttons{grid-column:1/3;width:max-content;padding-right:10px}.position{justify-self:end;min-width:0}.position strong{font-size:15px}.tempo{justify-self:start;margin:0}.tempo input{width:54px}.swing{width:100%}.master-meter{width:125px;min-width:0}.master-meter canvas{width:125px}.pad{aspect-ratio:1;min-height:78px;padding:7px}.pad-name{font-size:10px}.pad-name small{font-size:6px}}:root{--accent:#e7aa28;--muted:#827b69;--border:#9e9783;--surface:#24221b;--mono:"IBM Plex Mono", monospace;--case:#c4bda7;--ink:#302e25;--lcd:#b9c86d;--lcd-ink:#303a12;--amber:#e7aa28;--red:#aa3925;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#25241e;font-family:IBM Plex Mono,monospace;font-size:11px}body{background:#25241e;padding:9px}.app-shell{background:linear-gradient(110deg,#d0c8b2,#b9b19a);border:1px solid #dfd8c5;border-radius:8px;min-height:calc(100vh - 18px);overflow:clip;box-shadow:0 4px #77715e,0 8px 24px #0006}button{color:#d5cdb8;font:9px var(--mono);background:linear-gradient(#3b382f,#24221b);border:1px solid #4d483b;border-bottom-color:#13120e;border-radius:3px;min-height:30px;box-shadow:inset 0 1px #77705b55,0 2px #807a66}button:hover{background:linear-gradient(#484337,#2e2b23);border-color:#76694b}button:active{box-shadow:inset 0 2px 4px #0007}button:disabled{opacity:.48}button[aria-pressed=true]{color:#f2b637;background:#383022;border-color:#a8472d}input,select{color:#343226;font-family:var(--mono);background:#dfd8c4;border:1px solid #a19a86;border-radius:2px;box-shadow:inset 0 1px 3px #534b3926}input[type=range]{background:#8c8674;height:4px;box-shadow:inset 0 1px 2px #0005}input[type=range]::-webkit-slider-thumb{background:linear-gradient(#e8e1ce,#bdb49d);border-color:#8d8673;width:10px;height:14px;box-shadow:0 1px 3px #0006}input[type=range]::-moz-range-thumb{background:#d6ceb9;border:1px solid #8d8673;border-radius:2px;width:9px;height:13px}input[type=checkbox]{accent-color:var(--red)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b65230}h2{text-transform:uppercase;color:inherit;font:600 16px Barlow Condensed,sans-serif}small{color:#8f8875}::selection{color:#fff8dd;background:#bd763f}.app-header{background:0 0;border-bottom:2px solid #9e9781;gap:40px;height:62px;margin:0 17px;padding:0 3px}.brand{color:#29271f;font:700 27px Barlow Condensed,sans-serif}.brand-mark{color:#c6cd78;background:#26251e;border-radius:3px;box-shadow:inset 0 1px 2px #0008}.beta{color:#6f6754;border-color:#9c937d;font-size:8px}.app-header nav{gap:27px}.app-header nav a{text-transform:uppercase;color:#706752;font:11px Barlow Condensed,sans-serif}.app-header nav a.active{color:#862f21}.app-header nav a.active:after{background:#9a3a26;height:3px}.local-badge{color:#6c6653;font-size:8px}.audio-badge{color:#776e58;border-color:#a79f89;font-size:8px}.local-badge i,.local-dot,.studio-footer i{background:#83b440;box-shadow:0 0 5px #8ebc4555}.workspace{grid-template-columns:193px minmax(0,1fr)}.sidebar{background:0 0;border:0;gap:0;padding:20px 13px}.workspace-label,.library-heading{color:#9b9074;background:#25231c;border:1px solid #39352a;border-bottom:0;border-radius:5px 5px 0 0;padding:12px 10px 8px;font-size:8px;box-shadow:inset 0 2px 5px #0005}.workspace-label svg{color:#b24b2c;width:11px}.project-label{background:#201e17;border:1px solid #39352a;border-top:0;border-radius:0 0 5px 5px;margin:0 0 13px;padding:0 10px 12px}.project-art{display:none}.project-label strong{background:var(--lcd);width:100%;color:var(--lcd-ink);font:500 11px var(--mono);padding:10px 7px;display:block;box-shadow:inset 0 1px 3px #444b16,0 1px #696844}.project-label small{color:#63703c;font-size:7px}.library-heading span{color:#b55232}.track-library,.pattern-library{background:#211f18;border:1px solid #39352a;border-top:0;border-radius:0 0 5px 5px;margin:0 0 13px;padding:0 7px 9px}.track-library button{color:#6e6754;box-shadow:none;background:#29261f;border:1px solid #363227;border-radius:2px;gap:6px;padding:9px 6px}.track-library button>svg{width:9px;height:9px}.track-library button.active{color:#c2cd71;background:#353026;border-color:#995237}.track-library button span{text-transform:uppercase;color:#d2cbb9;font:600 15px Barlow Condensed,sans-serif}.track-library button small{font:7px var(--mono);color:#8c826a}.track-library button b{color:#796e56;font-size:7px}.pattern-library button{color:#c7bfa9;box-shadow:none;background:#2b2820;border:1px solid #3a3528;border-radius:2px;padding:7px 6px;font-size:8px}.pattern-library button.active{color:#e0bd5b}.pattern-library button span{color:#92866a}.sidebar-footer{color:#817960;padding:30px 2px 10px;font-size:7px}.sidebar-footer div{color:#6d684f}main{padding:20px 17px 0 0}.project-toolbar{margin-bottom:16px}.eyebrow{color:#736b54;font-size:7px}.eyebrow span{color:#9a8b6e}.project-name{color:#333024;height:30px;box-shadow:none;font:600 23px Barlow Condensed,sans-serif}.save-status{color:#746d56;font-size:8px}.save-status svg{color:#6c7b2d}.project-actions>.icon-button{color:#69614d;box-shadow:none;background:0 0}.export-button{color:#eee1c7;background:linear-gradient(#a74a31,#81331f);border-color:#803a28;font-size:9px}.export-menu{color:#d6cbb2;background:#24211a;border-color:#514a39}.export-menu button{color:#d6cbb2;box-shadow:none}.export-menu small{color:#b5a68a}.transport{background:linear-gradient(#cbc3ae,#b5ac94);border:1px solid #9c947e;border-radius:7px;gap:0;min-height:87px;margin-bottom:18px;padding:15px;box-shadow:inset 0 1px #f1ead8,0 2px #8d8570}.transport-buttons{border:0;gap:7px;padding-right:15px}.transport-buttons .icon-button{color:#c0b6a0;background:linear-gradient(#3d382e,#211e17);border:1px solid #494033;width:35px;height:42px}.play-button{color:#e0d4bb;width:88px;height:42px;font:10px var(--mono);background:linear-gradient(#403b30,#201d16);border-color:#504735}.play-button:hover,.play-button.running{color:#ecc555;background:linear-gradient(#4c4432,#30291d);border-color:#75613d}.position,.tempo,.swing{height:53px;color:var(--lcd-ink);background:linear-gradient(#c6d17d,#afbd60);border-top:2px solid #2a2b17;border-bottom:2px solid #2a2b17;padding:10px 15px;box-shadow:inset 0 1px 3px #3c461a55}.position{border-left:2px solid #2a2b17;border-radius:3px 0 0 3px;min-width:145px}.position strong{color:#2f3813;font:600 22px var(--mono)}.position strong span{color:#657036;font-size:14px}.position small{color:#627036;margin-top:2px;font-size:6px}.tempo{justify-content:center;gap:1px;width:78px}.tempo input{color:#303910;width:60px;font:600 22px var(--mono);box-shadow:none}.tempo span{color:#63703a;font-size:6px}.swing{width:auto;min-width:90px;max-width:none;font:8px var(--mono);border-right:2px solid #2a2b17;border-radius:0 3px 3px 0;flex:1}.swing output{color:#303910;font-weight:600}.swing input{max-width:180px;box-shadow:none;background:#778543;margin-top:10px}.swing input::-webkit-slider-thumb{width:6px;height:9px;box-shadow:none;background:#3e481c;border-color:#3e481c}.master-meter{min-width:120px;max-width:140px;margin:0 0 0 17px}.master-meter>span{color:#5f5a47;font-size:7px}.master-meter small{color:#746b53;gap:20px}.master-meter canvas{box-sizing:content-box;background:#1c1c15;border:3px solid #302c20;border-radius:2px;width:120px;height:23px}.engine-status{color:#5f5b46;margin-left:16px;font-size:7px}.engine-status i{background:#889156}.engine-status i.live{background:#87b747;box-shadow:0 0 5px #91be49}.engine-status small{color:#827961;font-size:6px}.sampler-layout{border:0;border-radius:0;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.2fr);align-items:stretch;gap:13px;overflow:visible}.pads-section,.sequencer-section,.mixer-section{color:#ded4bd;background:linear-gradient(125deg,#28251c,#19170f);border:1px solid #403b2c;border-radius:5px;box-shadow:inset 0 2px 5px #0007}.sample-section,.timeline-section,.effects-section{color:#332e22;background:linear-gradient(130deg,#cbc3af,#b6ad95);border:1px solid #a69d85;border-radius:5px;box-shadow:inset 0 1px #ece4d1,0 2px #aaa18a}.section-heading{border-bottom:0;height:43px;padding:0 13px}.section-heading h2 svg{display:none}.section-heading>span,.section-heading>div>span{color:#9e9274;font-size:7px}.section-heading span b{color:#b6a786}.sample-section .section-heading>span,.timeline-section .section-heading>span,.effects-section .section-heading>span{color:#756c54}.inline-actions button{font-size:8px}.inline-actions .icon-button{color:#9f9275;box-shadow:none;background:0 0}.sample-section .inline-actions>button:last-child{color:#f0dec4;background:linear-gradient(#b54b30,#8b2c1c);border-color:#8e3a25}.section-heading select{font-size:8px}.pads-section .section-heading{height:43px}.pad-grid{gap:8px;padding:0 10px 12px}.pad{aspect-ratio:1.45;background:linear-gradient(145deg,#38342b,#232018);border:1px solid #423c2e;border-bottom:3px solid #0f0e0a;border-radius:4px;min-height:70px;padding:8px 9px;box-shadow:inset 0 1px 1px #75694a33,0 3px 5px #0006}.pad:hover{background:linear-gradient(145deg,#454032,#2c281d);border-color:#6c6047}.pad.selected{background:linear-gradient(145deg,#464030,#2a251a);border-color:#9c5232 #9c5232 #1f150e}.pad.hit{box-shadow:inset 0 0 12px #e8c86666,0 0 5px #c29e3466;background:linear-gradient(#b29440,#70602e)!important}.pad-top,.pad.selected .pad-top{color:#96896e;font-size:7px}.pad kbd{color:#8d8169;background:0 0;border-color:#5c5340;font-size:7px}.pad-name{color:#e3d6bc;text-transform:uppercase;font:600 13px Barlow Condensed,sans-serif}.pad-name small{color:#8f8269;font:6px var(--mono)}.pad-line{background:#5e5339;height:2px}.pad.selected .pad-line{background:#bb7e30}.section-foot{color:#8b8066;border-color:#3e3728;font-size:6px}.section-foot b{color:#6c6047}.sample-info{padding-top:0;padding-bottom:10px}.sample-info strong{text-transform:uppercase;font:600 13px Barlow Condensed,sans-serif}.sample-info small,.sample-info>span{color:#746c50}.sample-icon{color:#53602c;background:#c0c878;border-color:#949951;padding:6px 5px;font-size:7px}.waveform-wrap{background:var(--lcd);border:2px solid #33341e;border-radius:2px;box-shadow:inset 0 1px 3px #303a16}.wave-times{color:#53612c;background:#b8c66b;border-top:1px solid #8c9a4e;font-size:6px}.wave-toolbar{color:#675d43;font-size:7px}.wave-toolbar b{color:#8b7e5f}.wave-toolbar .icon-button{color:#685d44;box-shadow:none;background:0 0}.trim-inputs{border-color:#a59c83;flex-wrap:wrap;gap:9px}.trim-inputs>label{color:#665d45;font-size:8px}.trim-inputs input[type=number]{font-size:8px}.pad-parameters{gap:14px;padding-top:19px}.range-control>span{color:#70644b;text-transform:uppercase;font:9px Barlow Condensed,sans-serif}.range-control output{color:#51482e;background:#ddd4bd;border:1px solid #a79c82;border-radius:1px;padding:1px 3px;font-size:8px}.range-control input{margin-top:12px}.parameter-dial{display:none!important}.pad-parameters .range-control,.effect-body .range-control{flex-direction:column;align-items:center;gap:7px;display:flex}.pad-parameters .parameter-dial,.effect-body .parameter-dial{pointer-events:none;background:linear-gradient(140deg,#4b4536,#26231a 65%);border:3px solid #6b624d;border-radius:50%;flex:0 0 39px;width:39px;height:39px;padding:0;position:relative;box-shadow:inset 1px 1px 2px #a0946944,inset -1px -2px 3px #0008,0 2px #e3dac1,0 3px 5px #5a4e3d77;display:block!important}.parameter-dial i{transform:rotate(var(--dial-angle));position:absolute;inset:3px}.parameter-dial i:after{content:"";background:#d2c369;border-radius:1px;width:2px;height:8px;position:absolute;top:1px;left:calc(50% - 1px)}.pad-parameters .parameter-label,.effect-body .parameter-label{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%}.pad-parameters .range-control input,.effect-body .range-control input{max-width:80px;margin-top:2px}.pad-parameters .range-control:focus-within .parameter-dial,.effect-body .range-control:focus-within .parameter-dial{border-color:#ad6a36}.sequencer-section{margin-top:15px}.tag{color:#95866b;border-color:#5b503b;font-size:6px}.sequencer-section select{color:#c4b594;background:#2a271e;border-color:#4c4230}.step-ruler{color:#8d7d5d;font-size:6px}.step-ruler .beat-number{color:#b3a17a}.step-ruler>span:first-child{font-size:6px}.step-track>button{color:#ded2b5;text-transform:uppercase;box-shadow:none;font:500 13px Barlow Condensed,sans-serif}.track-number{color:#867755;border-color:#736648;font-size:7px}.selected-track .track-number{color:#d7cb87;border-color:#b5c36b}.step-track select{color:#9c8b64;box-shadow:none;background:0 0;border-color:#4c412e}.step-cell{background:#242118;border:1px solid #2e281a;border-radius:2px;height:24px;box-shadow:inset 0 1px 3px #0004}.step-cell.active{background:#614713;border-color:#9e711b;box-shadow:0 0 4px #d0982744,inset 0 1px 1px #f4c449}.step-cell.active>span{background:#e9ad2c;box-shadow:inset 0 0 4px #ffd87888}.step-cell:not(.active):hover{background:#3a3220}.step-cell.playhead{outline-color:#e5dba1}.step-detail{color:#4b402a;background:#d0c6ad;border-color:#716449}.step-detail .icon-button{color:#4b402a;box-shadow:none;background:0 0}.bottom-layout{gap:15px;margin-top:15px}.timeline-ruler{background:var(--lcd);color:#5b662d;border:1px solid #687036;border-bottom:0;margin:0 13px;padding:7px 9px}.timeline-blocks{background:var(--lcd);border:1px solid #687036;border-top:0;gap:7px;min-height:86px;margin:0 13px 12px;padding:0 7px 9px}.song-block,.song-block.selected{color:#313b16;box-shadow:none;background:#bccb75;border:1px solid #72803c;border-radius:1px;padding:7px}.song-block:hover{background:#c9d88b;border-color:#3a461c}.song-block.selected{box-shadow:inset 0 0 0 1px #46551d}.song-block.current{border-color:#1d2907;box-shadow:inset 0 0 0 2px #445019}.song-block>span,.song-block small{color:#56622a;font-size:6px}.song-block strong{font:500 11px var(--mono)}.mini-steps i{background:#94a350}.mini-steps i.on{background:#424f1b}.section-editor>label{color:#685d43}.section-editor .icon-button{color:#675a40;box-shadow:none;background:0 0}.timeline-section .section-foot{color:#766748;border-color:#a2997d}.effects-section{margin-top:14px}.effect-tabs{border-color:#a79b7f;gap:5px;padding:0 12px 5px}.effect-tabs button{color:#796b4d;height:26px;min-height:26px;box-shadow:none;text-transform:uppercase;background:#ded5bd;border:1px solid #ad9f81;border-radius:2px;font-size:8px}.effect-tabs button.selected{color:#e3d7b9;background:linear-gradient(#3b3528,#252016);border-color:#51452e}.effect-tabs i{background:#a29678}.effect-tabs i.enabled{background:#c4cc74}.effect-title{color:#716044}.effect-title button{color:#d6c6a7}.segmented{border-color:#a39474}.segmented button{color:#675638;box-shadow:none}.segmented .selected{color:#d8c6a0;background:#4a402b}.delay-controls,.delay-controls>span{color:#786847}.effect-readout{color:#605032}.channel{border-color:#423823;padding:14px 10px}.channel.selected{background:#30281c;box-shadow:inset 0 0 0 1px #82513a}.channel-name{color:#d9cdb1;text-transform:uppercase;box-shadow:none;font:500 13px Barlow Condensed,sans-serif}.channel-name span{color:#9f8c68;font:7px var(--mono)}.channel.selected .channel-name{color:#e7d7b5}.channel-switches button{color:#b7a887;box-shadow:none;background:linear-gradient(#393020,#282117);border-color:#463922}.channel-switches button[aria-pressed=true]{color:#f4c54c;border-color:#b26435}.fader-area{height:180px}.fader-scale{color:#8f7a53}.fader-area input.fader{background:#17120b;border:1px solid #56462a;width:6px;height:165px;box-shadow:inset 0 0 3px #000}.fader::-webkit-slider-thumb{background:linear-gradient(#eee3c6,#b2a283)!important;border:1px solid #cabf9e!important;width:23px!important;height:13px!important}.db-value{color:#bdc06e;font-size:8px}.pan-control>span,.pan-control b{color:#9a8863}.pan-control input{background:#17140d}.channel-inserts button{color:#9e8b5f;box-shadow:none;background:#211b12;border-color:#483920}.channel-inserts button i{background:#655433}.channel-inserts button[aria-pressed=true]{color:#d2cc75}.channel-inserts button[aria-pressed=true] i{background:#b9c56b}.studio-footer{color:#817354;border-top:2px solid #a69b80;margin-top:16px;padding:14px 0;font-size:6px}.studio-footer>span:first-child{color:#7c7253}.error-banner{color:#6d3020;background:#e3cc9a;border-color:#9e4b2e}.jam-workspace{background:linear-gradient(115deg,#d0c7af,#b8ae94);border:1px solid #a49a80;border-radius:6px;padding:19px 17px;box-shadow:inset 0 1px #ece2ca,0 2px #a3997e}.jam-heading{margin-bottom:17px}.jam-heading h1{text-transform:uppercase;color:#322c20;font:600 27px Barlow Condensed,sans-serif}.jam-heading .tag{color:#736344;border-color:#a59575}.youtube-form>svg{color:#8f432d}.youtube-form input{color:#66563b;background:#e0d7bf;font-size:10px}.youtube-form input::placeholder{color:#93866a}.youtube-empty{color:#94876b;background:repeating-linear-gradient(135deg,#211e16 0 9px,#27231b 9px 18px);border:2px solid #4b4431;box-shadow:inset 0 0 9px #0005}.youtube-empty svg{color:#756849}.youtube-empty span{text-transform:uppercase;font-size:10px}.youtube-player iframe{border:2px solid #514631;border-radius:3px}.video-actions a{color:#6f5e3f}.jam-take{color:#e1d5ba;background:linear-gradient(135deg,#29251b,#19160f);border:1px solid #51442f;border-radius:5px;align-self:stretch;padding:13px 0;box-shadow:inset 0 2px 4px #0008}.jam-take .section-heading{color:#ded0ad}.jam-take .section-heading>span{color:#9b8965}.take-content{min-height:320px}.take-pattern{color:#3e491a;font:11px var(--mono);background:#b9c76d;border:1px solid #697539;padding:9px}.take-content>label{color:#a99975;font-size:9px}.take-content>label input{color:#d4c4a3;background:#30291d;border-color:#4b3d28}.take-buttons button{color:#c8b995;background:linear-gradient(#3b3223,#242016)}.take-buttons button[aria-pressed=true]{color:#ffcd68;border-color:#b15a30}.add-jam-button{color:#f1d8b6;font:10px var(--mono);background:linear-gradient(#b94128,#882818);border-color:#a63b23;margin-top:auto;box-shadow:inset 0 1px #e0804844,0 2px #d8b48a}.add-jam-button:hover{background:linear-gradient(#c65132,#9b3320);border-color:#c15c39}.youtube-limit{color:#716246;font-size:10px}.jam-validation{color:#8e3022}.jam-success{color:#c5cb7a}@media (width>=1450px){main{padding-left:0;padding-right:23px}.sampler-layout{grid-template-columns:minmax(380px,1fr) minmax(450px,1.3fr)}}@media (width<=1180px){.workspace{grid-template-columns:160px minmax(0,1fr)}main{padding:17px 13px 0 0}.sidebar{padding:17px 10px}.sampler-layout{grid-template-columns:minmax(250px,1fr) minmax(340px,1.2fr)}.transport{gap:0;padding:12px}.transport-buttons{gap:5px;padding-right:10px}.play-button{width:68px}.transport-buttons .icon-button{width:30px}.position{min-width:123px;padding-left:10px;padding-right:10px}.position strong{font-size:18px}.tempo{width:64px;padding-left:5px;padding-right:5px}.tempo input{width:52px;font-size:19px}.swing{min-width:70px;padding-left:10px;padding-right:10px}.master-meter{width:100px;min-width:100px;margin-left:12px}.master-meter canvas{width:94px}.master-meter small{gap:8px}.engine-status{display:none}}@media (width<=1000px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}main{padding:17px 14px 0}.sampler-layout{grid-template-columns:minmax(260px,1fr) minmax(340px,1.2fr)}.app-header{margin:0 14px}}@media (width<=720px){body{padding:4px}.app-shell{border-radius:5px;min-height:calc(100vh - 8px)}.app-header{gap:12px;height:55px;margin:0 11px}.brand{gap:7px;font-size:23px}.brand-mark{width:27px;height:27px}.app-header nav{gap:17px}.app-header nav a{font-size:11px}main{padding:14px 10px 0}.project-toolbar{gap:5px;margin-bottom:14px}.project-toolbar>div:first-child{min-width:0}.project-name{font-size:21px}.eyebrow{font-size:6px}.export-button{font-size:8px}.transport{grid-template-columns:1.3fr .7fr 1fr;gap:12px 0;padding:12px;display:grid}.transport-buttons{grid-area:1/1/auto/3;justify-self:start;width:auto;padding:0}.transport-buttons .icon-button{width:31px;height:37px}.play-button{width:72px;height:37px}.master-meter{grid-area:1/3;justify-self:end;width:94px;min-width:0;margin:0}.master-meter canvas{width:88px;height:16px;margin-top:3px}.master-meter input{margin-top:6px}.master-meter small{display:none}.position{grid-area:2/1;justify-self:stretch;width:100%;min-width:0;padding:10px 7px}.position strong{font-size:17px}.position strong span{font-size:9px}.position small{font-size:5px}.tempo{grid-area:2/2;justify-self:stretch;width:100%;padding:7px 3px}.tempo input{width:46px;font-size:20px}.swing{grid-area:2/3;width:100%;min-width:0;padding:12px 9px;font-size:7px}.swing input{margin-top:11px}.sampler-layout{grid-template-columns:1fr;gap:14px}.pads-section{border:1px solid #403b2c}.pad-grid{gap:7px;padding:0 10px 12px}.pad{aspect-ratio:1;min-height:70px;padding:7px}.pad-name{font-size:12px}.pad-name small{font-size:5px}.section-heading{padding:0 11px}.section-heading h2{font-size:15px}.sequencer-section h2{font-size:14px}.inline-actions{gap:4px}.inline-actions button{font-size:7px}.sample-info{padding-left:12px;padding-right:12px}.waveform-wrap{margin-left:12px;margin-right:12px}.trim-inputs{gap:7px}.pad-parameters{gap:9px}.range-control>span{font-size:10px}.bottom-layout{grid-template-columns:1fr;gap:14px}.channel{padding:14px 9px}.channel-name{font-size:14px}.jam-workspace{margin-bottom:16px;padding:15px 11px}.jam-heading h1{font-size:25px}.jam-heading .tag{font-size:6px}.jam-layout{grid-template-columns:1fr;gap:16px}.jam-take{padding:13px 10px}.take-content{min-height:0;padding:12px 0}.add-jam-button{margin-top:5px}.youtube-limit,.youtube-form input{font-size:9px}.youtube-form button{font-size:8px}.studio-footer{font-size:6px}}.toggle{font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#1c1f1b;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.toggle.on{color:#0d1a10;background:var(--accent);border-color:var(--accent)}.toggle.on.armed,.icon-button.recording{background:var(--red,#a43b25);border-color:var(--red,#a43b25);color:#fff}.toggle:disabled{opacity:.4;cursor:default}.transport{flex-wrap:wrap}.transport-toggles{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.transport-toggles select,.time-signature select{font:11px var(--mono);color:var(--ink,#e8e3d2);border:1px solid var(--border);background:#1c1f1b;border-radius:4px;padding:5px 6px}.arrangement .timeline-scroll{border:1px solid var(--border);background:#15181a;border-radius:6px;max-height:340px;overflow:auto}.timeline-canvas{min-width:100%;position:relative}.timeline-head,.lane{min-height:56px;display:flex}.timeline-head{z-index:3;border-bottom:1px solid var(--border);background:#1c1f1b;min-height:28px;position:sticky;top:0}.lane-label{z-index:2;border-right:1px solid var(--border);font:11px var(--mono);color:var(--muted);background:#1c1f1b;flex:0 0 160px;align-items:center;gap:6px;padding:0 8px;display:flex;position:sticky;left:0}.lane-label input{min-width:0;color:inherit;font:inherit;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;flex:1}.lane-label input:focus{outline:1px solid var(--accent);border-radius:3px}.ruler-label{font-size:9px}.ruler{cursor:pointer;-webkit-user-select:none;user-select:none;height:28px;position:relative}.ruler-bar{font:10px var(--mono);color:var(--muted);box-sizing:border-box;border-left:1px solid #3a4640;padding:7px 0 0 5px;position:absolute;top:0;bottom:0}.loop-region{background:#d9a44155;border:1px solid #d9a441;border-radius:3px;height:24px;position:absolute;top:2px}.loop-handle{cursor:ew-resize;background:#d9a441;width:8px;position:absolute;top:0;bottom:0;left:-1px}.loop-handle.end{left:auto;right:-1px}.lane{border-bottom:1px solid #262b28}.lane.selected .lane-label{color:var(--accent)}.lane-body{background:repeating-linear-gradient(90deg,#0000 0 100%);height:56px;position:relative}.bar-line{background:#262b28;width:1px;position:absolute;top:0;bottom:0}.clip{box-sizing:border-box;background:color-mix(in srgb, var(--clip-color,#b9c86d) 28%, #1c1f1b);border:1px solid var(--clip-color,#b9c86d);color:#f1efe3;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;gap:1px;height:48px;padding:3px 6px;display:flex;position:absolute;top:4px;overflow:hidden}.clip strong{font:700 11px/1.1 var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip small{font:9px var(--mono);color:#d4d0c0;opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip.selected{background:color-mix(in srgb, var(--clip-color,#b9c86d) 50%, #1c1f1b);box-shadow:0 0 0 2px #fff6}.clip.muted{opacity:.45}.clip .mini-steps{gap:1px;margin-top:auto;display:flex}.clip .mini-steps i{background:#0007;flex:1;height:4px}.clip .mini-steps i.on{background:var(--clip-color,#b9c86d)}.clip svg{width:100%;height:16px;margin-top:auto;display:block}.mini-notes rect{fill:var(--clip-color,#b9c86d)}.mini-curve polyline{fill:none;stroke:var(--clip-color,#d9a441);stroke-width:.08px;vector-effect:non-scaling-stroke}.mini-wave{background:repeating-linear-gradient(90deg, var(--clip-color,#8abb43) 0 1px, transparent 1px 3px);opacity:.6;height:14px;margin-top:auto;-webkit-mask:linear-gradient(#0000,#000 40% 60%,#0000);mask:linear-gradient(#0000,#000 40% 60%,#0000)}.clip-resize{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0;right:0}.playhead-line{background:var(--red,#a43b25);pointer-events:none;z-index:4;width:2px;position:absolute;top:0;bottom:0}.clip-editor{flex-wrap:wrap}.clip-editor label{font:10px var(--mono);color:var(--muted);align-items:center;gap:6px;display:flex}.clip-editor input[type=number]{width:64px}.editor-tabs{flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 -6px;display:flex}.editor-tabs [role=tab]{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#1c1f1b;border-bottom:0;border-radius:6px 6px 0 0;padding:6px 12px}.editor-tabs [role=tab].selected{color:var(--accent);background:var(--surface,#23272a)}.editor-tabs .add-clip{font:10px var(--mono);text-transform:uppercase;border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:5px;margin-left:auto;padding:6px 10px;display:inline-flex}.editor-tabs .add-clip:disabled{cursor:default;opacity:.6}.bar-pager{align-items:center;gap:4px;margin-bottom:8px;display:flex}.bar-pager button{font:10px var(--mono);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#1c1f1b;border-radius:3px;padding:4px 8px}.bar-pager button.selected{color:var(--accent);border-color:var(--accent)}.bar-pager button.playing{background:#2e3a2a}.bar-pager .follow{margin-left:auto}.pattern-name{font:11px var(--mono);border:1px solid var(--border);width:110px;color:inherit;background:#1c1f1b;border-radius:4px;padding:4px 6px}.sequencer-grid{grid-template-columns:170px repeat(var(--steps,16), minmax(28px, 1fr))}.step-row{border-left:3px solid var(--track-color,transparent)}.piano-roll-section,.automation-section,.audio-clip-section,.synth-section{border:1px solid var(--border);background:var(--surface,#23272a);border-radius:8px;margin-top:14px;padding:14px 16px}.piano-scroll{border:1px solid var(--border);background:#15181a;border-radius:6px;max-height:360px;position:relative;overflow:auto}.piano-canvas{position:relative}.piano-keys{z-index:2;width:56px;position:sticky;left:0}.piano-key{color:#333;width:56px;font:9px var(--mono);text-align:right;cursor:pointer;background:#e8e3d2;border:0;border-bottom:1px solid #0006;padding-right:4px;position:absolute;left:0}.piano-key.black{color:#ccc;background:#2a2d2b;width:36px}.piano-key.hit,.piano-key.black.hit{background:var(--accent)}.piano-grid{cursor:crosshair;position:absolute;top:0}.piano-row{border-bottom:1px solid #1f2422;position:absolute;left:0;right:0}.piano-row.black{background:#0003}.piano-row.octave{border-bottom-color:#3a4640}.piano-col{background:#1f2422;width:1px;position:absolute;top:0;bottom:0}.piano-col.beat{background:#2d3330}.piano-col.bar{background:#3a4640}.piano-loop-end{background:#d9a441;width:2px;position:absolute;top:0;bottom:0}.piano-note{background:var(--accent);box-sizing:border-box;color:#0d1a10;font:9px var(--mono);white-space:nowrap;cursor:grab;border:1px solid #0a1a0d;border-radius:2px;padding-left:3px;position:absolute;overflow:hidden}.piano-note.selected{background:#d9a441;box-shadow:0 0 0 1px #fff8}.piano-playhead{background:var(--red,#a43b25);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.piano-foot .note-detail{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.piano-foot .note-detail input{width:64px}.piano-foot label{align-items:center;gap:6px;display:flex}.automation-canvas{border:1px solid var(--border);cursor:crosshair;background:#15181a;border-radius:6px;height:180px;position:relative;overflow:hidden}.automation-col{background:#1f2422;width:1px;position:absolute;top:0;bottom:0}.automation-col.bar{background:#3a4640}.automation-svg{width:100%;height:100%;position:absolute;inset:0}.automation-svg path{fill:none;stroke:#d9a441;stroke-width:2px;vector-effect:non-scaling-stroke}.automation-point{cursor:grab;background:#d9a441;border:2px solid #15181a;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;padding:0;position:absolute}.automatable{position:relative}.automate-button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#1c1f1b;border-radius:3px;align-items:center;padding:2px 4px;font-size:9px;display:inline-flex;position:absolute;top:0;right:0}.automate-button:hover{color:#d9a441;border-color:#d9a441}.sidechain{font:10px var(--mono);color:var(--muted);text-transform:uppercase;flex-direction:column;gap:4px;margin-top:10px;display:flex}.sidechain small{text-transform:none}.synth-body{grid-template-columns:1fr 1fr;gap:16px;display:grid}.synth-group{flex-direction:column;gap:8px;display:flex}.synth-group .segmented{margin:0}.synth-group .segmented button{text-transform:uppercase}.keyboard-section .piano-keyboard{-webkit-user-select:none;user-select:none;background:#111;border-radius:6px;height:150px;display:flex;position:relative;overflow:hidden}.white-key{color:#555;font:9px var(--mono);cursor:pointer;background:linear-gradient(#f1efe3,#d9d4c2);border:0;border-right:1px solid #0006;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:6px;display:flex}.white-key kbd,.black-key kbd{font:9px var(--mono);border:1px solid #0003;border-radius:3px;padding:1px 4px}.white-key.hit{background:var(--accent)}.black-key{color:#ccc;cursor:pointer;z-index:1;background:linear-gradient(#333,#111);border:0;border-radius:0 0 3px 3px;justify-content:center;align-items:flex-end;width:3.2%;height:58%;padding-bottom:6px;display:flex;position:absolute;top:0}.black-key.hit{background:var(--accent);color:#111}.keyboard-section .inline-actions label{font:10px var(--mono);color:var(--muted);align-items:center;gap:6px;display:flex}.keyboard-section .inline-actions input{width:56px}.audio-track-body{color:var(--muted);flex-direction:column;gap:12px;padding:12px 4px;font-size:13px;line-height:1.5;display:flex}.audio-track-body p{margin:0}.channel{border-top:3px solid var(--track-color,transparent)}.channel-name input{width:100%;color:inherit;font:inherit;text-align:center;text-transform:uppercase;background:0 0;border:0}.channel-name small{font:8px var(--mono);color:var(--muted);letter-spacing:.1em;display:block}.fader-area{position:relative}.channel-meter{background:#0008;border-radius:2px;align-items:flex-end;width:4px;margin-left:10px;display:flex;position:absolute;top:6px;bottom:6px;left:50%;overflow:hidden}.channel-meter i{background:var(--accent);width:100%;transition:height 60ms linear;display:block}.channel-sends{flex-direction:column;gap:4px;margin-top:6px;display:flex}.channel-sends label{font:8px var(--mono);color:var(--muted);text-transform:uppercase;flex-direction:column;display:flex}.channel-sends input{width:100%}.channel-sends select{font:9px var(--mono);color:inherit;border:1px solid var(--border);background:#1c1f1b;border-radius:3px}.channel-footer{justify-content:center;align-items:center;gap:2px;margin-top:8px;display:flex}.channel-footer input[type=color]{border:1px solid var(--border);background:0 0;border-radius:3px;width:18px;height:18px;padding:0}.channel-footer .icon-button{width:22px;height:22px}.armed-icon{color:var(--red,#a43b25)}.kind-bus{background:#1a1d2a}.project-library{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.project-library button{text-align:left;border:1px solid var(--border);color:inherit;font:12px var(--mono);cursor:pointer;background:#1c1f1b;border-radius:6px;padding:8px 10px}.project-library button.active{border-color:var(--accent)}.project-library small{color:var(--muted);font-size:9px;display:block}.track-library button{border-left:3px solid var(--track-color,transparent)}.project-menu{min-width:220px;left:0;right:auto}.import-button{font:11px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:inherit;cursor:pointer;background:#1c1f1b;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.shortcut-button{font:9px var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #3a4640;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.notice-toast{z-index:50;color:var(--accent);border:1px solid var(--accent);font:12px var(--mono);background:#1c1f1b;border-radius:6px;padding:10px 14px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0008}.shortcuts-overlay{z-index:60;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.shortcuts-panel{background:var(--surface,#23272a);border:1px solid var(--border);border-radius:8px;width:min(640px,100%);max-height:90vh;padding:16px 20px;overflow:auto}.shortcuts-panel dl{grid-template-columns:1fr 1fr;gap:8px 20px;margin:10px 0 0;display:grid}.shortcuts-panel dl>div{align-items:center;gap:10px;display:flex}.shortcuts-panel dt kbd{font:10px var(--mono);border:1px solid var(--border);white-space:nowrap;background:#1c1f1b;border-radius:3px;padding:2px 6px}.shortcuts-panel dd{color:var(--muted);margin:0;font-size:12px}@media (width<=900px){.synth-body,.shortcuts-panel dl{grid-template-columns:1fr}.lane-label{flex-basis:110px}.sequencer-grid{grid-template-columns:120px repeat(var(--steps,16), minmax(24px, 1fr))}}.piano-roll-section .section-heading h2,.automation-section .section-heading h2,.audio-clip-section .section-heading h2,.synth-section .section-heading h2,.keyboard-section .section-heading h2{color:#f1efe3}.mpc-modes{border:1px solid var(--border);background:#1c1f1b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:12px 0;padding:10px 12px;display:flex}.mode-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mode-group>button:not(.toggle):not(.icon-button),.chop-bar>button{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);color:#e8e3d2;cursor:pointer;background:#23272a;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.mode-group>button:disabled,.chop-bar>button:disabled{opacity:.4;cursor:default}.mode-select{font:10px var(--mono);text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;display:inline-flex}.mode-select select,.chop-bar select,.jam-heading select{font:11px var(--mono);color:#e8e3d2;border:1px solid var(--border);background:#23272a;border-radius:4px;padding:4px 6px}.mpc-modes .check-label{font:10px var(--mono);color:var(--muted);text-transform:uppercase;align-items:center;gap:4px;display:inline-flex}.mpc-layout{grid-template-columns:minmax(260px,320px) minmax(360px,1fr) minmax(360px,1.1fr);align-items:start;gap:16px;display:grid}.mpc-left{flex-direction:column;gap:14px;display:flex}.mpc .youtube-player{min-height:200px}.mpc .youtube-player iframe{aspect-ratio:16/9;height:auto}.mpc-center .pads-section{margin:0}.mpc-center .pad-grid .pad{min-height:92px}.mpc-right{flex-direction:column;gap:10px;display:flex}.mpc-right .sample-section{margin:0}.chop-bar{border:1px solid var(--border);background:#1c1f1b;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.chop-bar label{font:10px var(--mono);text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;display:inline-flex}.chop-bar input[type=range]{width:90px}.take-buttons.secondary{margin-top:4px}.take-buttons.secondary button{font-size:10px}.jam-heading .inline-actions label{font:10px var(--mono);text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;display:inline-flex}.pad{position:relative}.pad-badge{font:8px var(--mono);letter-spacing:.1em;background:var(--red,#a43b25);color:#fff;border-radius:2px;padding:1px 4px;position:absolute;top:6px;right:30px}.pad.reversed .pad-badge{background:#5b9bd5}.pad.muted{opacity:.55}.erase-mode .pad{outline:1px dashed var(--red,#a43b25)}.mute-mode .pad{outline:1px dashed #d9a441}.youtube-empty.tall{border:1px dashed var(--border);min-height:300px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.trim-inputs label input[type=text],.trim-inputs label input:not([type]){width:90px}@media (width<=1280px){.mpc-layout{grid-template-columns:1fr 1fr}.mpc-left{flex-direction:row;grid-column:1/-1}.mpc-left>*{flex:1}}@media (width<=900px){.mpc-layout{grid-template-columns:1fr}.mpc-left{flex-direction:column}}.video-sampler .yt-host,.video-sampler .yt-host iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.video-sampling{border-top:1px solid var(--border);background:#1c1f1b;flex-direction:column;gap:8px;padding:10px;display:flex}.video-transport,.cue-row,.sample-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.video-transport>button:first-child,.cue-row button,.sample-row button:not(.toggle){font:10px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:#e8e3d2;cursor:pointer;background:#23272a;border-radius:4px;align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.video-transport>button:disabled,.cue-row button:disabled,.sample-row button:disabled{opacity:.4;cursor:default}.video-clock{font:700 14px var(--mono);color:var(--accent);min-width:70px}.video-transport small{font:10px var(--mono);color:var(--muted)}.video-transport .toggle{margin-left:auto}.cue-row label{font:10px var(--mono);color:var(--muted);align-items:center;gap:5px;display:inline-flex}.cue-row input{width:64px;font:11px var(--mono);color:#e8e3d2;border:1px solid var(--border);background:#23272a;border-radius:4px;padding:3px 5px}.sample-region-button{background:var(--red,#a43b25)!important;border-color:var(--red,#a43b25)!important;color:#fff!important}.video-hint{font:10px var(--mono);color:var(--muted);line-height:1.4}.library-title{align-items:center;gap:5px;display:inline-flex}.library-filters{gap:3px;margin-bottom:6px;display:flex}.library-filters button{font:9px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#1c1f1b;border-radius:3px;flex:1;padding:3px 0}.library-filters button.selected{color:var(--accent);border-color:var(--accent)}.sound-library{flex-direction:column;gap:4px;max-height:260px;margin-bottom:14px;display:flex;overflow:auto}.library-item{border:1px solid var(--border);color:#e8e3d2;background:#1c1f1b;border-radius:6px;grid-template-columns:16px 1fr auto auto auto;align-items:center;gap:4px;padding:6px 8px;display:grid}.library-item.kind-synth{border-left:3px solid #b26fc1}.library-item.kind-kit{border-left:3px solid #d9a441}.library-item.kind-sample{border-left:3px solid #8abb43}.library-name{text-align:left;color:inherit;font:12px var(--mono);cursor:text;background:0 0;border:0;min-width:0;overflow:hidden}.library-name small{color:var(--muted);font-size:9px;display:block}.library-item input{font:12px var(--mono);color:inherit;border:1px solid var(--accent);background:#23272a;border-radius:3px;min-width:0}.library-item .icon-button{width:22px;height:22px}.library-empty{text-align:left;font:10px/1.4 var(--mono);color:var(--muted);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:6px;align-items:flex-start;gap:6px;padding:8px;display:flex}.sound-lab{border:1px solid var(--border);background:#c4bda7;border-radius:10px;margin-bottom:18px;padding:18px}.lab-modes{flex-wrap:wrap;gap:6px;display:flex}.lab-output{background:#1c1f1b;border-radius:8px;flex-direction:column;gap:10px;margin:14px 0;padding:14px;display:flex}.lab-name{color:var(--accent);align-items:center;gap:8px;display:flex}.lab-name input{font:700 18px var(--mono);border:0;border-bottom:1px solid var(--border);color:#f1efe3;background:0 0;flex:1;padding:4px 0}.lab-wave canvas{cursor:pointer;height:120px}.lab-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-actions>button:not(.play-button){font:10px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:#e8e3d2;cursor:pointer;background:#23272a;border-radius:5px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.lab-actions>button:disabled{opacity:.4;cursor:default}.lab-actions .eyebrow{color:var(--muted);margin-left:auto}.lab-layout{grid-template-columns:minmax(220px,260px) 1fr minmax(260px,320px);align-items:start;gap:14px;display:grid}.lab-layout.synth-mode{grid-template-columns:1.3fr 1fr}.lab-layers,.lab-editor,.lab-process{border:1px solid var(--border);color:#e8e3d2;background:#23272a;border-radius:8px;padding:14px}.lab-layers .section-heading h2,.lab-editor .section-heading h2,.lab-process .section-heading h2,.drum-designer .section-heading h2{color:#f1efe3}.lab-layer{border:1px solid var(--border);cursor:pointer;font:12px var(--mono);background:#1c1f1b;border-radius:5px;grid-template-columns:24px 1fr auto auto;align-items:center;gap:6px;margin-bottom:4px;padding:7px 8px;display:grid}.lab-layer.selected{border-color:var(--accent)}.lab-layer.muted{opacity:.5}.lab-layer .icon-button{width:22px;height:22px}.lab-layer-common{margin-top:10px}.drum-designer{flex-direction:column;gap:12px;display:flex}.drum-designer .segmented{flex-wrap:wrap}.lab-effect{border:1px solid var(--border);background:#1c1f1b;border-radius:5px;margin-bottom:6px;padding:6px 8px}.lab-effect-title{justify-content:space-between;align-items:center;display:flex}.lab-effect-title .icon-button{width:20px;height:20px}.pad-parameters.compact{gap:6px;margin-top:6px}.lab-finish{flex-direction:column;gap:6px;margin-top:10px;display:flex}.lab-finish .check-label{font:10px var(--mono);text-transform:uppercase;color:var(--muted);gap:6px;display:inline-flex}.lab-synth-layer{flex-direction:column;gap:12px;display:flex}.mpc-center .keyboard-section{margin:0 0 12px}.mpc-center .piano-roll-section,.mpc-right .synth-section{margin-top:0}@media (width<=1100px){.lab-layout,.lab-layout.synth-mode{grid-template-columns:1fr}}.tutorials{border:1px solid var(--border);background:#c4bda7;border-radius:10px;margin-bottom:18px;padding:18px}.tutorial-note{color:#3a3a2e;max-width:880px;font-size:13px;line-height:1.5}.tutorial-layout{grid-template-columns:minmax(220px,280px) 1fr;align-items:start;gap:16px;display:grid}.tutorial-list{flex-direction:column;gap:8px;display:flex}.tutorial-card{text-align:left;border:1px solid var(--border);color:#e8e3d2;cursor:pointer;background:#1c1f1b;border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden}.tutorial-card strong{font-size:16px}.tutorial-card span{font:11px var(--mono);color:var(--muted)}.tutorial-card small{font:9px var(--mono);color:var(--muted);margin-top:4px}.tutorial-card.selected{border-color:var(--accent)}.tutorial-progress{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.tutorial-body{color:#e8e3d2;background:#1c1f1b;border-radius:8px;padding:18px 20px;font-size:14px;line-height:1.55}.tutorial-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-head h2{color:#f1efe3;margin:2px 0 0;font-size:24px}.tutorial-head h2 small{color:var(--muted);font-size:14px;font-weight:400}.tutorial-head .inline-actions>button:not(.play-button){font:10px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:#e8e3d2;cursor:pointer;background:#23272a;border-radius:5px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.tutorial-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.tutorial-facts div{border:1px solid var(--border);background:#23272a;border-radius:6px;padding:8px 10px}.tutorial-facts dt{font:9px var(--mono);text-transform:uppercase;color:var(--muted)}.tutorial-facts dd{margin:2px 0 0;font-size:13px}.listen-for{background:#23272a;border-left:3px solid #d9a441;border-radius:0 6px 6px 0;padding:10px 14px}.listen-for strong{font:10px var(--mono);text-transform:uppercase;color:#d9a441;align-items:center;gap:6px;display:inline-flex}.listen-for ul{margin:6px 0 0;padding-left:18px}.tutorial-warning{color:#e0876a;font-size:13px}.tutorial-steps{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tutorial-steps li{border:1px solid var(--border);background:#23272a;border-radius:8px;padding:12px 14px}.tutorial-steps li.done{border-color:#4f6b32}.tutorial-steps p{color:#d4d0c0;margin:6px 0}.step-head{align-items:center;gap:10px;display:flex}.step-head strong{color:#f1efe3;flex:1}.step-check{border:1px solid var(--border);width:26px;height:26px;color:var(--muted);cursor:pointer;background:#1c1f1b;border-radius:50%;place-items:center;display:grid}li.done .step-check{background:var(--accent);color:#0d1a10;border-color:var(--accent)}.step-head .where{font:9px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.step-tip{font-size:12px;color:#d9a441!important}.do-step{font:10px var(--mono);text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#2e3a2a;border-radius:5px;align-items:center;gap:6px;margin-top:6px;padding:7px 11px;display:inline-flex}.do-step:disabled{opacity:.4;cursor:default}@media (width<=900px){.tutorial-layout,.tutorial-facts{grid-template-columns:1fr}}.range-control.has-tip{position:relative}.knob-tip{z-index:80;text-align:left;text-transform:none;letter-spacing:0;pointer-events:none;opacity:0;visibility:hidden;background:#111412;border:1px solid #3a4640;border-radius:6px;flex-direction:column;gap:4px;width:max-content;max-width:240px;padding:8px 10px;transition:opacity .12s,transform .12s,visibility 0s linear .12s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px #000a}.knob-tip:after{content:"";border:5px solid #0000;border-top-color:#111412;margin-left:-5px;position:absolute;top:100%;left:50%}.knob-tip-tech{color:#f1efe3;font:12px/1.4 system-ui,sans-serif}.knob-tip-plain{color:#b9c86d;font:11px/1.4 system-ui,sans-serif}.range-control.has-tip:hover .knob-tip,.range-control.has-tip:focus-within .knob-tip{opacity:1;visibility:visible;transition-delay:.25s,.25s,0s;transform:translate(-50%)translateY(0)}@media (hover:none){.range-control.has-tip:hover .knob-tip{opacity:0;visibility:hidden}}.range-control .knob-tip,.range-control .knob-tip span{text-transform:none;letter-spacing:normal;white-space:normal;display:block}.range-control .knob-tip{display:flex}.reference-panel{background:#1d2430;border:1px solid #5b9bd5;border-radius:8px;margin:14px 0 4px;padding:12px 14px}.reference-panel strong{font:10px var(--mono);text-transform:uppercase;color:#8fbbe6;align-items:center;gap:6px;display:inline-flex}.reference-panel p{color:#d4d0c0;margin:6px 0 10px;font-size:13px}.reference-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reference-row input{min-width:220px;font:12px var(--mono);border:1px solid var(--border);color:#e8e3d2;background:#23272a;border-radius:5px;flex:1;padding:7px 9px}.reference-row button{font:10px var(--mono);text-transform:uppercase;border:1px solid var(--border);color:#e8e3d2;cursor:pointer;background:#23272a;border-radius:5px;padding:7px 11px}.reference-row button:disabled{opacity:.4;cursor:default}.tutorial-section{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.tutorial-section>.eyebrow{color:#3a3a2e;margin-top:4px}.sidebar .library-filters{gap:3px}.sidebar .library-filters button{letter-spacing:.02em;min-width:0;height:auto;padding:4px 0;font-size:9px}.sidebar .library-item{flex-direction:column;gap:4px;padding:7px 8px 6px;display:flex}.library-item-top{align-items:center;gap:6px;min-width:0;display:flex}.library-item-top svg{color:var(--muted);flex:none}.sidebar .library-item .library-name{min-width:0;height:auto;font:12px/1.3 var(--mono);text-align:left;white-space:nowrap;text-overflow:ellipsis;box-shadow:none;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.sidebar .library-item input{flex:1;min-width:0;padding:2px 4px}.library-item-bottom{align-items:center;gap:3px;display:flex}.library-item-bottom small{min-width:0;font:9px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar .library-item .icon-button{flex:none;place-items:center;width:22px;min-width:0;height:22px;padding:0;display:grid}.sidebar .library-empty{height:auto}.sidebar .library-item .library-name{justify-content:flex-start;min-height:0;display:block}.sidebar .library-item .icon-button,.sidebar .library-filters button{min-height:0}.sidebar .library-empty{text-align:left;justify-content:flex-start;min-height:0}.sidebar .library-item{align-items:stretch;overflow:hidden}.library-item-top,.library-item-bottom{width:100%}