@font-face{font-family:Geist;src:local(Geist);font-display:swap}:root{color:#ecedef;font-synthesis:none;--bg:#1d1e20;--surface:#18191b;--raised:#27292d;--muted:#8d929b;--line:#2b2d31;--mint:#18d9a6;--ease:cubic-bezier(.23, 1, .32, 1);background:#1d1e20;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Geist,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=color]),textarea,[contenteditable=true],[contenteditable=plaintext-only],.comment>p,.chat-message p{-webkit-user-select:text;user-select:text}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{opacity:.3;cursor:default}input{background:0 0;border:0;outline:none;min-width:0}button,svg{flex-shrink:0}svg{width:20px;height:20px}button{transition:background-color .13s,color .13s,filter .13s}button:active:not(:disabled){filter:brightness(.94)}button:focus-visible:where(html[data-keyboard-focus] *),input:focus-visible:where(html[data-keyboard-focus] *){outline-offset:4px;border-radius:6px;outline:2px solid #53c9b7}h2,h3,p{margin:0}h2{letter-spacing:-.7px;font-size:23px;font-weight:580}h3{font-weight:560}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#4c4f54;border-radius:10px}::-webkit-scrollbar-track{background:#202124}.app-header{align-items:center;gap:24px;height:70px;padding:0 26px;display:flex}.identity{align-items:center;width:34px;display:flex}.identity span{background:#f27e62;border-radius:0 14px 14px 0;width:15px;height:25px;margin-right:-6px}.identity span:nth-child(2){background:#ffc864}.identity span:nth-child(3){background:#83c9c8}.workspace{background:linear-gradient(#2a2b2e,#252629);border-radius:9px;justify-content:space-between;width:155px;height:40px;padding:0 15px;font-size:15px;font-weight:560;box-shadow:inset 0 1px #ffffff06}.workspace svg{color:#adaeb3;width:15px}.project-title{letter-spacing:-.25px;width:250px;font-size:15px;font-weight:560}.local-dot{background:#62726b;border-radius:50%;width:5px;height:5px;margin-left:-28px}.header-space{flex:1}.text-button{color:#b6bac2;padding:8px 10px}.text-button svg{width:16px}.export{background:#5946e9;border-radius:10px;padding:11px 18px;font-weight:550}.export svg{width:16px}.shell{grid-template-columns:minmax(0,1fr) 290px;gap:26px;height:calc(100dvh - 70px);padding:0 24px 18px;display:grid}main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.transport{align-items:center;gap:18px;min-height:64px;padding-bottom:13px;display:flex}.transport-group,.tools{background:#17181a;border-radius:11px;align-items:center;gap:5px;padding:5px;display:flex}.icon-button{color:#9b9fa6;background:linear-gradient(#25282c,#202226);border:1px solid #303238;border-radius:9px;width:34px;height:35px;box-shadow:inset 0 1px 1px #ffffff13,0 1px 3px #0004}.icon-button svg{width:17px;height:17px}.icon-button.active,.tools .active{color:var(--mint)}.play{color:#12cabb}.readout-label{color:#d9dadd;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.readout-label input,.readout-label output{color:#09c4b0;font-variant-numeric:tabular-nums;letter-spacing:-.6px;background:#111917;border-radius:9px;padding:7px 10px;font-size:19px;font-weight:550}.readout-label input{text-align:center;appearance:textfield;width:62px}.readout-label input::-webkit-inner-spin-button{appearance:none}.readout-label output{min-width:100px;font-size:17px}.snap{letter-spacing:.4px;padding:5px 0;font-size:10px;font-weight:600}.snap span{background:#303339;border-radius:9px;width:28px;height:15px;position:relative}.snap span:after{content:"";width:13px;height:13px;transition:transform .14s var(--ease), background .14s ease;background:#777d81;border-radius:50%;position:absolute;top:1px;left:1px}.snap[aria-pressed=true] span:after{background:#18c8a0;transform:translate(13px)}.snap[aria-pressed=true] span{background:#17453c}.transport-spacer{flex:1}.volume{color:#9a9fa7;align-items:center;gap:8px;display:flex}.volume svg{width:18px}.volume input{width:65px}.editor{flex:1;gap:18px;min-height:220px;display:flex;overflow:hidden}.timeline-scroll{background:#18191b;border-radius:14px;flex:1;min-width:0;position:relative;overflow:auto}.timeline{min-height:100%;position:relative}.ruler{z-index:8;cursor:crosshair;background:#232528;border-bottom:12px solid #1d1e20;border-radius:12px 12px 0 0;height:44px;position:sticky;top:0}.ruler-corner{color:#575b61;font-size:20px;position:sticky;top:5px;left:18px}.tick{color:#c8cbd0;text-indent:-3px;-webkit-user-select:none;user-select:none;border-left:1px solid #5c6066;height:8px;padding-bottom:23px;font-size:10px;line-height:10px;position:absolute;bottom:0}.tick:not(.major){padding-bottom:0}.tick.major{border-left:2px solid #c4c6ca}.track-row{background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--beat) - 1px), #ffffff04 calc(var(--beat) - 1px), #ffffff04 var(--beat));background-position:var(--track-header-width,180px) 0;height:128px;transition:transform .17s var(--ease);border-bottom:1px solid #2c2e31;position:relative}.track-row.reordering{z-index:15;opacity:.96;background-color:#25272a;transition:none;box-shadow:0 12px 40px #0008}.track-head{width:var(--track-header-width,180px);z-index:5;background:#18191b;border-right:1px solid #2e3034;height:100%;padding:17px 12px 15px 8px;position:sticky;left:0}.track-top{align-items:center;gap:3px;display:flex}.grip{color:#53565c;cursor:grab;width:16px;padding:0}.grip svg{width:13px}.grip:active{cursor:grabbing}.track-name{white-space:nowrap;letter-spacing:-.2px;background:linear-gradient(110deg,#141517,#121315);border-radius:9px;gap:8px;min-width:110px;max-width:125px;height:34px;padding:0 10px;font-size:11px;font-weight:560;overflow:hidden}.track-name i{background:var(--color);border-radius:3px;width:9px;height:9px}.track-more{color:#71757b;align-self:flex-start;width:18px;margin-top:-7px;padding:0}.track-more svg{width:16px}.track-controls{align-items:center;gap:7px;margin-top:17px;padding-left:10px;display:flex}.track-control{color:#a2a7b1;background:#2e3139;border-radius:7px;width:25px;height:25px;font-size:14px;font-weight:580}.track-control svg{width:17px}.track-control[aria-pressed=true]{color:#20242b;background:#cbd0da}.track-control.fx.lit{color:#072d28;background:#13c9b2;box-shadow:0 0 13px #1bd6b52e}.knob{cursor:ns-resize;background:conic-gradient(from 20deg,#3d4247,#191b1e,#444b50,#22262a,#3d4247);border-radius:50%;flex-shrink:0;width:27px;height:27px;display:block;position:relative;box-shadow:inset 0 1px 1px #ffffff25,0 4px 7px #0007}.knob:after{content:"";transform-origin:1.5px 9.5px;width:3px;height:9px;transform:rotate(var(--angle));pointer-events:none;background:#c0c7ce;border-radius:2px;position:absolute;top:4px;left:12px}.knob input{opacity:0;cursor:ns-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.knob:has(input:focus-visible:where(html[data-keyboard-focus] *)){outline:2px solid var(--mint);outline-offset:3px}.clip{background:var(--color);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:13px;height:125px;position:absolute;top:1px;overflow:hidden}.clip.selected{box-shadow:inset 0 0 0 1px #ffffff50}.clip:focus-visible:where(html[data-keyboard-focus] *){outline-offset:-2px;outline:2px solid #fff}.clip-title{color:#fff;white-space:nowrap;background:#0004;justify-content:space-between;gap:10px;height:25px;padding:5px 10px;font-size:11px;font-weight:570;display:flex;overflow:hidden}.clip-title span{opacity:.7;letter-spacing:1px;font-size:9px}.clip canvas{background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--beat) - 1px), #ffffff20 calc(var(--beat) - 1px), #ffffff20 var(--beat));pointer-events:none;width:100%;height:calc(100% - 25px);display:block}.clip.dragging{z-index:20;cursor:grabbing;overflow:visible;box-shadow:0 10px 28px #0006,0 0 0 1px #ffffff70}.trim{cursor:ew-resize;width:11px;position:absolute;top:25px;bottom:0}.trim.left{left:0}.trim.right{right:0}.trim:after{content:"";opacity:0;background:#fff9;border-radius:2px;width:3px;height:24px;transition:opacity .12s;position:absolute;top:40%;left:4px}.clip:hover .trim:after{opacity:1}.drag-badge{color:#eee;font-variant-numeric:tabular-nums;background:#22262b;border:1px solid #424951;border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;top:-31px;left:8px;box-shadow:0 6px 20px #0005}.drag-badge:empty{display:none}.track-footer{min-height:155px;display:flex}.track-footer .add-track{z-index:5;width:var(--track-header-width,180px);color:#898e94;background:#18191b;border-right:1px solid #292b2e;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;gap:8px;min-height:105px;padding-top:26px;font-size:11px;display:flex;position:sticky;left:0}.add-track svg{color:#727880;width:22px}.arrange-hint{color:#51565c;flex:1;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.arrange-hint svg{opacity:.7;width:27px}.playhead{z-index:7;pointer-events:none;background:#1cdda3;width:1px;position:absolute;top:44px;bottom:0;left:0}.meter{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:67px;padding:8px 0 0;display:flex}.eyebrow{color:#b6b9bf;letter-spacing:.3px;font-size:9px;font-weight:600}.meter-body{flex:1;gap:10px;width:100%;min-height:100px;display:flex}.meter-columns{background:#131517;border-radius:8px;gap:6px;width:34px;padding:4px;display:flex;position:relative}.meter-columns:before{content:"";background:#f86161;border-radius:3px;height:2px;position:absolute;top:-4px;left:0;right:0}.meter-columns i{background:#1c2222;border-radius:5px;width:10px;position:relative;overflow:hidden}.meter-columns b{transform-origin:bottom;background:linear-gradient(#ff524e,#ffc938 20%,#33d894 75%,#00d3ae);display:block;position:absolute;inset:0;transform:scaleY(0)}.meter-scale{color:#999da5;flex-direction:column;justify-content:space-between;padding:5px 0;font-size:9px;display:flex}.master-knob{margin-top:5px}.mixer-button{color:#c4c7ce;background:#222529;border:1px solid #30343a;border-radius:9px;width:66px;height:30px;font-size:11px}.timeline-bottom{align-items:center;gap:15px;height:42px;padding:0 2px;display:flex}.grip-mark{color:#51565d;font-size:20px}.overview{cursor:pointer;background:#25272a;border-radius:5px;flex:1;height:13px;padding:3px;overflow:hidden}.overview span{background:#787b80;border-radius:3px;min-width:20px;max-width:100%;height:7px;display:block}.timeline-bottom>div:last-child{align-items:center;gap:3px;display:flex}.timeline-bottom .icon-button{box-shadow:none;color:#8f97a4;background:0 0;border:0;width:26px;height:27px}.timeline-bottom .text-button{padding:5px;font-size:10px}.dock{flex-shrink:0;height:203px;overflow:hidden}#dock-tabs{align-items:center;gap:22px;height:39px;display:flex}#dock-tabs .grip-mark{margin-right:-10px}.dock-tab{color:#c1c4c9;padding:6px 0;font-size:12px;font-weight:550}.dock-tab[aria-pressed=true]{color:var(--mint)}.dock-track{color:#686e78;margin-left:auto;padding-right:5px;font-size:11px}#dock-content{gap:15px;height:158px;padding:3px 0 9px;display:flex;overflow:auto}.device{background:#18191b;border-radius:20px;flex:1;min-width:260px;max-width:440px;padding:22px 22px 18px;transition:opacity .13s}.device.bypassed{opacity:.46}.device-heading{white-space:nowrap;align-items:center;gap:6px;display:flex}.device-power{color:var(--accent);padding:0}.device-power svg{width:17px;height:17px}.device-name{color:var(--accent);font-size:12px;font-weight:550}.device-preset{letter-spacing:-.2px;font-size:11px}.device-more{color:#727985;margin-left:auto;padding:0}.device-more svg{width:17px}.parameters{justify-content:space-between;gap:13px;margin-top:23px;display:flex}.parameter{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.parameter output{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:530}.parameter>span{color:#c7c9cf;font-size:10px}.parameter input{background:linear-gradient(90deg, var(--accent), #555961);opacity:.9;width:100%;height:3px}.static-rail{background:#515459;width:100%;height:3px;position:relative}.static-rail:after{content:"";background:var(--accent);width:32%;height:100%;display:block}.add-device{color:#8d949e;border:1px dashed #363a40;border-radius:18px;flex-direction:column;min-width:85px;padding:15px;font-size:10px;display:flex}.add-device svg{width:20px}.device:has(+.add-device):first-child{max-width:380px}.mix-card{background:#18191b;border-radius:16px;flex:1;min-width:190px;padding:16px 20px}.mix-card h3{border-left:3px solid var(--color);margin-bottom:14px;padding-left:8px;font-size:12px}.mix-label{color:#969eaa;justify-content:space-between;margin:9px 0;font-size:10px;display:flex}.mix-card input{width:100%}.sample-preview{background:var(--color);border-radius:16px;flex:1;overflow:hidden}.sample-preview canvas{width:100%;height:100%}.sample-details{color:#afb6c0;flex-direction:column;gap:12px;min-width:200px;padding:16px;display:flex}.sample-details strong{color:#f0f0f0;font-size:13px}.sample-details span{font-size:11px}.empty{color:#8f959d;padding:30px}.browser{flex-direction:column;min-height:0;display:flex}.browser-heading{align-items:center;gap:9px;height:64px;padding:0 1px 12px;display:flex}.library-mark{color:#ffc56b;font-size:32px;font-weight:900;line-height:1;transform:rotate(-30deg)}.browser-heading .icon-button{box-shadow:none;color:#969da7;background:0 0;border:0;margin-left:auto}.browser-body{background:#18191b;border-radius:18px;flex-direction:column;flex:1;padding:19px 18px;display:flex;overflow:auto}.browser-tabs{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.browser-tabs button{color:#f6ca4c;padding:0;font-size:13px;font-weight:570}.browser-tabs span{color:#626976;font-size:11px}.search{color:#787f8d;background:#222429;border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.search svg{width:17px}.search input{width:100%;font-size:12px}.search input::placeholder{color:#a3a8b1}.sound{cursor:grab;align-items:center;gap:11px;padding:9px 0;display:flex}.sound-art{background:linear-gradient(140deg, color-mix(in srgb, var(--sound-color) 35%, #151719), #1d2024);width:49px;height:54px;color:var(--sound-color);border:1px solid #ffffff08;border-radius:9px;place-items:center;display:grid}.sound-art svg{width:27px;height:27px;filter:drop-shadow(0 2px 9px var(--sound-color))}.sound-meta{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.sound-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:520;overflow:hidden}.sound-meta span{color:#8c919c;font-size:10px}.sound-add{color:#737d89;width:25px;padding:0}.sound-add svg{width:17px}.import-area{color:#979fab;border:1px dashed #343a42;border-radius:13px;flex-direction:column;gap:8px;min-height:99px;margin-top:22px;padding:14px;display:flex}.import-area svg{color:#747e8b}.import-area span{font-size:12px}.import-area small{color:#626e7c;font-size:10px}.browser-note{color:#616977;align-items:center;gap:7px;margin-top:auto;padding-top:28px;font-size:10px;display:flex}.status-dot{background:#659889;border-radius:50%;width:4px;height:4px}.drop-target{background-color:#1e3831!important;box-shadow:inset 0 0 0 2px #30cda7!important}.popover{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:220px;animation:appear .14s var(--ease);transform-origin:0 0;background:#272a2eee;border:1px solid #ffffff16;border-radius:13px;padding:6px;position:fixed;box-shadow:0 12px 40px #0007,inset 0 1px #ffffff06}.popover button{color:#d6d9df;border-radius:7px;justify-content:flex-start;width:100%;padding:10px 12px;font-size:12px}.popover button.danger{color:#ed9196}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);pointer-events:none;color:#dfe2e7;white-space:nowrap;opacity:0;z-index:50;background:#282d34;border:1px solid #3c424b;border-radius:7px;padding:7px 9px;font-size:10px;transition:opacity .1s,transform .1s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-3px);box-shadow:0 4px 12px #0005}@media (hover:hover) and (pointer:fine){.icon-button:hover{color:#e1e5eb;background:#30343a}.play:hover{color:#39e2c3}.text-button:hover,.dock-tab:hover{color:#fff}.export:hover{background:#6956ef}.track-control:hover{background:#3b404b}.track-name:hover{color:#fff;background:#111214}.clip:hover{filter:brightness(1.025)}.popover button:hover{background:#3b434e}.sound:hover .sound-add{color:#d3dbe5}.add-device:hover,.import-area:hover{color:#d3dbe3;background:#242a2e;border-color:#59636f}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px #ffffff0c,0 2px 4px #0006}input[type=range]:active::-webkit-slider-thumb{transform:scale(.95);box-shadow:0 0 0 4px #b7d0cb19}[data-tip]:hover:after{opacity:1;transition-delay:.65s;transform:translate(-50%)translateY(0)}}@keyframes appear{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=1700px){.shell{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.track-row{height:128px}.device{padding-left:28px;padding-right:28px}.transport{gap:24px}.browser-body{padding:24px}.sound-art{width:60px;height:65px}.sound{padding:12px 0}}@media (width<=1300px){.shell{grid-template-columns:minmax(0,1fr) 250px;gap:17px;padding:0 18px 15px}.transport{gap:11px}.volume,.tools{display:none}.device{min-width:240px;padding:19px 17px}.device-preset{font-size:10px}.browser-body{padding:17px 14px}.transport-group{gap:4px}.time-label{gap:6px}}@media (width<=1000px){.shell{grid-template-columns:minmax(0,1fr)}.browser{display:none}.tools,.volume{display:flex}.app-header{padding:0 18px}.project-title{width:200px}.dock{height:190px}#dock-content{height:150px}}@media (height<=800px){.dock{height:185px}#dock-content{height:145px}.device{padding:18px}.transport{min-height:57px}.app-header{height:60px}.shell{height:calc(100dvh - 60px)}.timeline-bottom{flex-shrink:0;height:32px}.track-footer{min-height:110px}}@media (width<=680px){.app-header{gap:12px;height:57px}.identity,.local-dot,.header-space{display:none}.workspace{width:95px;font-size:13px}.project-title{flex:1;width:100px;font-size:12px}.app-header>.text-button{display:none}.export{padding:9px;font-size:11px}.export svg{display:none}.shell{height:calc(100dvh - 57px);padding:0 10px 10px}.transport{gap:9px;overflow:auto}.transport-group{gap:3px}.icon-button{width:30px;height:32px}.tools,.volume,.snap,.readout-label:first-of-type{display:none}.time-label{gap:0;font-size:0}.readout-label output{min-width:90px;font-size:15px}.meter{width:40px}.meter-scale{display:none}.meter-body{justify-content:center}.mixer-button{width:40px;font-size:10px}.editor{gap:9px}.dock-track{display:none}.device{min-width:270px}.dock{height:185px}}.tick{text-indent:-3px;border:0;height:29px;padding:0;font-size:11px;line-height:14px}.tick.major{border:0}.tick:after{content:"";background:#646870;width:1px;height:7px;position:absolute;bottom:0;left:0}.tick.major:after{background:#c4c6ca;width:2px;height:9px}.track-name,.clip-title,.device-name,.device-preset{font-size:12px}.parameter>span{font-size:11px}.sound-meta strong{font-size:13px}.sound-meta span{font-size:11px}.browser-body>*{flex-shrink:0}@media (height<=850px){.track-row{height:100px}.clip{height:97px}.track-head{padding-top:12px}.track-controls{margin-top:12px}}.ruler{-webkit-user-select:none;user-select:none;height:62px;overflow:visible}.ruler-corner{top:18px}.playhead{top:62px}.loop-lane{left:var(--track-header-width,180px);cursor:crosshair;touch-action:none;background:#1f2225;height:19px;position:absolute;top:0;right:0}.loop-region{color:#a7b7b3;cursor:grab;background:#343b3b;border:1px solid #596664;border-radius:5px 5px 2px 2px;min-width:8px;height:18px;position:absolute;top:0}.loop-region.editing{color:#cff6e2;cursor:grabbing;background:#28644f}.loop-caption{text-align:center;letter-spacing:.7px;white-space:nowrap;pointer-events:none;padding:0 13px;font-size:8px;font-weight:600;line-height:16px;display:block;overflow:hidden}.loop-handle{cursor:ew-resize;touch-action:none;z-index:2;width:16px;height:24px;padding:0;position:absolute;top:-2px}.loop-handle:after{content:"";width:3px;height:11px;transition:height .12s var(--ease), background .12s;background:#b3c4c0;border-radius:2px}.loop-handle:hover:after,.loop-handle:active:after{background:#e1ffef;height:16px}.cycle-readout{z-index:40;color:#ceebdd;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:#20352dee;border:1px solid #406354;border-radius:8px;padding:7px 11px;font-size:11px;position:absolute;top:59px;box-shadow:0 6px 24px #0006}.clip.selected .clip-title{box-shadow:inset 0 1px #ffffff25}.track-head:has(.track-name:focus-visible:where(html[data-keyboard-focus] *)){background:#202326}.cycle-bounds{pointer-events:none;z-index:6;background:#50b78d03;border-left:1px dashed #4fbf9938;border-right:1px dashed #4fbf9938;position:absolute;top:62px;bottom:0}.snap-guide{pointer-events:none;z-index:9;opacity:0;background:#dfedc6;width:1px;position:absolute;top:62px;bottom:0;box-shadow:0 0 7px #c8e6b34a}.snap-guide.visible{opacity:.8}#dock-content .device{width:max(310px, calc(44px + var(--control-count,1) * 76px + (var(--control-count,1) - 1) * 14px));flex:none;min-width:0;max-width:none;padding:22px}.device-heading{min-height:20px}.device-name,.device-preset{flex-shrink:0}.device-preset{font-size:12px}.device .parameters{grid-template-columns:repeat(var(--control-count), 76px);align-items:start;column-gap:14px;margin-top:21px;display:grid}.device .parameters[hidden]{display:none}.device .parameter{text-align:center;grid-template-rows:18px 18px 18px;align-items:center;gap:2px;width:100%;display:grid}.device .parameter output{line-height:18px}.device .parameter input[type=range]{align-self:center;width:100%;height:3px;margin:0;display:block}.device .parameter>span{font-size:11px;line-height:18px}.device .device-more{border-radius:5px;width:20px;height:22px;margin-left:auto}.device-pages{align-items:center;gap:0;margin-left:auto;display:flex}.device-pages+.device-more{margin-left:4px}.page-dot{border-radius:5px;width:18px;height:24px;padding:0}.page-dot:after{content:"";width:6px;height:6px;transition:background .12s, transform .12s var(--ease);background:#727983;border-radius:50%}.page-dot[aria-pressed=true]:after{background:var(--accent)}@media (hover:hover) and (pointer:fine){.page-dot:hover:after{background:var(--accent);transform:scale(1.2)}.device .device-more:hover{color:#d2d7e0;background:#ffffff08}}.collaborators{align-items:center;padding-left:6px;display:flex}.peer-avatar{background:color-mix(in srgb, var(--peer-color) 25%, #262930);width:31px;height:31px;color:var(--peer-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--peer-color) 55%, transparent);border:2px solid #1d1e20;border-radius:50%;margin-left:-6px;font-size:10px;font-weight:650}.collab-status{color:#8d97a4;white-space:nowrap;min-width:20px;font-size:10px}.collab-status.live{color:#75bda6}.collab-status.live:before{content:"";background:#62c79f;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.share-session{color:#dbd9ed;background:#2b2b34;border:1px solid #43434e;border-radius:9px;gap:7px;height:34px;padding:0 12px;font-size:12px}.share-session svg{width:15px}.comments-button{color:#949da9;width:26px;height:32px;position:relative}.comments-button.unread:after{content:"";background:#f75793;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.app-header:has(.collaborators:not(:empty)){gap:18px}.remote-cursors{pointer-events:none;z-index:25;position:absolute;inset:0;overflow:hidden}.remote-cursor{will-change:transform;pointer-events:none;transition:transform 80ms linear;position:absolute;top:0;left:0}.remote-cursor>svg{width:21px;height:25px;fill:var(--peer-color);stroke:#121719;stroke-width:1.5px;filter:drop-shadow(0 2px 2px #0006);display:block;overflow:visible}.remote-name{border:1px solid color-mix(in srgb, var(--peer-color) 65%, #53605f);color:#f1f1f3;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#202327ef;border-radius:0 15px 15px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:550;display:flex;position:absolute;top:20px;left:15px;box-shadow:0 3px 12px #0005}.remote-name:before{content:"";background:var(--peer-color);border-radius:50%;width:7px;height:7px}.clip.peer-selected{box-shadow:inset 0 0 0 2px var(--peer-color), 0 0 0 1px #181a1e}.collab-panel{z-index:90;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:330px;animation:appear .15s var(--ease);background:#23262bee;border:1px solid #41454f;border-radius:17px;max-height:calc(100dvh - 90px);padding:20px;position:fixed;top:64px;right:24px;overflow:auto;box-shadow:0 20px 70px #0009,inset 0 1px #ffffff08}.collab-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.collab-panel h2{letter-spacing:-.4px;flex:1;font-size:17px;font-weight:580}.panel-close{color:#939ba7;width:25px;height:25px}.panel-close svg{width:16px}.collab-label{color:#a9b0bc;flex-direction:column;gap:8px;font-size:11px;display:flex}.collab-label input,.invite-link{color:#e0e3e8;background:#191c20;border:1px solid #3a4049;border-radius:9px;width:100%;padding:10px 12px;font-size:12px}.share-description{color:#b0b8c3;margin:18px 0 13px;font-size:12px;line-height:1.6}.invite-link{color:#a4a2d4;font-size:10px}.copy-invite{color:#fff;background:#6853d9;border-radius:9px;width:100%;margin-top:10px;padding:10px;font-size:12px;font-weight:550}.share-footnote{color:#818c9b;margin:13px 0;font-size:11px;line-height:1.6}.leave-room{color:#a5aeba;padding:8px 0;font-size:11px}.comments-list{max-height:390px;overflow:auto}.comment{border-bottom:1px solid #373d46;padding:14px 0}.comment-by{align-items:center;gap:8px;font-size:11px;display:flex}.comment-avatar{background:color-mix(in srgb, var(--peer-color) 22%, #252930);color:var(--peer-color);border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.comment-anchor{color:#a3a3d5;margin-left:auto;font-size:10px}.comment>p{color:#c4cad4;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 2px;padding-left:33px;font-size:12px;line-height:1.6}.comment-empty{color:#939eae;padding:12px 0 20px;font-size:12px;line-height:1.7}.comment-form textarea{font:inherit;resize:vertical;color:#e1e4e9;background:#191d22;border:1px solid #414853;border-radius:10px;outline:none;width:100%;min-height:78px;max-height:180px;margin-top:16px;padding:12px}.comment-form textarea:focus{border-color:#9a8ae3}.comment-form textarea::placeholder{color:#7e8a9c}@media (width<=900px){.app-header{gap:12px}.collab-status,.app-header .local-dot{display:none}.project-title{max-width:180px}.peer-avatar{width:27px;height:27px}}@media (width<=680px){.collab-panel{width:min(330px,100vw - 20px);right:10px}.app-header .project-title{width:70px;max-width:90px}.collaborators{max-width:58px;overflow:hidden}.share-session{padding:0 8px}.share-session svg{display:none}}.remote-preview{border:2px dashed var(--peer-color);background:color-mix(in srgb, var(--peer-color) 9%, transparent);pointer-events:none;border-radius:12px;transition:left 65ms linear,top 65ms linear,width 65ms linear;position:absolute;box-shadow:0 5px 20px #0003}.remote-preview>span{background:color-mix(in srgb, var(--peer-color) 25%, #191e25);color:#f0f1f4;white-space:nowrap;border-radius:9px 9px 0 0;padding:6px 10px;font-size:10px;display:block;overflow:hidden}[hidden]{display:none!important}.console{scrollbar-color:#696d73 #232528;background:#17191b;border-radius:20px;flex:1;min-width:0;min-height:0;padding:0 18px;display:flex;overflow:auto}.channel-strip{border-right:1px solid #2a2d31;flex-direction:column;flex:0 0 150px;align-items:stretch;gap:10px;min-height:540px;padding:22px 20px 18px;display:flex}.channel-top{gap:9px;display:grid}.channel-number{color:#b7bbc2;font-size:12px}.channel-name{color:#f0f1f3;white-space:nowrap;background:#121416;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:13px;display:flex;overflow:hidden}.channel-name i{background:var(--color);border-radius:3px;flex-shrink:0;width:9px;height:9px}.channel-inserts{gap:5px;margin-top:4px;display:grid}.channel-source{color:#777e88;height:25px;padding:5px 8px;font-size:11px}.insert-slot{color:#d9dce1;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#121416;border:1px solid #0000;border-radius:7px;height:27px;padding:4px 9px;font-size:12px;overflow:hidden}.insert-slot:not(.empty-slot):after{content:"";background:#ad93f5;border-radius:2px;width:7px;height:7px;margin-left:7px;display:inline-block}.insert-slot.instrument-slot:after{background:#71d2c0}.empty-slot{color:#626a75;text-align:center}.channel-sends{justify-content:space-between;margin:3px 0;display:flex}.channel-sends label,.channel-pan{letter-spacing:.04em;color:#b0b5bd;flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex}.channel-sends .knob{width:31px;height:31px}.channel-peak{color:#89919c;font-variant-numeric:tabular-nums;background:0 0;border:0;border-bottom:2px solid #484d53;border-radius:0;padding:3px;font-size:11px}.channel-peak.clipping{color:#ff6469;border-color:#ff6469}.channel-faders{flex:1;justify-content:center;gap:12px;min-height:170px;padding:6px 0;display:flex}input.channel-fader{writing-mode:vertical-lr;appearance:none;cursor:ns-resize;direction:rtl;background:0 0;width:26px;height:auto;min-height:170px;margin:0}input.channel-fader::-webkit-slider-runnable-track{background:#0c0e10;border-radius:8px;width:7px;box-shadow:inset 1px 0 3px #000,1px 0 #34373d}input.channel-fader::-webkit-slider-thumb{appearance:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff0a 3px 4px),linear-gradient(#4c5055,#272b2f 44%,#171a1d 47%,#44494e 51%,#31363a);border:1px solid #45494e;border-radius:5px;width:27px;height:45px;margin-left:-10px;transition:box-shadow .12s,filter .12s,scale .12s;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff18}input.channel-fader::-moz-range-track{background:#0c0e10;border-radius:8px;width:7px}input.channel-fader::-moz-range-thumb{background:repeating-linear-gradient(0deg,#353a3f 0 3px,#464c52 3px 4px);border:1px solid #45494e;border-radius:5px;width:27px;height:45px}input.channel-fader:active::-webkit-slider-thumb{filter:brightness(1.25);scale:1.06;box-shadow:0 6px 12px #000a}.channel-meters{gap:4px;width:20px;padding:0;display:flex}.channel-meters i{background:#111416;border-radius:4px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0007}.channel-meters b{transform-origin:bottom;background:linear-gradient(#ff505c 0%,#ffbb35 22%,#85cd75 59%,#05d8b1 85%);border-radius:3px;position:absolute;inset:0;transform:scaleY(0)}.channel-scale{color:#a5abb4;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;width:24px;font-size:10px;display:flex}.channel-scale span:before{content:"−";color:#68717b;margin-right:3px}.channel-level{text-align:center;color:#c5cad0;font-variant-numeric:tabular-nums;font-size:12px}.channel-switches{justify-content:center;gap:8px;display:flex}.channel-pan{margin-top:2px}.channel-pan .knob{width:33px;height:33px}.mixer-button[aria-pressed=true]{color:#6ce5ca;background:#193936;box-shadow:inset 0 0 0 1px #2fb59e}@media (hover:hover){.insert-slot:hover,.channel-name:hover{background:#25292e;border-color:#3d434c}input.channel-fader:hover::-webkit-slider-thumb{filter:brightness(1.18)}}.synth-device{flex:0 0 350px}.synth-preset{color:#b2e5db;background:#272d31;border:0;border-radius:7px;padding:5px 10px;font-size:12px}.synth-parameters{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.note-dock{height:320px;min-height:270px}.note-dock #dock-content{padding-top:4px;display:block;overflow:hidden}.piano-editor{background:#191c1f;border-radius:14px;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.piano-toolbar{color:#cbd0d8;border-bottom:1px solid #343941;align-items:center;gap:16px;min-height:43px;padding:7px 14px;font-size:12px;display:flex}.piano-hint{color:#7c8592;margin-left:auto}.note-velocity{align-items:center;gap:8px;display:flex}.note-velocity input{width:70px}.note-velocity output{font-variant-numeric:tabular-nums;width:24px}.piano-scroll{scrollbar-color:#636c78 #202429;flex:1;min-height:0;overflow:auto}.piano-grid{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--piano-beat) / 4 - 1px), #ffffff05 calc(var(--piano-beat) / 4 - 1px) calc(var(--piano-beat) / 4)), repeating-linear-gradient(90deg, transparent 0 calc(var(--piano-beat) - 1px), #ffffff0a calc(var(--piano-beat) - 1px) var(--piano-beat));cursor:crosshair;background-position:64px 0;outline:0;position:relative;overflow:hidden}.piano-lane{pointer-events:none;border-bottom:1px solid #ffffff05;height:18px;position:absolute;left:0;right:0}.piano-lane.black-key{background:#0002}.piano-key{pointer-events:auto;z-index:3;color:#303640;text-align:right;background:#b3bbc5;border:0;border-bottom:1px solid #1e2227;border-radius:0;width:64px;height:18px;padding:0 9px;font-size:10px;position:sticky;left:0}.black-key .piano-key{color:#b1bac6;background:#333b46;border-right:10px solid #5c6571}.piano-key:active{background:#68d4bf}.midi-note{background:var(--note-color);color:#1c2025;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #ffffff30;border-radius:4px;min-width:6px;height:14px;padding:0 5px;font-size:9px;line-height:12px;position:absolute;overflow:hidden}.midi-note.selected,.midi-note.editing{z-index:2;outline:1px solid #eafbf6;box-shadow:0 0 0 2px #0005;opacity:1!important}.midi-note.editing{cursor:grabbing}.note-edge{cursor:ew-resize;width:8px;height:100%;position:absolute;top:0;right:0}@media (height<=850px){.channel-strip{gap:6px;min-height:440px;padding-top:14px}.channel-inserts{gap:3px}.insert-slot{height:22px}.channel-faders,input.channel-fader{min-height:120px}.note-dock{height:280px}}@media (prefers-reduced-motion:reduce){input.channel-fader::-webkit-slider-thumb{transition:none}}.note-dock #dock-content{height:calc(100% - 39px)}.channel-meters b{clip-path:inset(100% 0 0);transform:none}.piano-key,.midi-note{font-size:11px}.piano-ruler{background:#252a30;border-bottom:1px solid #373e47;flex-shrink:0;height:22px;overflow:hidden}.piano-ruler>div{height:22px;position:relative}.piano-ruler span{color:#adb7c4;border-left:1px solid #616d7d;padding-left:6px;font-size:10px;position:absolute;top:3px}.piano-playhead{pointer-events:none;z-index:2;background:#4be2c3;width:1px;position:absolute;top:0;bottom:0;left:0}.track-row.selected-track{background-color:#292e34}.selected-track .track-head{box-shadow:inset 3px 0 var(--color);background:#252a30}.selected-track .track-name{color:#fff;background:#333a43;box-shadow:inset 0 0 0 1px #7c8b9d45}.clip.selected{z-index:3;box-shadow:0 0 0 1px #101618,0 3px 10px #0004}.clip.selected:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;border:2px solid #edfff4;position:absolute;inset:0}.clip.selected .clip-title{color:#132016;background:#ffffff24}.clip.selected .trim{opacity:1}.channel-strip.selected-channel{box-shadow:inset 0 3px var(--color);background:#232930}.selected-channel .channel-name{color:#fff;background:#343d47}.browser{min-width:0;overflow:hidden}.browser-heading{gap:9px;height:64px}.browser-heading h2{letter-spacing:-.045em;font-size:22px;font-weight:590}.library-mark{width:24px;height:25px;display:flex;position:relative;transform:none}.library-mark i{background:#ff6550;border-radius:0 100% 100% 0;width:15px;height:25px;position:absolute}.library-mark i:nth-child(2){opacity:.9;background:#e6bb55;left:6px}.library-mark i:nth-child(3){opacity:.85;background:#75acb0;left:12px}.browser-body{border-radius:18px;gap:16px;min-height:0;padding:20px 16px;overflow:hidden}.browser-tabs{flex-shrink:0;justify-content:flex-start;gap:16px;margin:0 0 3px}.browser-tabs button{color:#f0f0f2;letter-spacing:-.035em;white-space:nowrap;font-size:14px;font-weight:590}.browser-tabs button.active{color:#ffcc2f}.browser-tabs .icon-button{color:#868995;width:25px;height:28px;margin-left:auto}.browser-grip{color:#55575e;flex-shrink:0;width:12px}.browser-grip svg{width:12px}.browser .search{box-sizing:border-box;background:#202126;border-radius:12px;flex-shrink:0;height:45px;padding:12px 14px}.browser .search input{letter-spacing:-.025em;min-width:0;font-size:13px}.browser .search input::placeholder{color:#f0f0f2}.library-filters{background:linear-gradient(125deg,#242527,#202123);border-radius:13px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff04}.library-filters label{color:#eeeef0;flex-direction:column;gap:9px;min-width:0;font-size:12px;font-weight:550;display:flex}.library-filters button{text-align:left;background:#2b2c2f;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:6px 9px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff03}.library-filters svg{color:#74767e;width:14px;height:14px}#library{scrollbar-width:thin;scrollbar-color:#424449 transparent;min-height:0;margin:-3px -5px 0;padding:3px 5px;overflow:hidden auto}.sound{border:1.5px solid #0000;border-radius:13px;gap:12px;min-width:0;margin:0 0 6px;padding:8px;transition:background-color .14s ease-out,border-color .14s ease-out;position:relative}.sound.is-selected{background:#25201c;border-color:#ff9d00}.sound:active{cursor:grabbing}.sound:focus-visible:where(html[data-keyboard-focus] *){outline-offset:1px;outline:2px solid #ffcc2f}.sound-art{background:#25272b;border:0;border-radius:8px;flex-shrink:0;width:62px;height:66px}.sound-meta{align-self:center;gap:7px}.sound-meta strong{letter-spacing:-.035em;font-size:13px;font-weight:560}.sound-meta span{letter-spacing:-.02em;color:#a4a3a5;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sound-meta .sound-format{color:#b48f27;font-size:11px;font-weight:550}.sound-actions{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;padding:0 0 12px;display:flex}.sound-more{color:#949294;place-items:center;width:25px;height:22px;padding:0;display:grid}.sound-more svg{width:21px;height:21px}.sound-duration{font-variant-numeric:tabular-nums;color:#d6d6d8;background:#303135;border-radius:4px;padding:2px 5px;font-size:10px}.library-empty{color:#a3a5ad;text-align:center;padding:28px 8px;font-size:13px}@media (hover:hover) and (pointer:fine){.sound:not(.is-selected):hover{background:#202124}.sound-more:hover{color:#fff}.library-filters button:hover{background:#333438}}@media (width>=1700px){.browser-body{padding:23px 20px}.sound-art{width:68px;height:70px}}@media (width<=1300px){.browser-body{padding:16px 10px}.browser-tabs{gap:10px}.sound{gap:8px;padding:6px}.sound-art{width:48px;height:58px}.sound-actions{padding-bottom:6px}}@media (prefers-reduced-motion:reduce){.sound{transition:none}}@media (width>=1301px){.shell{grid-template-columns:minmax(0,1fr) 330px}}@media (width>=1700px){.shell{grid-template-columns:minmax(0,1fr) 360px}}.device.selected-device{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 65%, #777), 0 0 0 1px #111}.device:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--accent);outline-offset:3px}.device-heading{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.device-heading button{cursor:pointer}.device.dragging-device{z-index:5;cursor:grabbing;box-shadow:0 12px 28px #0007, inset 0 0 0 1.5px var(--accent)}.device.dragging-device .device-heading{cursor:grabbing}#dock-content.device-dragging{-webkit-user-select:none;user-select:none}#dock-content.device-dragging .device:not(.dragging-device){transition:transform .15s ease-out}.device-pages{padding-left:12px}.page-dot{box-shadow:none;background:0 0;border:0;place-items:center;display:grid}.page-dot:after{display:block}@media (prefers-reduced-motion:reduce){#dock-content.device-dragging .device{transition:none}}.app-dialog{color:#eeeef0;opacity:1;background:#24262a;border:1px solid #44474e;border-radius:18px;width:min(640px,100vw - 32px);max-height:min(760px,100dvh - 48px);padding:0;transition:opacity .2s ease-out,transform .22s cubic-bezier(.23,1,.32,1);overflow:hidden;transform:translateY(0)scale(1);box-shadow:0 24px 80px #0008,inset 0 1px #ffffff08}.app-dialog[open]{flex-direction:column;display:flex}.app-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;background:#080a0db3;transition:opacity .18s ease-out}@starting-style{.app-dialog[open]{opacity:0;transform:translateY(6px)scale(.98)}.app-dialog[open]::backdrop{opacity:0}}.app-dialog.closing{opacity:0;transition-duration:.14s;transform:translateY(4px)scale(.985)}.app-dialog.closing::backdrop{opacity:0;transition-duration:.14s}.modal-header{border-bottom:1px solid #ffffff09;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px 18px 26px;display:flex}.modal-header h2{letter-spacing:-.025em;outline:none;margin:0;font-size:18px;font-weight:600}.modal-close{color:#a6abb4;width:32px;height:32px;box-shadow:none;background:#ffffff06;border:0;border-radius:9px;flex:none;place-items:center;padding:7px;transition:background .12s,color .12s,transform .12s;display:grid}.modal-close svg{width:18px;height:18px}.modal-close:hover{color:#fff;background:#ffffff10}.modal-close:active{transform:none}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#565a63 transparent;min-height:0;margin:0 6px 6px 0;padding:8px 22px 22px 26px;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#565a63;border-radius:6px}.shortcut-row{border-bottom:1px solid #ffffff07;justify-content:space-between;align-items:baseline;gap:24px;padding:11px 0;font-size:13px;line-height:1.4;display:flex}.shortcut-row:last-child{border:0}.shortcut-row kbd{color:#d4d0e8;white-space:nowrap;font-family:inherit}.shortcut-row span{color:#b5b8c0;text-align:right}.rename-dialog{width:min(380px,100vw - 32px)}.rename-dialog .modal-body{padding-top:22px}.rename-dialog label{color:#b5b8c0;flex-direction:column;gap:10px;font-size:13px;display:flex}.rename-dialog input{color:#eeeef0;background:#181a1d;border:1px solid #ffffff0c;border-radius:9px;width:100%;min-width:0;padding:12px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions button{border-radius:8px;padding:9px 16px;font-size:13px;transition:transform .12s,background .12s}.modal-actions button:active{transform:none}.modal-secondary{background:#ffffff08}.modal-secondary:hover{background:#ffffff12}.modal-primary{color:#fff;background:#5347d9}.modal-primary:hover{background:#6658e9}@media (width<=520px){.shortcut-row{gap:12px}.shortcut-row kbd{white-space:normal;flex:0 0 40%}}@media (prefers-reduced-motion:reduce){.app-dialog,.app-dialog::backdrop{transition:none}.app-dialog[open],.app-dialog.closing{transform:none}}.track-control[data-toggle][aria-pressed=true]{color:#fff;background:#db535d;box-shadow:inset 0 1px #ffffff24,0 2px 7px #0003}.track-control[data-toggle][aria-pressed=true]:hover{background:#eb6570}.track-control[data-toggle]:active{transform:none}.track-row.inaudible .clip{filter:grayscale();opacity:.38}.track-row.inaudible .track-name i,.channel-strip.inaudible .channel-name i{filter:grayscale();opacity:.45}.track-row.inaudible .clip.selected{opacity:.65}.channel-strip.inaudible .channel-meters{opacity:.3}.track-row .clip{transition:filter .12s,opacity .12s}@media (prefers-reduced-motion:reduce){.track-row .clip{transition:none}}.track-lane,.ruler-content,.arrangement-overlay{clip-path:inset(0 0 0 var(--arrangement-left,180px));position:absolute;inset:0}.track-lane{z-index:1}.ruler-content{bottom:0}.arrangement-overlay{z-index:7;pointer-events:none}.ruler-corner{width:var(--track-header-width,180px);z-index:2;cursor:default;background:#232528;align-items:center;height:50px;padding-left:18px;display:inline-flex;top:0;left:0}.automation-curve{z-index:4;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.automation-line{fill:none;stroke:#ffb45d;stroke-width:2px;pointer-events:stroke}.automation-line.disabled{stroke-dasharray:5 5;opacity:.45}.automation-curve circle{fill:#262325;stroke:#ffb45d;stroke-width:2px;cursor:grab}.automation-curve circle:hover,.automation-curve circle.selected{fill:#ffbc6d;stroke:#fff0d8;stroke-width:3px}.automation-curve circle:active{cursor:grabbing}.automation-selector{color:#ffc888;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#302b25;border-radius:5px;height:23px;padding:3px 7px;font-size:11px;position:absolute;bottom:3px;left:12px;right:9px;overflow:hidden}.automation-toggle[aria-pressed=true]{color:#30200d;background:#ffad4f;box-shadow:0 0 12px #ffad4f24}.parameter-choice{width:76px;min-height:28px;color:var(--device-color,#d1c2ff);background:#28292e;border-radius:6px;font-size:12px}.parameter:has(.parameter-choice){justify-content:space-between}.parameter-choice{height:18px;min-height:18px;color:var(--accent);padding:0;line-height:18px}.parameter-choice-rail{background:#515459;border-radius:2px;width:76px;height:3px;display:block}#scroll::-webkit-scrollbar:horizontal{height:0}#scroll::-webkit-scrollbar-corner{background:0 0}.loop-lane{background:0 0}.loop-region{color:#8f969f;background:#ffffff05;border:0;border-top:2px solid #727982;border-radius:2px 2px 0 0;height:13px;transition:background .12s,border-color .12s;top:3px}.loop-region:hover{background:#ffffff0b;border-color:#a2aab3}.loop-region.enabled{color:#82e6cb;background:#18d9a619;border-color:#36d8ad}.loop-region.enabled:hover,.loop-region.editing{background:#18d9a62b;border-color:#89efcf}.loop-handle{width:20px;height:26px;box-shadow:none;background:0 0;border:0;top:-6px}.loop-handle.start{left:-8px}.loop-handle.end{right:-8px}.loop-handle:after{background:#8f969f;border-radius:1px;width:4px;height:12px;transition:background .12s,transform .12s}.loop-region.enabled .loop-handle:after{background:#55ddb6}.loop-handle:hover:after,.loop-handle:active:after{background:#c1f5e5;height:12px;transform:scaleX(1.4)}.dock:not(.note-dock){height:218px}.dock:not(.note-dock) #dock-content{height:179px}#dock-content[data-view=effects],#dock-content[data-view=plugins]{align-items:stretch;padding:4px 2px 12px;overflow:auto hidden}#dock-content[data-view=effects] .device,#dock-content[data-view=plugins] .device{padding-top:20px;padding-bottom:18px}.room-chat{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(320px,100vw - 32px);max-height:calc(100dvh - 32px);animation:chat-enter .18s var(--ease);background:#24262af5;border:1px solid #ffffff18;border-radius:16px;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 18px 60px #0008,inset 0 1px #ffffff08}.room-chat-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 14px;display:flex}.room-chat-header strong{font-size:14px;font-weight:600}.chat-status{color:#939aa6;margin-left:auto;font-size:12px}.room-chat-header .panel-close{width:26px;height:26px;padding:4px}.room-chat-messages{overscroll-behavior:contain;scrollbar-width:thin;height:200px;min-height:80px;padding:8px 16px;overflow:auto}.chat-message{margin-bottom:14px;font-size:13px;line-height:1.45}.chat-message strong{font-size:12px;font-weight:550}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#e1e3e8;-webkit-user-select:text;user-select:text;margin:3px 0 0}.room-chat-form{background:#17191d;border-radius:10px;gap:8px;margin:8px 12px;padding:6px 8px 6px 12px;display:flex}.room-chat-form input{flex:1;font-size:13px}.room-chat-form button{background:#373342;border-radius:7px;padding:6px 9px;font-size:12px}.room-chat-voice{gap:8px;padding:4px 12px 12px;display:flex}.room-chat-voice button{background:#ffffff08;border-radius:8px;padding:8px 12px;font-size:12px;transition:background .12s,transform .12s}.room-chat-voice button:hover{background:#ffffff12}.room-chat-voice button:active{transform:none}.room-chat-voice .active{color:#7ee9c8;background:#18d9a612}.room-chat-voice [aria-pressed=true]{color:#ff8d94}.room-chat.collapsed>:not(header){display:none}.remote-cursor{transition:transform 40ms linear}@keyframes chat-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.room-chat{animation:none}.remote-cursor{transition:none}}#timeline[data-tool=cut] .track-lane,#timeline[data-tool=cut] .clip,#timeline[data-tool=cut] .clip *{cursor:var(--cut-cursor)}#timeline[data-tool=comment] .track-lane,#timeline[data-tool=comment] .track-lane *{cursor:var(--comment-cursor)}.comment-pins{pointer-events:none;z-index:30;position:absolute;inset:0}.comment-pin{background:var(--peer-color,#a38aff);color:#17191b;pointer-events:auto;cursor:pointer;border:2px solid #f1f3f4;border-radius:14px 14px 14px 3px;width:28px;height:28px;font-size:12px;font-weight:650;position:absolute;transform:translate(-4px,-24px);box-shadow:0 2px 8px #0006}.comment-pin:hover{filter:brightness(1.15)}.comment-location{color:#a6e5d2;margin:0 0 12px;font-size:13px}.clip.looped .clip-title:after{content:"↻";opacity:.7;margin-left:10px}.clip.open-loop{border-top-right-radius:0;border-bottom-right-radius:0}.clip.open-loop:after{content:"∞";color:#111b;pointer-events:none;font-size:20px;position:absolute;bottom:10px;right:12px}.collab-panel.compact-comments{background:#292b2e;border-color:#45494f;border-radius:16px;width:330px;max-width:calc(100vw - 24px);padding:12px;overflow:hidden}.compact-comments:focus-within{border-color:#159cf4;box-shadow:0 12px 36px #0006,0 0 0 1px #159cf4}.compact-comments .collab-panel-heading{margin:0 0 8px}.spatial-comments .collab-panel-heading{margin:0;position:absolute;top:5px;right:7px}.spatial-comments .collab-panel-heading h2{display:none}.spatial-comments .panel-close{width:20px;height:20px}.compact-comments .comments-list:empty{display:none}.compact-comments .comments-list{max-height:min(300px,45vh);padding-right:12px;overflow-x:hidden}.compact-comments .comment-form{align-items:flex-end;gap:10px;padding:6px 0 0;display:flex}.compact-comments .comment-form textarea{resize:none;background:0 0;border:0;border-radius:0;flex:1;width:0;min-width:0;min-height:28px;max-height:120px;margin:0;padding:2px 4px;font-size:14px;line-height:24px;overflow-x:hidden}.spatial-comments .comment-form{padding-top:12px}.comment-send{color:#fff;background:#159cf4;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;transition:background .12s,transform .12s;display:grid}.comment-send svg{width:18px;height:18px}.comment-send:disabled{color:#92969c;cursor:default;background:#55585c}.comment-send:not(:disabled):hover{background:#36acfa;transform:translateY(-1px)}.comment-send:not(:disabled):active{transform:none}@media (prefers-reduced-motion:reduce){.comment-send{transition:none}}.comment-pin{transition:box-shadow .12s,filter .12s}.comment-pin:hover,.comment-pin:focus-visible:where(html[data-keyboard-focus] *){outline:none;box-shadow:0 0 0 3px #159cf4,0 3px 10px #0007}.comment-preview{z-index:95;pointer-events:none;color:#eceef1;background:#292b2e;border:1px solid #45494f;border-radius:16px 16px 16px 3px;gap:10px;width:300px;max-width:calc(100vw - 24px);padding:14px;display:flex;position:fixed;box-shadow:0 12px 32px #0006}.comment-preview .comment-avatar{flex:none;width:30px;height:30px;font-size:13px}.comment-preview-body{flex:1;min-width:0}.comment-preview-by{align-items:baseline;gap:8px;font-size:12px;display:flex}.comment-preview-by strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comment-preview-by span,.comment-preview small{color:#a0a4a9;white-space:nowrap;font-size:11px}.comment-preview p{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.collab-panel.comment-thread{width:360px;padding:16px}.comment-thread .collab-panel-heading{margin-bottom:4px;display:flex;position:static}.comment-thread .collab-panel-heading h2{font-size:13px;display:block}.comment-thread .comments-list{padding-right:0}.comment-thread .comment-form{border:1px solid #555b64;border-radius:14px;margin-top:12px;padding:10px}.comment-thread .comment-form:focus-within{border-color:#159cf4}.comment-pin:active:not(:disabled){transform:translate(-4px,-24px)}.voice-people{background:#1e2024;border-bottom:1px solid #ffffff0b;gap:16px;padding:14px 18px 16px;display:flex;overflow-x:auto}.voice-people[hidden]{display:none}.voice-person{--voice-level:0;flex-direction:column;flex:0 0 48px;align-items:center;gap:8px;display:flex;position:relative}.voice-avatar{background:color-mix(in srgb,var(--peer-color) 26%,#25272d);width:38px;height:38px;color:var(--peer-color);outline-offset:3px;border:2px solid #0000;border-radius:50%;outline:2px solid #ffffff10;place-items:center;font-size:13px;font-weight:650;transition:outline-color .1s,box-shadow .1s;display:grid}.voice-person.speaking .voice-avatar{box-shadow:0 0 0 calc(5px + var(--voice-level)*5px) rgb(103 229 175/calc(var(--voice-level)*.25));outline-color:#67e5af}.voice-name{text-overflow:ellipsis;white-space:nowrap;color:#b5bac5;max-width:58px;font-size:10px;overflow:hidden}.voice-person.muted .voice-avatar:after{content:"×";color:#fff;background:#e15d68;border-radius:50%;place-items:center;width:15px;height:15px;font-size:13px;display:grid;position:absolute;top:26px;right:0}.room-chat-messages{height:160px}.room-chat-voice{background:#202226;border-top:1px solid #ffffff08;padding:10px 12px}.room-chat-voice .chat-voice.active{color:#ff949a;background:#dc526218}.room-chat.collapsed .voice-people:not([hidden]){border-bottom:0;display:flex}@media (prefers-reduced-motion:reduce){.voice-avatar{transition:none}.voice-person.speaking .voice-avatar{box-shadow:none}}.studio-ready .app-header,.studio-ready .editor,.studio-ready .dock{animation:studio-reveal .22s var(--ease) both}.studio-ready .editor{animation-delay:30ms}.studio-ready .dock{animation-delay:60ms}@keyframes studio-reveal{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.popover{transform-origin:0 0}.comment-preview,.chat-message{animation:studio-reveal .14s var(--ease) both}.voice-person{animation:studio-reveal .16s var(--ease) both}.task-progress{z-index:110;text-overflow:ellipsis;white-space:nowrap;color:#d5dae2;max-width:calc(100vw - 40px);animation:studio-reveal .16s var(--ease);background:#272a2f;border:1px solid #ffffff19;border-radius:12px;padding:12px 18px;font-size:12px;position:fixed;bottom:24px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 8px 28px #0005}[aria-busy=true]{cursor:progress}.dock-tab,.page-dot,.track-control{transition:color .1s,background-color .1s,box-shadow .1s}@media (prefers-reduced-motion:reduce){.studio-ready .app-header,.studio-ready .editor,.studio-ready .dock,.comment-preview,.chat-message,.voice-person,.task-progress{animation:none}}.task-progress{animation:task-reveal .16s var(--ease)}@keyframes task-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.task-progress{animation:none}}.sf2-bank{color:#8e989f;align-items:center;gap:12px;margin:10px 0;font-size:11px;display:flex}.sf2-bank select{color:#cfe4df;min-width:0;max-width:260px;font:inherit;background:#272d32;border:1px solid #3d484c;border-radius:7px;padding:6px 9px}.synth-device:has(.sf2-bank) .parameters{margin-top:10px}.knob,.knob input{touch-action:none;-webkit-user-select:none;user-select:none}.knob{transition:box-shadow .12s ease-out}.knob.adjusting{box-shadow:inset 0 1px 1px #ffffff35,0 0 0 2px #77dbca80,0 4px 7px #0007}.knob-value{z-index:30;color:#eef5f3;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;background:#30373c;border-radius:6px;width:max-content;padding:5px 8px;font-size:11px;line-height:16px;transition:opacity .1s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0005}.knob.adjusting .knob-value{opacity:1}.knob:has(input:focus-visible:where(html[data-keyboard-focus] *)) .knob-value{opacity:1}@media (hover:hover){.knob:hover{box-shadow:inset 0 1px 1px #ffffff40,0 0 0 1px #ffffff30,0 4px 7px #0007}.knob:hover .knob-value{opacity:1}}@media (prefers-reduced-motion:reduce){.knob,.knob-value{transition:none}}.plugin-editor-button{color:#9aa6b0;background:0 0;border:0;border-radius:5px;flex:0 0 24px;place-items:center;width:24px;height:24px;padding:3px;display:inline-grid}.plugin-editor-button:hover{color:#e6efed;background:#ffffff12}.plugin-window{resize:both;transform-origin:50%;background:#22262a;border:1px solid #50585e;border-radius:13px;outline:none;flex-direction:column;width:560px;min-width:min(340px,100vw - 16px);max-width:calc(100vw - 16px);height:620px;min-height:280px;max-height:calc(100dvh - 16px);display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 70px #0009}.plugin-window-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#2a2f33;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.plugin-window-header strong{flex:1;font-size:13px;font-weight:550}.plugin-window-close{color:#acb5bc;background:0 0;border:0;border-radius:5px;width:26px;height:26px;font-size:23px}.plugin-window-close:hover{color:#fff;background:#ffffff14}.plugin-window-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:20px;overflow:auto}.soundfont-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.soundfont-heading strong{color:#a7e4d8;font-size:20px}.soundfont-heading span{color:#96a3aa;font-size:11px}.plugin-search{color:#e6edeb;width:100%;font:inherit;background:#191d20;border:1px solid #445059;border-radius:7px;padding:11px 12px;font-size:13px}.soundfont-presets{scrollbar-width:thin;background:#1b1f22;border:1px solid #ffffff0e;border-radius:8px;height:220px;margin:12px 0 20px;padding:4px;overflow:auto}.soundfont-preset{color:#d7dfdf;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;font-size:12px;display:flex}.soundfont-preset small{color:#849399}.soundfont-preset:hover{background:#ffffff08}.soundfont-preset[aria-pressed=true]{color:#b4f0df;background:#304b46}.plugin-controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:22px 20px;display:grid}.plugin-control{color:#adb8bf;grid-template-columns:1fr auto;gap:10px;font-size:12px;display:grid}.plugin-control output{color:#b2e6d9;font-variant-numeric:tabular-nums}.plugin-control input,.plugin-control select{grid-column:1/-1;width:100%;margin:0}.plugin-control select,.plugin-toggle{color:#dce5e7;background:#2d353a;border:1px solid #4a555b;border-radius:6px;padding:8px;font-size:12px}.plugin-toggle[aria-pressed=true]{color:#a5e0d1;border-color:#67b7a2}.plugin-keyboard{gap:3px;height:64px;margin-top:24px;display:flex}.plugin-keyboard button{border:0;border-radius:0 0 5px 5px;flex:1;justify-content:center;align-items:end;padding-bottom:7px;font-size:10px;display:flex}.white-key{color:#323b41;background:#bfcacb}.black-key{color:#a2b4ba;background:#111719;height:44px}.plugin-keyboard button:active{background:#77dbca}.plugin-keyboard{gap:3px;position:relative}.plugin-keyboard .white-key{flex:1}.plugin-keyboard .black-key{z-index:1;border:1px solid #364348;width:7.6%;position:absolute;top:0}.shell{grid-template-columns:minmax(0,1fr) var(--library-width,330px)}.browser,.editor{position:relative}.dock,.dock.note-dock,.dock:not(.note-dock){height:var(--dock-height,218px);min-height:0;position:relative;overflow:visible}.dock.note-dock{height:var(--dock-height,320px)}.dock #dock-content,.dock:not(.note-dock) #dock-content,.note-dock #dock-content{height:calc(100% - 39px);min-height:0}#dock-content[data-view=effects] .device,#dock-content[data-view=plugins] .device{align-self:flex-start;min-height:155px}.panel-empty{text-align:center;color:#919da6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;min-height:140px;padding:14px 24px;display:flex}.panel-empty-icon{color:#7b9799;background:#ffffff04;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:2px;display:grid}.panel-empty-icon svg{width:24px;height:24px}.panel-empty strong{color:#cad2d7;font-size:13px;font-weight:550}.panel-empty p{max-width:360px;margin:0;font-size:12px;line-height:1.5}.panel-empty-action{color:#a7d6cc;background:#273034;border:1px solid #3d4b50;border-radius:6px;margin-top:4px;padding:6px 11px;font-size:11px}.panel-empty-action:hover{background:#32413f}.panel-divider{z-index:20;touch-action:none;outline:none;position:absolute}.panel-divider:after{content:"";background:0 0;border-radius:3px;transition:background-color .12s;position:absolute}.panel-divider:hover:after,.panel-divider:focus-visible:where(html[data-keyboard-focus] *):after,.panel-divider.resizing:after{background:#77dbca90}.divider-dock{cursor:row-resize;height:10px;top:-6px;left:0;right:0}.divider-dock:after{height:2px;top:4px;left:0;right:0}.divider-library{cursor:col-resize;width:14px;top:0;bottom:0;left:-20px}.divider-library:after{width:2px;top:0;bottom:0;left:6px}.divider-tracks{width:9px;left:calc(var(--track-header-width,180px) - 4px);cursor:col-resize;top:0;bottom:0}.divider-tracks:after{width:2px;top:0;bottom:0;left:4px}.editor:has(.timeline-scroll[hidden]) .divider-tracks{display:none}.resizing-vertical *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.resizing-horizontal *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}@media (width<=1000px){.shell{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.panel-divider:after{transition:none}}.browser{overflow:visible}.panel-empty{height:100%}.selection-marquee{z-index:45;pointer-events:none;background:#77dbca18;border:1px solid #77dbca;border-radius:2px;display:none;position:fixed}.plugin-window{background:#1d2023;border-color:#42484e;border-radius:12px}.plugin-window-header{background:#25292d;gap:12px;padding:12px 16px}.plugin-window-header strong{color:#e3e7eb;letter-spacing:-.01em}.plugin-window-body{padding:18px}.effect-controls{flex-direction:column;gap:14px;display:flex}.plugin-section{background:#22262a;border:1px solid #ffffff09;border-radius:9px;padding:14px 16px 16px}.plugin-section h3{letter-spacing:.09em;text-transform:uppercase;color:#839098;margin:0 0 14px;font-size:10px;font-weight:600;line-height:12px}.plugin-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.plugin-section:has(.plugin-filter-modes) .plugin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-section:has(.plugin-filter-modes):first-child .plugin-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-control{align-content:start;gap:10px 4px;min-width:0;font-size:11px}.plugin-control output{color:var(--plugin-accent);white-space:nowrap;font-size:12px}.plugin-filter-modes{background:#171b1e;border-radius:6px;grid-column:1/-1;gap:3px;padding:3px;display:flex}.plugin-filter-modes button{color:#8e9aa3;white-space:nowrap;background:0 0;border-radius:4px;flex:1;min-width:0;padding:7px 2px;font-size:10px;transition:background-color .1s,color .1s}.plugin-filter-modes button:hover{color:#e5eaed;background:#ffffff07}.plugin-filter-modes button[aria-pressed=true]{color:var(--plugin-accent);background:#32383e;box-shadow:0 1px 3px #0004}.plugin-power{color:#a0adb5;white-space:nowrap;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:4px 0;font-size:10px;display:inline-flex}.plugin-power i{background:#434b52;border-radius:9px;width:25px;height:14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08}.plugin-power i:after{content:"";background:#a5b0b8;border-radius:50%;width:8px;height:8px;transition:transform .12s ease-out,background-color .12s;position:absolute;top:3px;left:3px}.plugin-power[aria-checked=true] i{background:color-mix(in srgb,var(--plugin-accent) 35%,#242a2e)}.plugin-power[aria-checked=true] i:after{background:var(--plugin-accent);transform:translate(11px)}.plugin-section-footer{color:#9aa6ae;border-top:1px solid #ffffff08;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:-2px;padding-top:10px;font-size:11px;display:flex}.effect-bypassed .plugin-section{opacity:.6}@media (prefers-reduced-motion:reduce){.plugin-power i:after,.plugin-filter-modes button{transition:none}}.plugin-window:has(.effect-controls){min-height:180px}.account-dialog{width:min(500px,100vw - 32px)}.space-dialog{width:min(780px,100vw - 32px)}.account-dialog .modal-body,.space-dialog .modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.account-muted{color:#979fa8;margin:0;font-size:12px;line-height:1.6}.account-button{color:#e9ebef;white-space:nowrap;background:#2a2e33;border:1px solid #ffffff17;border-radius:8px;padding:9px 14px;font-size:12px}.account-button:hover{background:#343941}.account-button.primary{color:#fff;background:#6450df;border-color:#0000}.account-button:disabled{opacity:.45;cursor:default}.provider-button{height:46px;font-size:14px}.account-entry{align-items:center;gap:8px;display:flex}.account-entry svg{width:17px;height:17px}.space-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.space-section{text-transform:uppercase;letter-spacing:.08em;color:#a1a8b2;margin:12px 0 0;font-size:11px}.space-project{background:#1b1e21;border:1px solid #ffffff0c;border-radius:10px;align-items:center;gap:10px;padding:16px;display:flex}.space-project>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.space-project strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.account-dialog input,.account-dialog select{box-sizing:border-box;color:#e5e8eb;min-width:0;font:inherit;background:#191c20;border:1px solid #ffffff20;border-radius:8px;padding:10px;font-size:12px}.account-dialog input:focus,.account-dialog select:focus{outline-offset:2px;outline:2px solid #8c7aef}.invite-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.account-link{width:100%}.invite-created{border:1px solid #6654bb;border-radius:9px;flex-direction:column;gap:10px;padding:14px;display:flex}.access-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.access-row>span:first-child,.access-row>strong:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.access-row select{max-width:110px}.admin-stats{font-variant-numeric:tabular-nums;gap:24px;display:flex}@media (width<=600px){.invite-form{grid-template-columns:minmax(0,1fr) auto}.invite-form>button{grid-column:1/-1}.space-project{flex-wrap:wrap}.space-project>div{flex-basis:100%}.space-toolbar{flex-wrap:wrap}.account-entry span{display:none}}.plugin-window-header{gap:14px;padding:13px 16px}.plugin-window-header>strong{flex-direction:column;gap:4px;min-width:0;font-size:14px;line-height:1.25;display:flex}.plugin-window-header>strong>span,.plugin-window-header>strong>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plugin-window-header>strong>small{color:#929aa4;font-size:11px;font-weight:400}.plugin-window-close{border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.plugin-window-close svg{width:17px;height:17px}.plugin-window .plugin-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-window .plugin-section:has(.plugin-filter-modes) .plugin-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-filter-modes button{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 3px;display:flex}.plugin-filter-modes svg{width:23px;height:20px}.plugin-window .plugin-section-footer{border-top:0;flex-direction:column;grid-column:auto;justify-content:space-between;align-items:flex-start;gap:10px;padding:0;display:flex}.plugin-section-footer>span{color:#a7afb8;font-size:11px}.plugin-window .plugin-section{padding:13px 15px 15px}.plugin-window .effect-controls{gap:10px}.plugin-window-body{scrollbar-gutter:stable}:where(button,input,select,textarea,[tabindex]):focus{outline:none}:where(button,input,select,textarea,[tabindex]):focus-visible:where(html[data-keyboard-focus] *){outline-offset:2px;outline:1px solid #8dcfc5}.track-head:focus-visible:where(html[data-keyboard-focus] *),.clip:focus-visible:where(html[data-keyboard-focus] *){outline:none;box-shadow:inset 0 0 0 1px #bed8d2}.plugin-window:focus{outline:none}.midi-dialog{width:min(440px,100vw - 32px)}.midi-dialog .modal-body{flex-direction:column;gap:14px;display:flex}.midi-dialog p{color:#a5adb6;font-size:13px;line-height:1.5}.midi-dialog select{color:#e5e8ea;font:inherit;background:#24282d;border:1px solid #ffffff20;border-radius:7px;padding:10px}button:focus-visible:where(html[data-keyboard-focus] *),input:focus-visible:where(html[data-keyboard-focus] *),select:focus-visible:where(html[data-keyboard-focus] *),textarea:focus-visible:where(html[data-keyboard-focus] *){outline-offset:2px;outline:1px solid #8dcfc5}.follow-badge{color:var(--peer-color);background:color-mix(in srgb, var(--peer-color) 10%, #202326);border:1px solid color-mix(in srgb, var(--peer-color) 55%, transparent);white-space:nowrap;border-radius:16px;padding:5px 10px;font-size:11px}.follow-badge[hidden]{display:none}#scroll.following-peer{box-shadow:inset 0 0 0 2px var(--peer-color)}.peer-avatar.is-followed{outline:2px solid var(--peer-color);outline-offset:3px}.export-dialog{width:min(560px,100vw - 32px)}.export-grid{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.export-field{color:#aab1ba;gap:8px;font-size:12px;display:grid}.export-field[hidden]{display:none}.export-field input,.export-field select{color:#e8edef;width:100%;min-width:0;font:inherit;background:#191d20;border:1px solid #3b4148;border-radius:8px;padding:10px;font-size:14px}.export-field input:disabled{opacity:.55}.export-check{align-items:center;gap:10px;margin-top:22px;font-size:13px;display:flex}.export-note,.export-status{color:#929da7;font-size:12px;line-height:1.5}.export-status{color:#b2dfd6;min-height:18px}.export-form>.primary{border-radius:9px;width:100%;padding:12px}@media (width<=440px){.export-grid{grid-template-columns:1fr}}.overview{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;height:22px;padding:0;position:relative;overflow:hidden}.overview:before{content:"";background:#25272a;border-radius:6px;height:12px;position:absolute;top:5px;left:0;right:0}.overview span{cursor:grab;background:0 0;min-width:0;max-width:none;height:22px;position:absolute;top:0;left:3px}.overview span:before{content:"";background:#787b80;border-radius:3px;position:absolute;inset:8px 0}.overview.dragging span{cursor:grabbing}.overview.dragging span:before{background:#a1a8ad}.overview[aria-disabled=true]{cursor:default}.overview[aria-disabled=true] span{cursor:default;opacity:.45}.overview:focus-visible:where(html[data-keyboard-focus] *){outline-offset:1px;border-radius:6px;outline:1px solid #67ad9f}@media (hover:hover) and (pointer:fine){.overview:not([aria-disabled=true]):hover span:before{background:#a1a8ad}}.export-progress{accent-color:#8e79e6;background:#30333a;border:0;border-radius:4px;width:100%;height:5px;overflow:hidden}.export-progress::-webkit-progress-bar{background:#30333a}.export-progress::-webkit-progress-value{background:#8e79e6;border-radius:4px}.clip canvas.arrangement-waveform{max-width:none;position:absolute;top:25px}#zoom-controls .follow-playhead{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:inline-flex}#zoom-controls .follow-playhead svg{width:16px;height:16px}#zoom-controls .follow-playhead.active{color:#36d9b5;background:#183a33}.editor.show-mixer~.dock,.editor.show-mixer~.timeline-bottom{display:none}.editor.show-mixer .console{height:100%}.channel-source{height:27px}@media (height<=850px){.channel-source{height:22px}}#timeline[data-tool=stretch] .trim{cursor:var(--stretch-cursor)}#timeline[data-tool=stretch] .clip:hover .trim:after{background:var(--accent,#00cfa8);opacity:1}.task-progress button{width:28px;height:28px;margin-left:12px}.plugin-picker{z-index:150;color:#e8eaed;background:#25272b;border:1px solid #ffffff20;border-radius:14px;flex-direction:column;width:min(440px,100vw - 16px);max-height:calc(100dvh - 16px);display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 60px #0008,0 2px 8px #0005}.plugin-picker-search{color:var(--muted);align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.plugin-picker-search svg{width:16px;height:16px;display:block}.plugin-picker-search input{background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:0;font-size:13px;line-height:24px;box-shadow:none!important;outline:none!important}.plugin-picker-search:focus-within{color:var(--mint)}.plugin-picker-search input::placeholder{color:#92969e}.plugin-picker-tabs{border-bottom:1px solid #ffffff0b;gap:3px;padding:0 12px 12px;display:flex}.plugin-picker-tabs button{color:#949aa3;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:550}.plugin-picker-tabs button[aria-pressed=true]{color:#e7e9ee;background:#ffffff0c}.plugin-picker-body{grid-template-columns:160px minmax(0,1fr);height:260px;min-height:0;max-height:calc(100dvh - 125px);display:grid}.plugin-picker-groups,.plugin-picker-results{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#51545a transparent;padding:7px;overflow-y:auto}.plugin-picker-groups{background:#0000000d;border-right:1px solid #ffffff0b}.plugin-picker button:focus-visible:where(html[data-keyboard-focus] *){outline-offset:-2px;box-shadow:none;outline:1px solid #8cdbce}.plugin-picker-group,.plugin-picker-item{text-align:left;color:#d8dbe1;white-space:nowrap;border-radius:6px;justify-content:flex-start;gap:8px;width:100%;min-height:34px;padding:7px 10px;font-size:12px;font-weight:450}.plugin-picker-group{justify-content:space-between}.plugin-picker-chevron{color:#818791;font-size:18px;line-height:16px}.plugin-picker-group[aria-expanded=true]{color:#fff;background:#ffffff0b}.plugin-picker-label{letter-spacing:.025em;color:#939ba6;padding:9px 10px 6px;font-size:10px;font-weight:600}.plugin-picker-item:hover,.plugin-picker-item:focus-visible:where(html[data-keyboard-focus] *){color:#fff;background:#3b454c}.plugin-picker-empty{color:#9098a3;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;font-size:12px;display:flex}.plugin-picker-empty strong{color:#d5d9df;font-weight:550}.plugin-picker.is-searching .plugin-picker-body{grid-template-columns:1fr}.plugin-picker.is-searching .plugin-picker-groups{display:none}@media (width<=420px){.plugin-picker-body{grid-template-columns:130px minmax(0,1fr)}.plugin-picker-group,.plugin-picker-item{padding-inline:8px;font-size:11px}}.device-preset-bar{background:#0002;border:1px solid #ffffff10;border-radius:8px;align-items:center;gap:3px;min-width:0;margin:0 0 18px;padding:3px;display:flex}.device-preset-choose{white-space:nowrap;text-overflow:ellipsis;color:#d5dbe2;flex:1;justify-content:flex-start;min-width:0;padding:6px 9px;font-size:12px;overflow:hidden}.device-preset-action{color:#929aa4;border-radius:5px;flex:none;width:28px;height:28px}.device-preset-action svg{width:14px;height:14px}.device-preset-action:hover:not(:disabled){color:#e4e9ed;background:#ffffff0c}.device-preset-action:disabled{opacity:.25;cursor:default}.preset-storage-note{color:var(--muted);margin:14px 0;font-size:12px;line-height:1.5}.device>.device-preset-bar{order:5;width:100%;margin:8px 0 0}.device>.device-preset-bar .device-preset-choose{padding:3px 5px;font-size:10px}.device>.device-preset-bar .device-preset-action{width:22px;height:22px}.plugin-control.plugin-enum{grid-column:1/-1}.plugin-enum output{display:none}.plugin-choice{width:100%;min-height:36px;color:var(--text,#e7edef);font:inherit;cursor:pointer;background:#20262a;border:1px solid #424b50;border-radius:8px;margin-top:8px;padding:8px 12px}.plugin-choice:focus-visible:where(html[data-keyboard-focus] *){outline-offset:2px;outline:2px solid #70cbbb}.plugin-source{color:#a3aaaf;margin-top:16px;font-size:10px;text-decoration:none;display:inline-block}.plugin-source:hover{color:#dfb66d;text-decoration:underline}.va-filter .plugin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drum-pads{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:20px;display:grid}.drum-pad{color:#e1ebe5;background:linear-gradient(#39433f,#2b3330);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:space-between;gap:14px;min-height:72px;padding:11px 6px;font-size:11px;display:flex;box-shadow:0 2px #101713}.drum-pad small{color:#8caaa0;font-variant-numeric:tabular-nums;font-size:10px}.drum-pad:hover{background:#3c5148;border-color:#8fd5c450}.drum-pad:active{box-shadow:none;background:#597c6b;transform:translateY(1px)}.drum-pad:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--plugin-accent);outline-offset:2px}.drum-editor .plugin-section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=600px){.drum-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.drum-editor .plugin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-replace{text-overflow:ellipsis;border-radius:5px;flex-shrink:1;min-width:0;padding:4px 5px;overflow:hidden}.device-replace:hover{background:#ffffff0b}.device-remove{color:#929aa4;opacity:0;border-radius:5px;flex:none;width:24px;height:24px;padding:4px}.device-remove svg{width:16px;height:16px}.device:hover .device-remove,.device.selected-device .device-remove,.device:focus-within .device-remove{opacity:1}.device-remove:hover{color:#ff9696;background:#fa72721a}.device-power{border-radius:5px;flex:none;width:24px;height:24px}.device-power:hover{background:#ffffff0b}.device-preset-bar{background:#ffffff03;border-color:#ffffff0d;gap:4px;padding:4px}.device-preset-choose:hover{background:#ffffff08;border-radius:5px}@media (hover:none){.device-remove{opacity:1}}.device-pages:has(>button:only-child){display:none}.device-heading .device-remove{margin-left:auto}.popover{max-height:calc(100dvh - 24px);overflow-y:auto}.channel-strip{flex-basis:186px;gap:12px;padding:18px 14px}.channel-input{gap:5px;margin-top:4px;display:grid}.channel-section-label{letter-spacing:.08em;text-transform:uppercase;color:#818894;padding:0 3px;font-size:9px}.channel-source{color:#a5abb4;background:#ffffff03;border:1px solid #ffffff09;border-radius:6px;align-items:center;padding:4px 9px;display:flex}.channel-insert-row{background:#121416;border-radius:6px;align-items:center;min-width:0;display:flex;position:relative}.channel-insert-row .insert-slot{background:0 0;border-radius:0;flex:1;width:0;min-width:0;padding:4px 5px}.channel-insert-row .insert-slot:after{display:none}.channel-insert-row .empty-slot{border:1px dashed #ffffff0d;border-radius:6px}.channel-insert-row .insert-slot.bypassed{opacity:.45}.insert-power,.insert-arrow{color:#89919d;border-radius:5px;flex:none;width:23px;height:27px;padding:5px}.insert-power svg,.insert-arrow svg{width:13px;height:13px}.insert-power[aria-pressed=true]{color:#b6a0f3}.insert-power:hover,.insert-arrow:hover{color:#ececf4;background:#ffffff10}.channel-insert-row:has(.insert-slot:hover){background:#25282e}.channel-insert-row.drop-insert:before{content:"";pointer-events:none;background:#65dcc4;height:2px;position:absolute;top:-3px;left:0;right:0;box-shadow:0 0 0 1px #65dcc433}.dragging-insert{opacity:.45}.channel-pan{border-top:1px solid #ffffff08;flex-direction:row;justify-content:center;gap:10px;padding:5px 0}.channel-input .instrument-slot{color:#83dbc8;background:#17312c;width:100%}.provider-button{justify-content:center;align-items:center;gap:12px;font-weight:500;display:flex}.provider-button .provider-logo{flex:none;width:20px;height:20px}.provider-google{color:#1f1f1f;background:#fff;border-color:#747775}.provider-google:hover:not(:disabled){background:#f2f2f2}.provider-apple{color:#fff;background:#000;border-color:#fff}.provider-apple:hover:not(:disabled){background:#171717}.plugin-window.has-custom-panel{width:min(880px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.panel-view-switch{gap:4px;display:flex}.panel-view-switch button,.custom-panel-toolbar button{border-radius:5px;padding:6px 10px;font-size:11px}.panel-view-switch button[aria-pressed=true]{background:#ffffff16}.custom-panel-toolbar{color:#9aa494;align-items:center;gap:6px;margin-bottom:7px;font-size:10px;display:flex}.custom-panel-toolbar span{margin-right:auto}.custom-panel-frame{background:#202420;border:0;border-radius:8px;width:100%;height:auto;display:block}.custom-panel[hidden],.plugin-window-body [hidden]{display:none!important}.plugin-ui-scale{flex:none;width:78px;height:28px;min-height:28px;padding-top:3px;padding-bottom:3px;font-size:11px}.plugin-window-content{transform-origin:0 0;display:flow-root}.plugin-window.has-custom-panel{overflow:hidden}.console{align-items:stretch}.channel-strip{box-sizing:border-box;gap:10px;min-height:0}.channel-strip>*{flex-shrink:0}.channel-strip .channel-faders{flex:120px;min-height:90px}input.channel-fader{align-self:stretch;height:100%;min-height:0}.channel-inserts{scrollbar-width:thin;flex-shrink:1;grid-auto-rows:min-content;min-height:50px;max-height:180px;overflow-y:auto}@media (height<=850px){.channel-strip{gap:6px;padding:10px 14px}.channel-top{gap:5px}.channel-name{padding:6px 9px}.channel-inserts{gap:3px;max-height:120px}.channel-insert-row .insert-slot,.insert-power,.insert-arrow{height:24px}.channel-sends{margin:0}.channel-sends label{gap:4px}.channel-pan{padding:3px 0}.channel-pan .knob{width:31px;height:31px}}@media (height<=650px){.channel-strip{gap:4px;padding:8px 12px}.channel-number{display:none}.channel-input{gap:3px;margin-top:0}.channel-inserts{max-height:80px}.channel-strip .channel-faders{min-height:70px}.channel-sends .knob,.channel-pan .knob{width:26px;height:26px}.channel-scale span:nth-child(2n){visibility:hidden}}.playhead-handle{cursor:ew-resize;touch-action:none;z-index:10;pointer-events:auto;background:0 0;border:0;width:24px;height:25px;padding:0;position:absolute;bottom:0;left:180px;transform:translate(-50%)}.playhead-handle:before{content:"";clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);background:#37d994;border-radius:2px;width:11px;height:19px;display:block}.playhead-handle:hover,.playhead-handle.scrubbing{background:#37d99418}.playhead-handle.scrubbing{cursor:grabbing}.record-routing{align-items:center;gap:4px;min-width:0;margin-top:6px;padding-bottom:5px;display:flex;position:relative}.record-routing button{background:#292d32;border:1px solid #353a41;border-radius:4px;flex-shrink:0;height:22px;min-height:22px;padding:2px 6px;font-size:11px}.record-routing .record-input{text-overflow:ellipsis;white-space:nowrap;color:#a7afb8;text-align:left;flex:1;min-width:0;overflow:hidden}.record-arm[aria-pressed=true]{color:#fff;background:#a83441}.input-monitor[aria-pressed=true]{color:#181919;background:#b88c35}.record-input-meter{appearance:none;background:#292d31;border:0;width:100%;height:3px;position:absolute;bottom:0;left:0}.record-input-meter::-webkit-meter-bar{background:#292d31;border:0;height:3px}.record-input-meter::-webkit-meter-optimum-value{background:#37d994}.transport-record{color:#ed5866;border-radius:7px;width:34px;height:34px;font-size:22px}.transport-record.recording{color:#fff;background:#bc3449;box-shadow:0 0 0 2px #ed586633}.recording-settings .modal-body{flex-direction:column;gap:12px;display:flex}.recording-settings select{width:100%}.channel-input .record-routing{width:100%;margin-top:0}.channel-sends{max-height:100px;overflow:auto}.channel-sends .aux-send span{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.add-aux-channel{border:1px dashed #586169;border-radius:7px;flex-shrink:0;align-self:flex-start;min-width:128px;margin:20px 12px;padding:12px}.channel-sends{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px 4px;height:52px;min-height:52px;display:grid}.channel-sends label{min-width:0}@media (height<=650px){.channel-sends{height:45px;min-height:45px}.record-routing button{height:19px;min-height:19px}.record-routing{margin-top:3px}}.midi-fx-rack{flex-direction:column;gap:12px;width:min(760px,100%);padding:8px;display:flex}.midi-fx-title{align-items:center;gap:20px;display:flex}.midi-fx-title span,.midi-fx-device>span{color:#9ca4ae;font-size:12px}.midi-fx-device{background:#202226;border:1px solid #34373d;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.midi-fx-device>span{flex:1}.midi-fx-device button,.midi-fx-add button{background:#2b2e33;border-radius:6px;padding:8px 12px}.midi-fx-power[aria-pressed=true]{color:#46dab3}.midi-fx-open{font-weight:600}.midi-fx-add{gap:8px;display:flex}.app-dialog.midi-fx-editor{width:min(900px,100vw - 32px)}.midi-fx-editor .modal-body{flex-direction:column;gap:20px;display:flex}.midi-fx-subtitle,.midi-fx-hint{color:#9aa2ad;margin:0;font-size:12px}.midi-fx-toolbar{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.midi-fx-field{color:#a6aeb9;flex-direction:column;flex:1;gap:7px;min-width:100px;font-size:11px;display:flex}.midi-fx-field select,.midi-fx-field input[type=number]{color:#e7e9ed;background:#282b30;border:1px solid #3a3e44;border-radius:6px;width:100%;min-height:34px;padding:6px 9px}.midi-fx-field output{font-variant-numeric:tabular-nums}.sequence-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.sequence-step{text-align:left;background:#25282d;border:1px solid #34383f;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:start;height:76px;padding:10px;display:flex;position:relative;overflow:hidden}.sequence-step small{color:#929ba6;z-index:1;font-size:10px}.sequence-step strong{z-index:1;font-size:16px}.sequence-step i{pointer-events:none;background:#46dab318;width:100%;position:absolute;bottom:0;left:0}.sequence-step[aria-pressed=true]{color:#9ef4d9;background:#173d35;border-color:#327764}.sequence-step.selected{outline-offset:2px;outline:1px solid #7b8591}.sequence-step.playing{border-color:#b3ffe7;box-shadow:inset 0 0 0 1px #b3ffe7}.sequence-step.playing small{color:#eafff8}.sequence-inspector{border-top:1px solid #34383f;align-items:center;gap:16px;padding-top:18px;display:flex}.sequence-inspector>strong{min-width:65px;font-size:12px}.midi-fx-footer{align-items:center;gap:10px;display:flex}.midi-fx-footer button{border:1px solid #3a3e44;border-radius:6px;padding:9px 12px}.midi-fx-footer button:last-child{color:#10241d;background:#46dab3;margin-left:auto}.lfo-scope{background:#191c20;border:1px solid #34383f;border-radius:10px;width:100%;height:150px}.lfo-readout{color:#a6aeb9;font-variant-numeric:tabular-nums;font-size:12px}@media (width<=640px){.sequence-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sequence-inspector,.midi-fx-device{flex-wrap:wrap}}.ruler-content{touch-action:none;cursor:ew-resize}#ruler.scrubbing,#ruler.scrubbing .ruler-content{cursor:grabbing}