.mobile-tools,#drawer-backdrop{display:none}
.recording-result{display:flex;gap:15px;align-items:center;padding:15px;background:#243029;border:1px solid #46573e;border-radius:7px;margin-top:15px}.recording-result>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--accent)}.recording-result audio{height:30px;min-width:100px;flex:1}.recording-result a{font-size:10px;color:var(--accent)}
:root{color-scheme:dark;--bg:#111416;--panel:#171b1e;--line:#2a2f33;--text:#e9eae5;--muted:#7f898d;--accent:#c4e78a;--pink:#ef7085;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{color:inherit;background:#22282c;border:1px solid #333a3e;border-radius:6px;padding:9px 12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}button:hover{background:#30383c;border-color:#58635d}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select{color:var(--text);background:#191f22;border:1px solid #333a3e;border-radius:5px;padding:8px;max-width:100%}input[type=range]{padding:0;accent-color:var(--accent);height:4px;cursor:pointer}input[type=number]::-webkit-inner-spin-button{display:none}input[type=number]{appearance:textfield}button.active{border-color:#748958;color:var(--accent);background:#293324}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}kbd{font:10px ui-monospace,monospace;background:#2c3336;border:1px solid #3b4346;padding:2px 4px;border-radius:3px;color:#a4afb2}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px;background:#15191b}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-1px;font-weight:650}.brand-light{font-weight:350;margin-left:5px;color:#a9b2ae}.brand small{font:8px ui-monospace,monospace;letter-spacing:1.5px;margin:5px 0 0 12px;color:#697478;border-left:1px solid #394044;padding-left:19px}.brand-icon{display:grid;grid-template-columns:repeat(3,6px);gap:3px}.brand-icon i{width:6px;height:6px;border-radius:1px;background:var(--accent)}.brand-icon i:last-child{background:var(--pink)}.header-actions{display:flex;gap:14px;align-items:center}.local-indicator{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.local-indicator i,.save-state i,.tiny-dot{width:5px;height:5px;background:#9ebc7c;border-radius:50%;display:inline-block}.icon-btn{width:31px;height:31px;padding:0;font-size:18px;background:transparent;border-color:transparent}.connect-btn{height:35px;display:flex;gap:9px;align-items:center;font-size:11px;background:#222a25;border-color:#3b493b}.status-dot{width:6px;height:6px;border-radius:50%;background:#707a72}.connect-btn.connected{color:var(--accent)}.connected .status-dot{background:var(--accent);box-shadow:0 0 8px #c4e78a45}.workspace{display:grid;grid-template-columns:200px minmax(650px,1fr) 265px;min-height:calc(100vh - 77px)}.sidebar{padding:25px 15px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#14181b}.section-label{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:#8c9698}.sidebar>.section-label{padding:0 10px;margin-bottom:13px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{border:none;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:#8e999c;padding:11px 12px;font-size:12px}.nav button>span{font-size:20px;width:20px;line-height:16px}.nav kbd{margin-left:auto;opacity:.4}.nav button.selected{background:#2c352a;color:#c5e4a1}.nav button.selected kbd{opacity:1;color:#b4c5a6}.sidebar-divider{height:1px;background:var(--line);margin:22px 7px}.library-title{display:flex;justify-content:space-between;align-items:center}.library-title span{letter-spacing:0;padding:2px 5px;border:1px solid #30383a;border-radius:3px}.search{width:100%;font-size:11px;padding:10px 11px;background:#1c2225;border-color:#2a3236}.sidebar .search{margin-bottom:12px}.pack-list{display:flex;flex-direction:column;gap:3px;max-height:580px;overflow:auto;scrollbar-width:thin}.pack-item{display:flex;align-items:center;text-align:left;padding:9px 8px;border:1px solid transparent;background:transparent;gap:9px;font-size:11px;border-radius:5px;color:#a6afb1}.pack-item.selected{background:#242c29;border-color:#3b4a39;color:#d5e6c1}.pack-cover{width:31px;height:34px;border-radius:4px;flex-shrink:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,var(--cover),transparent 70%),linear-gradient(140deg,#38404c,#141722);box-shadow:inset 0 0 0 1px #ffffff12}.pack-cover:after{content:"";position:absolute;inset:13px -5px -12px;background:repeating-linear-gradient(20deg,transparent 0 4px,#ffffff30 5px 6px);transform:rotate(-22deg)}.pack-item small{display:block;font:8px ui-monospace,monospace;color:#788588;letter-spacing:.6px;margin-top:4px}.pack-item .pack-playing{margin-left:auto;color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:20px 3px 2px;display:grid;gap:7px}.sidebar-bottom button{text-align:left;background:transparent;border-color:#30383c;font-size:10px}.save-state{font-size:8px;color:#68797d;display:flex;align-items:center;gap:5px;margin-top:10px}.main{padding:28px 27px 13px;min-width:0;background:radial-gradient(ellipse at 65% 10%,#1b232020,transparent 55%),#111517}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:1.8px;color:#89958c}.eyebrow span{font-size:7px;margin-left:9px;border:1px solid #485043;padding:3px 5px;color:#afbd9f;letter-spacing:.8px}h1{font-size:30px;letter-spacing:-.8px;font-weight:500;margin:10px 0 8px}.session-heading p{color:#879295;font-size:10px;letter-spacing:.2px}.session-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:215px;align-items:center}.session-meta>span{font:9px ui-monospace,monospace;color:#a0aba7;border:1px solid #353e3e;padding:5px 7px;border-radius:4px}.session-meta button{font-size:10px;margin-top:7px;color:var(--accent);border-color:#3a4a35;background:#20291e}.transport{display:flex;gap:13px;align-items:center;padding:12px 14px;background:#1c2224;border:1px solid #30383a;border-radius:8px;min-height:69px;box-shadow:0 5px 15px #00000018}.transport-controls{display:flex;align-items:center;gap:6px}.play-btn{background:var(--accent);color:#243018;border:none;width:37px;height:37px;padding:0;font-size:17px}.play-btn:hover{background:#daff9f}.record-btn{width:30px;height:30px;padding:0;border:none;background:transparent;display:grid;place-items:center}.record-btn>span{width:11px;height:11px;border-radius:50%;background:#dd6474;box-shadow:0 0 0 4px #dd647414}.record-btn.recording{background:#672b36;animation:record-pulse 1s infinite}.record-btn.recording>span{border-radius:2px}#record-time{font:10px ui-monospace,monospace;color:var(--pink)}@keyframes record-pulse{50%{opacity:.5}}.transport-divider{height:30px;width:1px;background:#364044;flex-shrink:0}.tempo>span,.quantize>label{display:block;font:7px ui-monospace,monospace;letter-spacing:1.5px;color:#849092;margin-bottom:5px}.tempo>div{display:flex;align-items:center;gap:4px}.tempo input{font:18px ui-monospace,monospace;width:40px;border:0;padding:0;text-align:center;background:none}.tempo button{padding:0;width:12px;border:none;background:transparent;color:#798881}.tempo small{font:8px ui-monospace,monospace;color:#788a8b}.text-btn{border:none;background:transparent;padding:4px;font:8px ui-monospace,monospace;letter-spacing:1px;color:#8e9c97}.clock{min-width:70px}.clock strong{font:17px ui-monospace,monospace;letter-spacing:1px}.beats{display:flex;gap:7px;margin-top:7px}.beats i{width:5px;height:3px;background:#465047;border-radius:2px}.beats i.active{background:var(--accent);box-shadow:0 0 6px #c4e78a60}.quantize{margin-left:auto;min-width:86px}.quantize select{font-size:10px;padding:0;border:none;background:transparent;width:100%}#master-meter{width:60px;height:25px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 18px}.view-tabs{display:flex;gap:3px}.view-tabs button{background:transparent;border-color:transparent;color:#778488;font-size:11px;padding:7px 12px}.view-tabs button.active{background:#2c3430;color:#d4e3c8;border-color:#43503f}.board-tools{display:flex;align-items:center;gap:5px;font-size:8px;color:#65757a}.board-tools button{font-size:9px;padding:5px 7px;background:transparent;border:1px solid transparent}#load-state{margin-left:5px}.track-headings{display:grid;grid-template-columns:repeat(8,1fr);padding-right:44px;gap:7px;margin-bottom:10px}.track-headings>div{font:8px ui-monospace,monospace;color:#94a09c;letter-spacing:.9px;display:flex;align-items:center;justify-content:center;gap:5px}.track-headings i{width:4px;height:4px;border-radius:50%;background:var(--pad)}.hardware{display:grid;grid-template-columns:1fr 33px;grid-template-rows:30px 1fr;column-gap:10px;row-gap:9px;padding:14px;background:linear-gradient(155deg,#202729,#151b1e 75%);border:1px solid #384145;border-radius:12px;box-shadow:0 16px 40px #00000030,inset 0 1px 0 #ffffff05}.top-controls{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.top-controls button{padding:0;border-radius:4px;font-size:8px;background:#293235;border-color:#3c484a;color:#a6b4b2;position:relative;min-width:0}.top-controls button:nth-child(-n+4){font-size:13px}.top-controls button.active{color:#d7ebc3;border-color:#5b7051;background:#354130}.hardware-logo{font-size:6px;letter-spacing:-.4px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a9b3ac}.hardware-logo b{font-size:22px;line-height:17px}.pad-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.pad{aspect-ratio:1.18;min-width:0;min-height:54px;padding:9px 7px 7px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--pad),#293031 65%);background:linear-gradient(140deg,color-mix(in srgb,var(--pad),#1b2425 78%),color-mix(in srgb,var(--pad),#162023 91%));border-radius:5px;box-shadow:inset 0 1px 0 #ffffff05;user-select:none;touch-action:manipulation;color:color-mix(in srgb,var(--pad),#ffffff 15%)}.pad:hover{background:color-mix(in srgb,var(--pad),#20292a 65%);border-color:var(--pad)}.pad.empty{background:#1b2427;border:1px dashed #354145;color:#415053}.pad.selected:after{content:"";position:absolute;inset:3px;border:1px solid #ffffff42;border-radius:2px;pointer-events:none}.pad.playing{background:linear-gradient(150deg,color-mix(in srgb,var(--pad),#1b2527 25%),color-mix(in srgb,var(--pad),#182123 60%));border-color:var(--pad);color:#f7fcf7;box-shadow:0 0 12px color-mix(in srgb,var(--pad),transparent 86%),inset 0 1px 0 #ffffff40}.pad.queued{animation:queue-blink .65s infinite;border-color:var(--pad)}.pad.stopping{animation:queue-blink .4s infinite}.pad.drag-over{outline:2px solid var(--accent);outline-offset:2px}.pad .pad-top{display:flex;justify-content:space-between;width:100%;font:7px ui-monospace,monospace;opacity:.55}.pad .pad-name{font-size:8px;line-height:1.25;letter-spacing:-.05px;margin:auto 0 4px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pad .pad-wave{display:flex;align-items:center;gap:2px;height:10px;opacity:.35;width:100%}.pad-wave i{flex:1;background:currentColor;min-width:1px;border-radius:1px}.pad .pad-progress{position:absolute;bottom:0;left:0;height:2px;width:calc(var(--progress,0)*100%);background:currentColor;opacity:.7}.pad .pad-key{position:absolute;right:5px;bottom:5px;font:7px ui-monospace,monospace;opacity:.45}.pad.loading .pad-name{opacity:.4}.scene-controls{display:grid;grid-template-rows:repeat(8,1fr);gap:8px}.scene-controls button{font:9px ui-monospace,monospace;padding:0;border-radius:7px;background:#283233;border-color:#465248;color:#b8c6a7;position:relative}.scene-controls button small{display:block;font-size:6px;margin-top:4px;color:#78877c}.scene-controls button:last-child{color:#ed9ba6;background:#3a282e;border-color:#62404a}.scene-controls button:last-child small{color:#b87684}.scene-controls button.captured{border-color:var(--accent)}@keyframes queue-blink{50%{filter:brightness(1.5)}}.board-footer{display:flex;justify-content:space-between;font-size:8px;color:#718084;padding:15px 0 19px;gap:12px}.board-footer>span{display:flex;align-items:center;gap:5px}.board-footer i{display:inline-block;width:4px;height:4px;border-radius:50%;margin-left:8px}.board-footer i:first-child{margin-left:0}.legend-playing{background:var(--accent)}.legend-queued{background:#e7b96e}.legend-idle{background:#526569}.board-footer kbd{font-size:7px}.clip-editor{border-top:1px solid #333b3e;border-bottom:1px solid #2b3436;display:grid;grid-template-columns:155px 1fr 125px;gap:15px;padding:17px 0;align-items:center}.editor-info .section-label{font-size:7px;letter-spacing:1px}.editor-info b{font-weight:400;color:#c8d3c2;margin-left:5px}.editor-info h3{font-size:12px;font-weight:500;line-height:1.4;margin:9px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-info>span:last-child{font:8px ui-monospace,monospace;color:#75888a}.waveform-wrap{min-width:0}#waveform{width:100%;height:48px;display:block}.trim-controls{display:flex;gap:15px;justify-content:space-between}.trim-controls label{display:flex;gap:5px;align-items:center;font:6px ui-monospace,monospace;color:#829291;flex:1}.trim-controls input{width:100%;height:2px}.editor-settings select{font-size:9px;width:100%;background:#20272a}.editor-settings>div{display:flex;gap:4px;margin:5px 0}.editor-settings button{padding:1px;width:27px;height:23px;font-size:13px;border-color:#303c3e;background:transparent}.clip-gain{display:flex;font:7px ui-monospace,monospace;gap:6px;color:#85958f;align-items:center}.clip-gain input{width:85px}.main-footer{display:flex;justify-content:space-between;color:#617278;font:7px ui-monospace,monospace;padding-top:13px}.tiny-dot{width:4px;height:4px;margin-right:4px}.browser{border-left:1px solid var(--line);background:#161b1e;padding:26px 19px 18px;display:flex;flex-direction:column;max-height:calc(100vh - 77px);position:sticky;top:0}.browser-heading{display:flex;justify-content:space-between;align-items:center}.browser h2{font-size:17px;font-weight:500;letter-spacing:-.3px}.browser>p{color:#7d8a8d;font-size:9px;margin:4px 0 20px}.browser-filter{display:grid;grid-template-columns:1fr 80px;gap:6px;margin-top:9px}.browser-filter select{font-size:8px;padding:7px 4px;background:transparent;border-color:#303a3e}.browser-results{display:flex;justify-content:space-between;font:7px ui-monospace,monospace;letter-spacing:.9px;color:#728587;margin:22px 0 7px}.sample-list{overflow:auto;flex:1;min-height:200px;scrollbar-width:thin}.sample-item{padding:11px 0;border-bottom:1px solid #273136;display:grid;grid-template-columns:24px 1fr 38px;gap:7px;align-items:center;cursor:grab}.sample-item:hover{background:#20282a}.sample-preview{border:1px solid #354845;background:#293a35;color:#a5c9ae;width:23px;height:25px;padding:0;font-size:9px}.sample-item strong{display:block;font-size:9px;line-height:1.4;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}.sample-item small{font:7px ui-monospace,monospace;color:#74888a;margin-top:4px;display:block}.sample-stats{font:8px ui-monospace,monospace;color:#91a69f;text-align:right;line-height:1.8}.sample-item.selected .sample-preview{background:#678452;color:#e5f3d9}.drop-zone{border:1px dashed #3c4b46;display:flex;flex-direction:column;align-items:center;padding:16px 4px;margin-top:20px;border-radius:7px;background:#20292455;cursor:pointer;gap:7px}.drop-zone>span{font-size:20px;color:#aec398}.drop-zone strong{font-size:9px;font-weight:400}.drop-zone small{font-size:8px;color:#7f918b;text-align:center;line-height:1.7}.drop-zone.drag-over{border-color:var(--accent);background:#39452c}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);background:#d5e9c0;color:#223019;padding:12px 20px;border-radius:7px;font-size:12px;box-shadow:0 4px 30px #0008;z-index:10;opacity:0;pointer-events:none;transition:.2s;max-width:80vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#e9a6ad;color:#491d25}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 30px;gap:20px}.panel-heading h2{font-size:23px;font-weight:450;letter-spacing:-.5px}.panel-heading p{font-size:10px;color:#81908d;margin-top:9px}.panel-heading button{font-size:10px}.accent-btn{background:var(--accent);color:#26331e;border-color:var(--accent);font-size:11px}.accent-btn:hover{background:#d5eea8}.view:not(#clips-view){min-height:552px}.seq-row,.seq-labels{display:grid;grid-template-columns:110px repeat(16,minmax(0,1fr));gap:5px;margin-bottom:9px;align-items:center}.seq-labels{font:8px ui-monospace,monospace;text-align:center;color:#73877c}.seq-track{font-size:9px;color:var(--pad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step{height:34px;border-color:#34403d;background:#222c2b;padding:0;border-radius:4px}.step:nth-child(4n+2){border-left:2px solid #6a7970}.step.enabled{background:color-mix(in srgb,var(--pad),#16201e 22%);border-color:var(--pad)}.step.current{box-shadow:inset 0 0 0 2px #e6f4d6}.seq-actions{display:flex;align-items:center;gap:10px;margin-top:25px}.seq-actions button{font-size:9px}.seq-actions>label{font:8px ui-monospace,monospace;display:flex;gap:8px;margin-left:auto;align-items:center}.seq-actions input{width:80px}.segmented{display:flex}.segmented button{padding:5px}.mixer{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;min-height:350px}.channel-strip{border:1px solid #35403c;border-top:2px solid var(--pad);border-radius:6px;background:#1b2423;padding:15px 8px;display:flex;align-items:center;flex-direction:column;gap:15px}.channel-strip strong{font:8px ui-monospace,monospace;color:var(--pad);letter-spacing:.7px}.channel-strip output{font:10px ui-monospace,monospace;color:#a5b6a7}.fader{height:200px;width:22px!important;writing-mode:vertical-lr;direction:rtl;appearance:auto;accent-color:var(--pad)!important}.channel-strip .pan{width:100%}.mute-solo{display:flex;gap:4px}.mute-solo button{font:9px ui-monospace,monospace;padding:5px 7px;background:transparent}.mute-solo .active{color:var(--pad);border-color:var(--pad)}.master-slider{display:flex;align-items:center;justify-content:flex-end;gap:15px;font:9px ui-monospace,monospace;margin-top:25px}.master-slider input{width:200px}.fx-layout{display:grid;grid-template-columns:1fr 170px;gap:35px;margin-bottom:30px}.xy-pad{height:355px;background:radial-gradient(circle at 50% 70%,#c4e78a12,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent calc(12.5% - 1px),#9ab49712 calc(12.5% - 1px),#9ab49712 12.5%),repeating-linear-gradient(90deg,transparent,transparent calc(12.5% - 1px),#9ab49712 calc(12.5% - 1px),#9ab49712 12.5%),#1a2423;border:1px solid #465e4d;border-radius:10px;position:relative;touch-action:none;cursor:crosshair;overflow:hidden}.xy-pad>span{position:absolute;font:8px ui-monospace,monospace;letter-spacing:2px;color:#7d9683}.xy-top{top:15px;left:45%}.xy-bottom{bottom:15px;left:46%}.xy-left{left:15px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg)}.xy-right{right:15px;top:45%;writing-mode:vertical-rl}#xy-dot{position:absolute;width:17px;height:17px;background:var(--accent);border:4px solid #647a49;border-radius:50%;left:50%;top:100%;transform:translate(-50%,-50%);box-shadow:0 0 30px #b5d86a66;pointer-events:none}.xy-cross{position:absolute;background:#99b58025;pointer-events:none}.xy-cross.horizontal{width:100%;height:1px;top:50%}.xy-cross.vertical{height:100%;width:1px;left:50%}.fx-knobs{display:flex;flex-direction:column;gap:28px}.fx-knobs label{display:flex;flex-direction:column;gap:15px;font:8px ui-monospace,monospace;letter-spacing:1px;color:#9bab9c}.fx-knobs output{align-self:flex-end;color:var(--accent);font-size:10px}.stutter-btn{background:#2d283b;border-color:#66527c;color:#cbb2df;font-size:11px;padding:18px 8px}.stutter-btn small{display:block;font-size:8px;margin-top:7px;color:#a18bb3}.stutter-btn.active{background:#8b62ae;color:white}.muted{color:#8a9990;font-size:10px!important}dialog{width:540px;max-width:90vw;border:1px solid #475644;border-radius:12px;color:var(--text);background:#1a2221;padding:27px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#080c0dc9;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog h2{font-size:25px;font-weight:450;letter-spacing:-.5px;margin-bottom:15px}dialog p{font-size:12px;line-height:1.8;color:#9aa9a1;margin:12px 0}dialog>label{font:9px ui-monospace,monospace;letter-spacing:1px;display:flex;flex-direction:column;gap:8px;margin:18px 0}dialog select{width:100%}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:25px}.dialog-actions button{font-size:10px}.help-steps{margin:20px 0;padding:15px 20px;background:#242f29;border-radius:8px}.help-steps b{font:9px ui-monospace,monospace;letter-spacing:1.2px;color:var(--accent)}.help-steps p{font-size:11px;margin:8px 0 20px}.help-steps>div:last-child p{margin-bottom:0}#rename-input{width:100%;margin:5px 0 20px}.empty-results{padding:25px 0;color:#83948b;font-size:11px;line-height:1.8}.brightness input{width:100%;margin:10px 0}.file-badge{font-size:7px;color:#c4e78a}.midi-error{color:#ef9caa!important}
@media(min-width:1550px){.workspace{grid-template-columns:225px minmax(700px,1fr) 290px}.main{padding:32px 40px 16px}.pad{aspect-ratio:1.3;padding:11px}.pad .pad-name{font-size:10px}.pad .pad-top{font-size:8px}.pad-wave{height:14px!important}.browser{padding:30px 23px}.sample-item strong{font-size:10px;max-width:150px}.sample-item{padding:14px 0}.pack-item{padding:11px 9px}.view:not(#clips-view){min-height:620px}}
@media(max-width:1190px){.workspace{grid-template-columns:175px minmax(580px,1fr)}.browser{display:none}.main{padding:25px 22px}.sidebar{padding-left:10px;padding-right:10px}.brand small{display:none}.pad{min-height:56px}.local-indicator{display:none}}
@media(max-width:800px){.topbar{height:62px;padding:0 14px}.brand{font-size:19px}.connect-btn{padding:7px;font-size:9px}.header-actions{gap:5px}.workspace{display:block;min-height:calc(100vh - 62px)}.sidebar{display:none}.main{padding:22px 12px 13px}.session-heading{align-items:flex-start}.session-meta{max-width:150px}.session-meta button{font-size:8px;padding:7px}.session-heading p{font-size:9px;max-width:220px;line-height:1.5}.eyebrow{font-size:7px}h1{font-size:25px}.transport{gap:8px;padding:10px}.transport-controls{gap:1px}.transport-divider{display:none}.tempo>div{gap:1px}.tempo input{width:35px;font-size:16px}.quantize{min-width:65px}.quantize label{font-size:5px}.clock{min-width:55px}.clock strong{font-size:13px}#master-meter,#tap-btn{display:none}.hardware{padding:8px;column-gap:6px;grid-template-columns:1fr 26px;row-gap:7px;border-radius:8px}.pad-grid,.top-controls,.scene-controls{gap:5px}.pad{min-height:44px;aspect-ratio:1;padding:5px 4px}.pad .pad-name{font-size:7px;margin-bottom:3px}.pad .pad-wave{height:7px;gap:1px}.pad .pad-top{font-size:5px}.pad .pad-key{font-size:5px;bottom:3px;right:3px}.top-controls button{font-size:6px}.top-controls{gap:5px}.hardware-logo{font-size:5px}.track-headings{padding-right:34px;gap:3px}.track-headings>div{font-size:6px;letter-spacing:0}.track-headings i{display:none}.board-toolbar{margin-top:18px}.board-tools #edit-btn{font-size:8px;padding:5px 0}.board-tools{gap:0}#load-state{display:none}.board-footer{font-size:6px;gap:5px}.board-footer span:last-child{display:none}.clip-editor{grid-template-columns:100px 1fr 100px;gap:8px}.editor-info h3{font-size:10px}.editor-info .section-label{font-size:6px}.editor-info>span:last-child{font-size:6px}.editor-settings select{font-size:8px;padding:5px}.editor-settings button{width:21px}.main-footer{font-size:6px}.seq-row,.seq-labels{grid-template-columns:65px repeat(16,minmax(0,1fr));gap:3px}.seq-track{font-size:7px}.step{height:28px}.seq-actions{flex-wrap:wrap}.panel-heading h2{font-size:19px}.panel-heading p{font-size:9px;line-height:1.5}.panel-heading{gap:10px}.channel-strip{padding:12px 3px;gap:10px}.mixer{gap:5px}.channel-strip strong{font-size:6px;letter-spacing:0}.mute-solo{gap:2px}.mute-solo button{font-size:7px;padding:4px}.channel-strip output{font-size:8px}.fader{height:180px}.fx-layout{gap:15px;grid-template-columns:1fr 110px}.xy-pad{height:300px}.fx-knobs{gap:22px}.fx-knobs label{font-size:7px}.stutter-btn{font-size:9px;padding:14px 4px}.stutter-btn small{font-size:7px}.view:not(#clips-view){min-height:440px}.view-tabs button{padding:6px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:801px){.pad{aspect-ratio:1.55;min-height:49px}}
@media(max-width:1190px){.mobile-tools{display:flex;justify-content:flex-end;gap:8px;padding:8px 15px;border-bottom:1px solid var(--line);background:#171d1d}.mobile-tools button{font-size:9px;padding:6px 10px}.mobile-tools #mobile-packs{display:none}.show-library .browser{display:flex;position:fixed;right:0;top:116px;bottom:0;width:285px;z-index:30;max-height:none;box-shadow:-15px 0 50px #0007}.show-library #drawer-backdrop,.show-packs #drawer-backdrop{display:block;position:fixed;inset:116px 0 0;border:none;border-radius:0;background:#060b0b99;z-index:25;padding:0;cursor:default}.show-library .sample-item strong{max-width:160px}}
@media(max-width:800px){.mobile-tools{justify-content:space-between}.mobile-tools #mobile-packs{display:block}.show-packs .sidebar{display:flex;position:fixed;left:0;top:101px;bottom:0;width:230px;z-index:30;box-shadow:15px 0 50px #0007}.show-library .browser{top:101px}.show-library #drawer-backdrop,.show-packs #drawer-backdrop{top:101px}.show-packs .pack-list{max-height:none}.main{padding-top:19px}}