@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}}