@font-face{font-family:Geist;src:local(Geist);font-display:swap}:root{--ease:cubic-bezier(.23, 1, .32, 1)}*{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 var(--spring-snappy), color .13s var(--spring-snappy), filter .13s var(--spring-snappy)}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{font:var(--font-heading);letter-spacing:var(--tracking-heading)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-track{background:var(--surface-input)}.app-header{height:70px;padding:0 var(--studio-gutter);align-items:center;gap:24px;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:color-mix(in srgb,var(--text-primary) 5.1%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 2.35%,transparent);width:146px;height:40px;font:var(--font-heading);letter-spacing:var(--tracking-heading);border-radius:9px;justify-content:space-between;padding:0 15px}.workspace svg{width:15px;color:var(--text-secondary)}.project-title{width:250px;font:var(--font-heading);letter-spacing:var(--tracking-heading)}.local-dot{background:var(--text-disabled);border-radius:50%;width:5px;height:5px;margin-left:-28px}.header-space{flex:1}.text-button{color:var(--text-secondary);padding:8px 10px}.text-button svg{width:16px}.export{background:#5946e9;border-radius:10px;padding:11px 18px}.export svg{width:16px}.shell{height:calc(100dvh - 70px);padding:0 var(--studio-gutter) var(--space-3);grid-template-columns:minmax(0,1fr) 290px;gap:26px;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:var(--surface-panel);border-radius:var(--control-radius);align-items:center;gap:4px;padding:4px;display:flex}.icon-button{border-radius:var(--control-radius);background:var(--studio-raised);width:36px;height:36px;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--text-primary) 7.45%,transparent), 0 1px 3px color-mix(in srgb,var(--shadow-color) 26.67%,transparent);border:1px solid var(--border-strong);color:var(--text-secondary)}.icon-button svg{width:17px;height:17px}.icon-button.active,.tools .active{color:var(--mint)}.play{color:#12cabb}.readout-label{color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:9px;display:flex}.readout-label input,.readout-label output{color:#09c4b0;background:var(--surface-sunken);font-variant-numeric:tabular-nums;font:var(--font-heading);letter-spacing:var(--tracking-heading);border-radius:9px;padding:7px 10px}.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:var(--font-heading);letter-spacing:var(--tracking-heading)}.snap{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:5px 0}.snap span{background:var(--surface-control);border-radius:9px;width:28px;height:15px;position:relative}.snap span:after{content:"";background:var(--text-muted);width:13px;height:13px;transition:transform .14s var(--spring-snappy), background .14s var(--spring-snappy);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:var(--text-secondary);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:var(--studio-panel);border-radius:14px;flex:1;min-width:0;position:relative;overflow:auto}.timeline{min-height:100%;position:relative}.ruler{background:var(--surface-overlay);z-index:8;border-bottom:12px solid var(--border-strong);cursor:crosshair;border-radius:12px 12px 0 0;height:44px;position:sticky;top:0}.ruler-corner{color:var(--text-disabled);font:var(--font-heading);letter-spacing:var(--tracking-heading);position:sticky;top:5px;left:18px}.tick{border-left:1px solid var(--border-strong);height:8px;color:var(--text-primary);text-indent:-3px;-webkit-user-select:none;user-select:none;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding-bottom:23px;position:absolute;bottom:0}.tick:not(.major){padding-bottom:0}.tick.major{border-left:2px solid var(--border-strong)}.track-row{border-bottom:1px solid var(--border-strong);background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--beat) - 1px), color-mix(in srgb,var(--text-primary) 1.57%,transparent) calc(var(--beat) - 1px), color-mix(in srgb,var(--text-primary) 1.57%,transparent) var(--beat));background-position:var(--track-header-width,180px) 0;height:128px;transition:transform .17s var(--spring-snappy);position:relative}.track-row.reordering{z-index:15;box-shadow:0 12px 40px color-mix(in srgb,var(--shadow-color) 53.33%,transparent);background-color:var(--surface-overlay);opacity:.96;transition:none}.track-head{width:var(--track-header-width,180px);background:var(--studio-panel);z-index:5;border-right:1px solid var(--border-strong);height:100%;padding:17px 12px 15px 8px;position:sticky;left:0}.track-top{align-items:center;gap:3px;display:flex}.grip{color:var(--text-disabled);cursor:grab;width:16px;padding:0}.grip svg{width:13px}.grip:active{cursor:grabbing}.track-name{background:color-mix(in srgb,var(--shadow-color) 14.9%,transparent);white-space:nowrap;min-width:110px;max-width:125px;height:34px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:8px;gap:8px;padding:0 10px;overflow:hidden}.track-name i{background:var(--color);border-radius:3px;width:9px;height:9px}.track-more{color:var(--text-muted);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{background:var(--surface-control);width:25px;height:25px;color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body);border-radius:7px}.track-control svg{width:17px}.track-control[aria-pressed=true]{background:var(--text-primary);color:var(--text-muted)}.track-control.fx.lit{color:#072d28;background:#13c9b2;box-shadow:0 0 13px #1bd6b52e}.knob{background:conic-gradient(from 20deg, var(--border-strong), var(--surface-panel), var(--border-strong), var(--surface-overlay), var(--border-strong));width:27px;height:27px;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--text-primary) 14.51%,transparent), 0 4px 7px color-mix(in srgb,var(--shadow-color) 46.67%,transparent);cursor:ns-resize;border-radius:50%;flex-shrink:0;display:block;position:relative}.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:calc(100% - 3px);position:absolute;top:1px;overflow:hidden}.clip.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 31.37%,transparent)}.clip:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--border-strong);outline-offset:-2px}.clip-title{background:color-mix(in srgb,var(--shadow-color) 26.67%,transparent);height:25px;color:var(--text-primary);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);justify-content:space-between;gap:10px;padding:5px 10px;display:flex;overflow:hidden}.clip-title span{opacity:.7;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.clip canvas{background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--beat) - 1px), color-mix(in srgb,var(--text-primary) 12.55%,transparent) calc(var(--beat) - 1px), color-mix(in srgb,var(--text-primary) 12.55%,transparent) var(--beat));pointer-events:none;width:100%;height:calc(100% - 25px);display:block}.clip.dragging{z-index:20;cursor:grabbing;box-shadow:0 10px 28px color-mix(in srgb,var(--shadow-color) 40.0%,transparent), 0 0 0 1px color-mix(in srgb,var(--text-primary) 43.92%,transparent);overflow:visible}.trim{cursor:ew-resize;width:11px;position:absolute;top:25px;bottom:0}.trim.left{left:0}.trim.right{right:0}.trim:after{content:"";background:color-mix(in srgb,var(--text-primary) 60%,transparent);opacity:0;border-radius:2px;width:3px;height:24px;transition:opacity .12s;position:absolute;top:40%;left:4px}.clip:hover .trim:after{opacity:1}.drag-badge{background:var(--surface-overlay);border:1px solid var(--border-strong);box-shadow:0 6px 20px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);color:var(--text-primary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;padding:5px 9px;position:absolute;top:-31px;left:8px}.drag-badge:empty{display:none}.track-footer{min-height:155px;display:flex}.track-footer .add-track{z-index:5;background:var(--studio-panel);width:var(--track-header-width,180px);border-right:1px solid var(--border-strong);min-height:105px;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;gap:8px;padding-top:26px;display:flex;position:sticky;left:0}.add-track svg{width:22px;color:var(--text-muted)}.arrange-hint{color:var(--text-disabled);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:1;justify-content:center;align-items:center;gap: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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.meter-body{flex:1;gap:10px;width:100%;min-height:100px;display:flex}.meter-columns{background:var(--surface-sunken);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:var(--surface-canvas);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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;justify-content:space-between;padding:5px 0;display:flex}.master-knob{margin-top:5px}.mixer-button{border:1px solid var(--border-strong);width:66px;height:30px;color:var(--text-secondary);background:var(--surface-overlay);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:9px}.timeline-bottom{align-items:center;gap:15px;height:42px;padding:0 2px;display:flex}.grip-mark{color:var(--text-disabled);font:var(--font-heading);letter-spacing:var(--tracking-heading)}.overview{background:var(--surface-overlay);cursor:pointer;border-radius:5px;flex:1;height:13px;padding:3px;overflow:hidden}.overview span{background:var(--text-muted);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;width:26px;height:27px;color:var(--text-secondary);background:0 0;border:0}.timeline-bottom .text-button{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:5px}.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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:6px 0}.dock-tab[aria-pressed=true]{color:var(--mint)}.dock-track{color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-left:auto;padding-right:5px}#dock-content{gap:15px;height:158px;padding:3px 0 9px;display:flex;overflow:auto}.device{background:var(--studio-panel);border-radius:var(--space-3);flex:1;min-width:260px;max-width:440px;padding:24px;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:var(--font-caption);letter-spacing:var(--tracking-caption)}.device-more{color:var(--text-muted);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:var(--font-caption);letter-spacing:var(--tracking-caption)}.parameter>span{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.parameter input{background:linear-gradient(90deg, var(--accent), var(--text-disabled));opacity:.9;width:100%;height:3px}.static-rail{background:var(--text-disabled);width:100%;height:3px;position:relative}.static-rail:after{content:"";background:var(--accent);width:32%;height:100%;display:block}.add-device{border:1px dashed var(--border-strong);min-width:85px;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:18px;flex-direction:column;padding:15px;display:flex}.add-device svg{width:20px}.device:has(+.add-device):first-child{max-width:380px}.mix-card{background:var(--studio-panel);border-radius:16px;flex:1;min-width:190px;padding:16px 20px}.mix-card h3{border-left:3px solid var(--color);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-bottom:14px;padding-left:8px}.mix-label{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);justify-content:space-between;margin:9px 0;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{min-width:200px;color:var(--text-secondary);flex-direction:column;gap:12px;padding:16px;display:flex}.sample-details strong{color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body)}.sample-details span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.empty{color:var(--text-secondary);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:var(--font-heading);letter-spacing:var(--tracking-heading);transform:rotate(-30deg)}.browser-heading .icon-button{box-shadow:none;color:var(--text-secondary);background:0 0;border:0;margin-left:auto}.browser-body{background:var(--studio-panel);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;font:var(--font-body);letter-spacing:var(--tracking-body);padding:0}.browser-tabs span{color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.search{background:var(--surface-overlay);color:var(--text-muted);border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.search svg{width:17px}.search input{width:100%;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.search input::placeholder{color:var(--text-secondary)}.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%, var(--surface-panel)), var(--surface-input));width:49px;height:54px;color:var(--sound-color);border:1px solid var(--border-subtle);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:var(--font-caption);letter-spacing:var(--tracking-caption);overflow:hidden}.sound-meta span{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.sound-add{width:25px;color:var(--text-muted);padding:0}.sound-add svg{width:17px}.import-area{border:1px dashed var(--border-strong);min-height:99px;color:var(--text-secondary);border-radius:13px;flex-direction:column;gap:8px;margin-top:22px;padding:14px;display:flex}.import-area svg{color:var(--text-muted)}.import-area span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.import-area small{color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.browser-note{color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:7px;margin-top:auto;padding-top:28px;display:flex}.status-dot{background:#659889;border-radius:50%;width:4px;height:4px}.drop-target{background-color:var(--surface-control)!important;box-shadow:inset 0 0 0 2px #30cda7!important}.popover{z-index:100;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-overlay) 93.33%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:220px;box-shadow:0 12px 40px color-mix(in srgb,var(--shadow-color) 46.67%,transparent), inset 0 1px color-mix(in srgb,var(--text-primary) 2.35%,transparent);animation:appear .14s var(--spring-snappy);transform-origin:0 0;border-radius:13px;padding:6px;position:fixed}.popover button{width:100%;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:7px;justify-content:flex-start;padding:10px 12px}.popover button.danger{color:#ed9196}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);pointer-events:none;border:1px solid var(--border-strong);background:var(--surface-control);color:var(--text-primary);white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);opacity:0;z-index:50;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:7px;padding:7px 9px;transition:opacity .1s,transform .1s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-3px)}@media (hover:hover) and (pointer:fine){.icon-button:hover{background:var(--surface-control);color:var(--text-primary)}.play:hover{color:#39e2c3}.text-button:hover,.dock-tab:hover{color:var(--text-primary)}.export:hover{background:#6956ef}.track-control:hover{background:var(--border-strong)}.track-name:hover{background:var(--surface-sunken);color:var(--text-primary)}.clip:hover{filter:brightness(1.025)}.popover button:hover{background:var(--border-strong)}.sound:hover .sound-add{color:var(--text-primary)}.add-device:hover,.import-area:hover{border-color:var(--border-strong);background:var(--surface-overlay);color:var(--text-primary)}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 4.71%,transparent), 0 2px 4px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--text-secondary) 9.8%,transparent);transform:scale(.95)}[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:var(--font-caption);letter-spacing:var(--tracking-caption)}.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:var(--font-body);letter-spacing:var(--tracking-body)}.project-title{width:100px;font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:1}.app-header>.text-button{display:none}.export{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:9px}.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:var(--font-body);letter-spacing:var(--tracking-body)}.meter{width:40px}.meter-scale{display:none}.meter-body{justify-content:center}.mixer-button{width:40px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.editor{gap:9px}.dock-track{display:none}.device{min-width:270px}.dock{height:185px}}.tick{text-indent:-3px;height:29px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border:0;padding:0}.tick.major{border:0}.tick:after{content:"";background:var(--text-disabled);width:1px;height:7px;position:absolute;bottom:0;left:0}.tick.major:after{background:var(--text-secondary);width:2px;height:9px}.track-name,.clip-title,.device-name,.device-preset,.parameter>span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.sound-meta span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.browser-body>*{flex-shrink:0}@media (height<=850px){.track-row{height:100px}.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:var(--surface-input);height:19px;position:absolute;top:0;right:0}.loop-region{background:var(--surface-control);border:1px solid var(--border-strong);height:18px;color:var(--text-secondary);cursor:grab;border-radius:5px 5px 2px 2px;min-width:8px;position:absolute;top:0}.loop-region.editing{color:#cff6e2;cursor:grabbing;background:#28644f}.loop-caption{text-align:center;white-space:nowrap;pointer-events:none;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:0 13px;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:"";background:var(--text-secondary);width:3px;height:11px;transition:height .12s var(--spring-snappy), background .12s;border-radius:2px}.loop-handle:hover:after,.loop-handle:active:after{background:var(--text-primary);height:16px}.cycle-readout{z-index:40;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface-overlay) 93.33%,transparent);box-shadow:0 6px 24px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);color:var(--text-primary);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:8px;padding:7px 11px;position:absolute;top:59px}.clip.selected .clip-title{box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 14.51%,transparent)}.track-head:has(.track-name:focus-visible:where(html[data-keyboard-focus] *)){background:var(--surface-raised)}.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));min-width:0;max-width:none;padding:var(--space-3);flex:none}.device-heading{min-height:20px}.device-name,.device-preset{flex-shrink:0}.device-preset{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.device .parameters{grid-template-columns:var(--parameter-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 input[type=range]{align-self:center;width:100%;height:3px;margin:0;display:block}.device .parameter>span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.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:"";background:var(--text-muted);width:6px;height:6px;transition:background .12s, transform .12s var(--spring-snappy);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{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent);color:var(--text-primary)}}.collaborators{align-items:center;padding-left:6px;display:flex}.peer-avatar{border:2px solid var(--border-strong);background:color-mix(in srgb, var(--peer-color) 25%, var(--surface-overlay));width:31px;height:31px;color:var(--peer-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--peer-color) 55%, transparent);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:50%;margin-left:-6px}.collab-status{color:var(--text-secondary);white-space:nowrap;min-width:20px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.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{border:1px solid var(--border-strong);background:var(--surface-control);height:34px;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:9px;gap:7px;padding:0 12px}.share-session svg{width:15px}.comments-button{width:26px;height:32px;color:var(--text-secondary);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:var(--text-muted);stroke-width:1.5px;filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shadow-color) 40.0%,transparent));display:block;overflow:visible}.remote-name{background:color-mix(in srgb,var(--surface-raised) 93.73%,transparent);border:1px solid color-mix(in srgb, var(--peer-color) 65%, var(--border-strong));color:var(--text-primary);white-space:nowrap;box-shadow:0 3px 12px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:0 15px 15px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:20px;left:15px}.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 var(--surface-panel)}.collab-panel{z-index:90;background:color-mix(in srgb,var(--surface-overlay) 93.33%,transparent);border:1px solid var(--border-strong);width:330px;box-shadow:0 20px 70px color-mix(in srgb,var(--shadow-color) 60%,transparent), inset 0 1px color-mix(in srgb,var(--text-primary) 3.14%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:appear .15s var(--spring-snappy);border-radius:17px;max-height:calc(100dvh - 90px);padding:20px;position:fixed;top:64px;right:24px;overflow:auto}.collab-panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.collab-panel h2{font:var(--font-heading);letter-spacing:var(--tracking-heading);flex:1}.panel-close{width:25px;height:25px;color:var(--text-secondary)}.panel-close svg{width:16px}.collab-label{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;gap:8px;display:flex}.collab-label input,.invite-link{background:var(--surface-canvas);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:9px;padding:10px 12px}.share-description{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:18px 0 13px}.invite-link{color:#a4a2d4;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.copy-invite{width:100%;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);background:#6853d9;border-radius:9px;margin-top:10px;padding:10px}.share-footnote{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:13px 0}.leave-room{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:8px 0}.comments-list{max-height:390px;overflow:auto}.comment{border-bottom:1px solid var(--border-strong);padding:14px 0}.comment-by{font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:8px;display:flex}.comment-avatar{background:color-mix(in srgb, var(--peer-color) 22%, var(--surface-overlay));color:var(--peer-color);width:25px;height:25px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:50%;place-items:center;display:grid}.comment-anchor{color:#a3a3d5;font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-left:auto}.comment>p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:9px 0 2px;padding-left:33px}.comment-empty{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:12px 0 20px}.comment-form textarea{font:inherit;resize:vertical;width:100%;min-height:78px;max-height:180px;color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-strong);border-radius:10px;outline:none;margin-top:16px;padding:12px}.comment-form textarea:focus{border-color:#9a8ae3}.comment-form textarea::placeholder{color:var(--text-secondary)}@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);box-shadow:0 5px 20px color-mix(in srgb,var(--shadow-color) 20.0%,transparent);pointer-events:none;border-radius:12px;transition:left 65ms linear,top 65ms linear,width 65ms linear;position:absolute}.remote-preview>span{background:color-mix(in srgb, var(--peer-color) 25%, var(--surface-input));color:var(--text-primary);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:9px 9px 0 0;padding:6px 10px;display:block;overflow:hidden}[hidden]{display:none!important}.console{background:var(--surface-panel);scrollbar-color:var(--text-muted) var(--surface-overlay);border-radius:20px;flex:1;min-width:0;min-height:0;padding:0 18px;display:flex;overflow:auto}.channel-strip{border-right:1px solid var(--border-strong);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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.channel-name{background:var(--surface-sunken);color:var(--text-primary);white-space:nowrap;font:var(--font-body);letter-spacing:var(--tracking-body);border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;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{height:25px;color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:5px 8px}.insert-slot{background:var(--surface-sunken);height:27px;color:var(--text-primary);text-align:left;white-space:nowrap;text-overflow:ellipsis;font:var(--font-caption);letter-spacing:var(--tracking-caption);border:1px solid #0000;border-radius:7px;padding:4px 9px;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:var(--text-muted);text-align:center}.channel-sends{justify-content:space-between;margin:3px 0;display:flex}.channel-sends label,.channel-pan{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;align-items:center;gap:7px;display:flex}.channel-sends .knob{width:31px;height:31px}.channel-peak{border:0;border-bottom:2px solid var(--border-strong);color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption);background:0 0;border-radius:0;padding:3px}.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:var(--surface-sunken);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--shadow-color) 46.67%,transparent);border-radius:4px;flex:1;position:relative;overflow:hidden}.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{width:24px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;justify-content:space-between;display:flex}.channel-scale span:before{content:"−";color:var(--text-muted);margin-right:3px}.channel-level{text-align:center;color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.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:var(--surface-control);box-shadow:inset 0 0 0 1px #2fb59e}@media (hover:hover){.insert-slot:hover,.channel-name:hover{background:var(--surface-overlay);border-color:var(--border-strong)}input.channel-fader:hover::-webkit-slider-thumb{filter:brightness(1.18)}}.synth-device{flex:0 0 350px}.synth-preset{background:var(--surface-overlay);color:#b2e5db;font:var(--font-caption);letter-spacing:var(--tracking-caption);border:0;border-radius:7px;padding:5px 10px}.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:var(--surface-panel);border-radius:14px;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.piano-toolbar{min-height:43px;color:var(--text-primary);border-bottom:1px solid var(--border-strong);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:16px;padding:7px 14px;display:flex}.piano-hint{color:var(--text-muted);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:var(--text-muted) var(--surface-raised);flex:1;min-height:0;overflow:auto}.piano-grid{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--piano-beat) / 4 - 1px), color-mix(in srgb,var(--text-primary) 1.96%,transparent) calc(var(--piano-beat) / 4 - 1px) calc(var(--piano-beat) / 4)), repeating-linear-gradient(90deg, transparent 0 calc(var(--piano-beat) - 1px), color-mix(in srgb,var(--text-primary) 3.92%,transparent) calc(var(--piano-beat) - 1px) var(--piano-beat));cursor:crosshair;background-position:64px 0;outline:0;position:relative;overflow:hidden}.piano-lane{border-bottom:1px solid var(--border-subtle);pointer-events:none;height:18px;position:absolute;left:0;right:0}.piano-lane.black-key{background:color-mix(in srgb,var(--shadow-color) 13.33%,transparent)}.piano-key{pointer-events:auto;z-index:3;border:0;border-bottom:1px solid var(--border-strong);background:var(--text-secondary);width:64px;height:18px;color:var(--text-muted);text-align:right;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:0;padding:0 9px;position:sticky;left:0}.black-key .piano-key{background:var(--surface-control);color:var(--text-secondary);border-right:10px solid var(--border-strong)}.piano-key:active{background:#68d4bf}.midi-note{background:var(--note-color);height:14px;color:var(--text-muted);border:1px solid var(--border-default);cursor:grab;-webkit-user-select:none;user-select:none;min-width:6px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:4px;padding:0 5px;position:absolute;overflow:hidden}.midi-note.selected,.midi-note.editing{outline:1px solid var(--border-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);z-index:2;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:var(--font-caption);letter-spacing:var(--tracking-caption)}.piano-ruler{background:var(--surface-overlay);border-bottom:1px solid var(--border-strong);flex-shrink:0;height:22px;overflow:hidden}.piano-ruler>div{height:22px;position:relative}.piano-ruler span{color:var(--text-secondary);border-left:1px solid var(--border-strong);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding-left:6px;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:var(--surface-control)}.selected-track .track-head{background:var(--surface-overlay);box-shadow:inset 3px 0 var(--color)}.selected-track .track-name{background:var(--surface-control);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-secondary) 27.06%,transparent)}.clip.selected{z-index:3;box-shadow:0 0 0 1px var(--surface-sunken), 0 3px 10px color-mix(in srgb,var(--shadow-color) 26.67%,transparent)}.clip.selected:after{content:"";border:2px solid var(--text-primary);border-radius:inherit;pointer-events:none;z-index:4;position:absolute;inset:0}.clip.selected .clip-title{background:color-mix(in srgb,var(--text-primary) 14.12%,transparent);color:var(--text-inverse)}.clip.selected .trim{opacity:1}.channel-strip.selected-channel{background:var(--surface-overlay);box-shadow:inset 0 3px var(--color)}.selected-channel .channel-name{background:var(--surface-control);color:var(--text-primary)}.browser{min-width:0;overflow:hidden}.browser-heading{gap:12px;height:64px}.browser-heading h2{font:var(--font-heading);letter-spacing:var(--tracking-heading)}.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{padding:var(--surface-inset);border-radius:14px;gap:16px;min-height:0;overflow:hidden}.browser-tabs{flex-shrink:0;justify-content:flex-start;gap:16px;min-height:24px;margin:0}.browser-tabs button{color:var(--studio-text);white-space:nowrap;font:var(--font-body);letter-spacing:var(--tracking-body)}.browser-tabs button.active{color:var(--studio-yellow)}.browser-tabs .icon-button{width:28px;height:28px;color:var(--studio-muted);margin-left:auto}.browser-grip{width:12px;color:var(--text-disabled);flex-shrink:0}.browser-grip svg{width:12px}.browser .search{background:var(--studio-search);border-radius:12px;flex-shrink:0;gap:8px;height:46px;padding:8px 16px}.browser .search>svg{width:24px;height:24px}.browser .search input{min-width:0;font:var(--font-body);letter-spacing:var(--tracking-body)}.browser .search input::placeholder{color:var(--studio-text)}.library-filters{background:linear-gradient(125deg,var(--surface-overlay),var(--surface-input));box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 1.57%,transparent);border-radius:12px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.library-filters label{min-width:0;color:var(--studio-text);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;gap:8px;display:flex}.library-filters .ui-select{width:100%;min-width:0}#library{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:0;margin:-2px -4px 0;padding:2px 4px;overflow:hidden auto}.sound{min-width:0;transition:background-color .14s var(--spring-snappy),border-color .14s var(--spring-snappy);border:2px solid #0000;border-radius:15px;gap:16px;margin:0 0 8px;padding:8px;position:relative}.sound.is-selected{border-color:var(--studio-selection);background:color-mix(in srgb,var(--studio-selection) 5%,var(--studio-panel))}.sound:active{cursor:grabbing}.sound:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--studio-yellow);outline-offset:1px}.sound-art{background:var(--studio-surface);border:0;border-radius:8px;flex-shrink:0;width:78px;height:78px}.sound-meta{align-self:center;gap:8px}.sound-meta strong{font:var(--font-body);letter-spacing:var(--tracking-body)}.sound-meta span{color:color-mix(in srgb,var(--text-primary) 65.1%,transparent);white-space:nowrap;text-overflow:ellipsis;font:var(--font-body);letter-spacing:var(--tracking-body);overflow:hidden}.sound-meta .sound-format{color:color-mix(in srgb,var(--studio-yellow) 65%,transparent);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.sound-actions{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;padding:0 0 8px;display:flex}.sound-more{width:28px;height:28px;color:var(--studio-muted);place-items:center;padding:0;display:grid}.sound-more svg{width:20px;height:20px}.sound-duration{font-variant-numeric:tabular-nums;color:var(--studio-text);background:var(--studio-control);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:4px;padding:2px 5px}.library-empty{color:var(--studio-muted);text-align:center;font:var(--font-body);letter-spacing:var(--tracking-body);padding:24px 8px}@media (hover:hover) and (pointer:fine){.sound:not(.is-selected):hover{background:var(--studio-search)}.sound-more:hover{color:var(--text-primary)}}@media (width<=1500px){.browser-body{padding:16px}.sound{gap:8px}.sound-art{width:56px;height:64px}}@media (width<=1300px){.browser-body{padding:16px 12px}.browser-tabs{gap:12px}}@media (prefers-reduced-motion:reduce){.sound{transition:none}}.device.selected-device{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 65%, var(--text-muted)), 0 0 0 1px var(--surface-sunken)}.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 color-mix(in srgb,var(--shadow-color) 46.67%,transparent), 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 var(--spring-snappy)}.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}}.shortcut-row{border-bottom:1px solid var(--border-subtle);font:var(--font-body);letter-spacing:var(--tracking-body);justify-content:space-between;align-items:baseline;gap:24px;padding:11px 0;display:flex}.shortcut-row:last-child{border:0}.shortcut-row kbd{color:var(--text-primary);white-space:nowrap}.shortcut-row span{color:var(--text-secondary);text-align:right}.rename-dialog label{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body);flex-direction:column;gap:10px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions button{transition:transform .12s var(--spring-snappy), background .12s var(--spring-snappy);font:var(--font-body);letter-spacing:var(--tracking-body);border-radius:8px;padding:9px 16px}.modal-actions button:active{transform:none}.modal-secondary{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent)}.modal-secondary:hover{background:color-mix(in srgb,var(--text-primary) 7.06%,transparent)}.modal-primary{color:var(--text-primary);background:#5347d9}.modal-primary:hover{background:#6658e9}@media (width<=520px){.shortcut-row{gap:12px}.shortcut-row kbd{white-space:normal;flex:0 0 40%}}.track-control[data-toggle][aria-pressed=true]{color:var(--text-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text-primary) 14.12%,transparent), 0 2px 7px color-mix(in srgb,var(--shadow-color) 20.0%,transparent);background:#db535d}.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 var(--spring-snappy), opacity .12s var(--spring-snappy)}@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);background:var(--surface-overlay);z-index:2;cursor:default;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:var(--text-muted);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{background:var(--surface-overlay);color:#ffc888;text-align:left;text-overflow:ellipsis;white-space:nowrap;height:23px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:5px;padding:3px 7px;position:absolute;bottom:3px;left:12px;right:9px;overflow:hidden}.automation-toggle[aria-pressed=true]{color:var(--text-muted);background:#ffad4f;box-shadow:0 0 12px #ffad4f24}#scroll::-webkit-scrollbar:horizontal{height:0}#scroll::-webkit-scrollbar-corner{background:0 0}.loop-lane{background:0 0}.loop-region{border:0;border-top:2px solid var(--border-strong);background:color-mix(in srgb,var(--text-primary) 1.96%,transparent);height:13px;color:var(--text-secondary);transition:background .12s var(--spring-snappy), border-color .12s var(--spring-snappy);border-radius:2px 2px 0 0;top:3px}.loop-region:hover{background:color-mix(in srgb,var(--text-primary) 4.31%,transparent);border-color:var(--border-strong)}.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:var(--text-secondary);width:4px;height:12px;transition:background .12s var(--spring-snappy), transform .12s var(--spring-snappy);border-radius:1px}.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;background:color-mix(in srgb,var(--surface-overlay) 96.08%,transparent);border:1px solid var(--border-subtle);width:min(320px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 18px 60px color-mix(in srgb,var(--shadow-color) 53.33%,transparent),inset 0 1px color-mix(in srgb,var(--text-primary) 3.14%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:chat-enter .18s var(--spring-snappy);border-radius:16px;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.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:var(--font-body);letter-spacing:var(--tracking-body)}.chat-status{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-left:auto}.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{font:var(--font-body);letter-spacing:var(--tracking-body);margin-bottom:14px}.chat-message strong{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary);-webkit-user-select:text;user-select:text;margin:3px 0 0}.room-chat-form{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:4px;margin:8px 12px 12px;padding:3px 4px 3px 10px;display:flex}.room-chat-form:focus-within{border-color:var(--text-muted)}.room-chat-form input.ui-input{min-width:0;height:30px;min-height:30px;box-shadow:none;font:var(--font-body);letter-spacing:var(--tracking-body);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0}.room-chat-form .room-chat-send{width:28px;height:28px;min-height:28px;color:var(--text-primary);box-shadow:none;background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;padding:6px;display:grid}.room-chat-send svg{width:16px;height:16px}.room-chat-form .room-chat-send:not(:disabled):hover{background:var(--surface-control)}.room-chat-form .room-chat-send:disabled{opacity:.3}.room-chat-voice{gap:8px;padding:4px 12px 12px;display:flex}.room-chat-voice button{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:8px;padding:8px 12px;transition:background .12s,transform .12s}.room-chat-voice button:hover{background:color-mix(in srgb,var(--text-primary) 7.06%,transparent)}.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{border:2px solid var(--border-strong);background:var(--peer-color,#a38aff);width:28px;height:28px;color:var(--text-muted);pointer-events:auto;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:14px 14px 14px 3px;position:absolute;transform:translate(-4px,-24px)}.comment-pin:hover{filter:brightness(1.15)}.comment-location{color:#a6e5d2;font:var(--font-body);letter-spacing:var(--tracking-body);margin:0 0 12px}.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:color-mix(in srgb,var(--text-muted) 73.33%,transparent);pointer-events:none;font:var(--font-heading);letter-spacing:var(--tracking-heading);position:absolute;bottom:10px;right:12px}.collab-panel.compact-comments{background:var(--surface-overlay);border-color:var(--border-strong);border-radius:16px;width:330px;max-width:calc(100vw - 24px);padding:12px;overflow:hidden}.compact-comments:focus-within{box-shadow:0 12px 36px color-mix(in srgb,var(--shadow-color) 40.0%,transparent),0 0 0 1px #159cf4;border-color:#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;width:0;min-width:0;min-height:28px;max-height:120px;font:var(--font-body);letter-spacing:var(--tracking-body);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:2px 4px;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{background:var(--text-disabled);color:var(--text-secondary);cursor:default}.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] *){box-shadow:0 0 0 3px #159cf4,0 3px 10px color-mix(in srgb,var(--shadow-color) 46.67%,transparent);outline:none}.comment-preview{z-index:95;pointer-events:none;background:var(--surface-overlay);border:1px solid var(--border-strong);width:300px;max-width:calc(100vw - 24px);box-shadow:0 12px 32px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);color:var(--text-primary);border-radius:16px 16px 16px 3px;gap:10px;padding:14px;display:flex;position:fixed}.comment-preview .comment-avatar{width:30px;height:30px;font:var(--font-body);letter-spacing:var(--tracking-body);flex:none}.comment-preview-body{flex:1;min-width:0}.comment-preview-by{font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:baseline;gap:8px;display:flex}.comment-preview-by strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comment-preview-by span,.comment-preview small{color:var(--text-secondary);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.comment-preview p{overflow-wrap:anywhere;-webkit-line-clamp:3;font:var(--font-body);letter-spacing:var(--tracking-body);-webkit-box-orient:vertical;margin:5px 0 0;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:var(--font-body);letter-spacing:var(--tracking-body);display:block}.comment-thread .comments-list{padding-right:0}.comment-thread .comment-form{border:1px solid var(--border-strong);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{border-bottom:1px solid var(--border-subtle);background:var(--surface-input);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%,var(--surface-overlay));width:38px;height:38px;color:var(--peer-color);outline:2px solid var(--border-subtle);outline-offset:3px;font:var(--font-body);letter-spacing:var(--tracking-body);border:2px solid #0000;border-radius:50%;place-items:center;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;max-width:58px;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);overflow:hidden}.voice-person.muted .voice-avatar:after{content:"×";color:#fff;width:15px;height:15px;font:var(--font-body);letter-spacing:var(--tracking-body);background:#e15d68;border-radius:50%;place-items:center;display:grid;position:absolute;top:26px;right:0}.room-chat-messages{height:160px}.room-chat-voice{border-top:1px solid var(--border-subtle);background:var(--surface-raised);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(--spring-snappy) 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(--spring-snappy) both}.voice-person{animation:studio-reveal .16s var(--spring-snappy) both}.task-progress{z-index:110;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-subtle);background:var(--surface-overlay);max-width:calc(100vw - 40px);color:var(--text-primary);box-shadow:0 8px 28px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);animation:studio-reveal .16s var(--spring-snappy);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:12px;padding:12px 18px;position:fixed;bottom:24px;left:50%;overflow:hidden;translate:-50%}[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(--spring-snappy)}@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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:12px;margin:10px 0;display:flex}.sf2-bank select{background:var(--surface-overlay);border:1px solid var(--border-strong);min-width:0;max-width:260px;color:var(--text-primary);font:inherit;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 var(--spring-snappy)}.knob.adjusting{box-shadow:inset 0 1px 1px #ffffff35,0 0 0 2px #77dbca80,0 4px 7px #0007}.knob-value{z-index:30;background:var(--surface-control);width:max-content;color:var(--text-primary);font-variant-numeric:tabular-nums;box-shadow:0 3px 10px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);pointer-events:none;opacity:0;transition:opacity .1s var(--spring-snappy);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;padding:5px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.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{width:24px;height:24px;color:var(--text-secondary);background:0 0;border:0;border-radius:5px;flex:0 0 24px;place-items:center;padding:3px;display:inline-grid}.plugin-editor-button:hover{background:color-mix(in srgb,var(--text-primary) 7.06%,transparent);color:var(--text-primary)}.plugin-window{resize:both;border:1px solid var(--border-strong);background:var(--surface-overlay);width:560px;min-width:min(340px,100vw - 16px);max-width:calc(100vw - 16px);height:620px;min-height:280px;max-height:calc(100dvh - 16px);box-shadow:0 24px 70px color-mix(in srgb,var(--shadow-color) 60%,transparent);transform-origin:50%;border-radius:13px;outline:none;flex-direction:column;display:flex;position:fixed;overflow:hidden}.plugin-window-header{border-bottom:1px solid var(--border-subtle);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--surface-control);flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.plugin-window-header strong{font:var(--font-body);letter-spacing:var(--tracking-body);flex:1}.plugin-window-close{width:26px;height:26px;color:var(--text-secondary);font:var(--font-heading);letter-spacing:var(--tracking-heading);background:0 0;border:0;border-radius:5px}.plugin-window-close:hover{background:color-mix(in srgb,var(--text-primary) 7.84%,transparent);color:#fff}.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:var(--font-heading);letter-spacing:var(--tracking-heading)}.soundfont-heading span{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.plugin-search{border:1px solid var(--border-strong);background:var(--surface-canvas);width:100%;color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body);border-radius:7px;padding:11px 12px}.soundfont-presets{scrollbar-width:thin;border:1px solid var(--border-subtle);background:var(--surface-canvas);border-radius:8px;height:220px;margin:12px 0 20px;padding:4px;overflow:auto}.soundfont-preset{width:100%;color:var(--text-primary);text-align:left;font:var(--font-caption);letter-spacing:var(--tracking-caption);background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.soundfont-preset small{color:var(--text-secondary)}.soundfont-preset:hover{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent)}.soundfont-preset[aria-pressed=true]{background:var(--border-strong);color:#b4f0df}.plugin-controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:22px 20px;display:grid}.plugin-control{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);grid-template-columns:1fr auto;gap:10px;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{border:1px solid var(--border-strong);background:var(--surface-control);color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;padding:8px}.plugin-toggle[aria-pressed=true]{color:#a5e0d1;border-color:#67b7a2}.plugin-keyboard{gap:3px;height:64px;margin-top:24px;display:flex}.plugin-keyboard button{font:var(--font-caption);letter-spacing:var(--tracking-caption);border:0;border-radius:0 0 5px 5px;flex:1;justify-content:center;align-items:end;padding-bottom:7px;display:flex}.white-key{background:var(--text-secondary);color:var(--text-muted)}.black-key{background:var(--surface-sunken);color:var(--text-secondary);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 var(--border-strong);width:7.6%;position:absolute;top:0}.shell{grid-template-columns:minmax(0,1fr) var(--library-width,var(--studio-library-width))}.browser,.editor{position:relative}.dock,.dock.note-dock,.dock:not(.note-dock){height:var(--dock-height,216px);min-height:0;position:relative;overflow:visible}.dock.note-dock{height:var(--note-dock-height,clamp(320px,48dvh,520px));max-height:calc(100dvh - 260px)}.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;width:100%;min-width:0;min-height:140px;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 24px;display:flex}.panel-empty-icon{background:color-mix(in srgb,var(--text-primary) 1.57%,transparent);width:34px;height:34px;color:var(--text-secondary);border-radius:10px;place-items:center;margin-bottom:2px;display:grid}.panel-empty-icon svg{width:24px;height:24px}.panel-empty strong{color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body)}.panel-empty p{max-width:360px;font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:0}.panel-empty-action{border:1px solid var(--border-strong);color:#a7d6cc;background:var(--surface-control);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;margin-top:4px;padding:6px 11px}.panel-empty-action:hover{background:var(--surface-control)}.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:var(--surface-input);border-color:var(--border-strong);border-radius:12px}.plugin-window-header{background:var(--surface-overlay);gap:12px;padding:12px 16px}.plugin-window-header strong{color:var(--text-primary)}.plugin-window-body{padding:18px}.effect-controls{flex-direction:column;gap:14px;display:flex}.plugin-section{border:1px solid var(--border-subtle);background:var(--surface-overlay);border-radius:9px;padding:14px 16px 16px}.plugin-section h3{text-transform:uppercase;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:0 0 14px}.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{min-width:0;font:var(--font-caption);letter-spacing:var(--tracking-caption);align-content:start;gap:10px 4px}.plugin-control output{color:var(--plugin-accent);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.plugin-filter-modes{background:var(--surface-panel);border-radius:6px;grid-column:1/-1;gap:3px;padding:3px;display:flex}.plugin-filter-modes button{min-width:0;color:var(--text-secondary);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);background:0 0;border-radius:4px;flex:1;padding:7px 2px;transition:background-color .1s,color .1s}.plugin-filter-modes button:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 2.75%,transparent)}.plugin-filter-modes button[aria-pressed=true]{color:var(--plugin-accent);background:var(--surface-control);box-shadow:0 1px 3px color-mix(in srgb,var(--shadow-color) 26.67%,transparent)}.plugin-power{color:var(--text-secondary);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.plugin-power i{background:var(--border-strong);width:25px;height:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 3.14%,transparent);border-radius:9px;position:relative}.plugin-power i:after{content:"";background:var(--text-secondary);width:8px;height:8px;transition:transform .12s var(--spring-snappy),background-color .12s;border-radius:50%;position:absolute;top:3px;left:3px}.plugin-power[aria-checked=true] i{background:color-mix(in srgb,var(--plugin-accent) 35%,var(--surface-overlay))}.plugin-power[aria-checked=true] i:after{background:var(--plugin-accent);transform:translate(11px)}.plugin-section-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:-2px;padding-top:10px;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-muted{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:0}.provider-button{height:46px;font:var(--font-body);letter-spacing:var(--tracking-body)}.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;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:12px 0 0}.space-project{background:var(--surface-canvas);border:1px solid var(--border-subtle);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:var(--font-body);letter-spacing:var(--tracking-body);overflow:hidden}.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 var(--border-subtle);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:12px;padding:10px 0;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{min-width:0;font:var(--font-body);letter-spacing:var(--tracking-body);flex-direction:column;gap:4px;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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.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] *){box-shadow:inset 0 0 0 1px var(--text-primary);outline:none}.plugin-window:focus{outline:none}.midi-dialog p{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body)}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%, var(--surface-raised));border:1px solid color-mix(in srgb, var(--peer-color) 55%, transparent);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:16px;padding:5px 10px}.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-form{gap:24px;display:grid}.export-check{font:var(--font-body);letter-spacing:var(--tracking-body);align-items:center;gap:12px;margin-top:16px;display:flex}.export-check input{width:18px;height:18px;accent-color:var(--action-primary)}.export-status{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body);margin:0}.export-progress{width:100%}.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:var(--surface-overlay);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:var(--text-muted);border-radius:3px;position:absolute;inset:8px 0}.overview.dragging span{cursor:grabbing}.overview.dragging span:before{background:var(--text-secondary)}.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:var(--text-secondary)}}.export-progress{accent-color:#8e79e6;background:var(--surface-control);border:0;border-radius:4px;width:100%;height:5px;overflow:hidden}.export-progress::-webkit-progress-bar{background:var(--surface-control)}.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;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}#zoom-controls .follow-playhead svg{width:16px;height:16px}#zoom-controls .follow-playhead.active{color:#36d9b5;background:var(--surface-overlay)}.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;background:var(--surface-overlay);border:1px solid var(--border-subtle);width:min(440px,100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:0 18px 60px color-mix(in srgb,var(--shadow-color) 53.33%,transparent),0 2px 8px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);color:var(--text-primary);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.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{width:100%;min-width:0;font:var(--font-body);letter-spacing:var(--tracking-body);background:0 0;border:0;border-radius:0;padding:0;box-shadow:none!important;outline:none!important}.plugin-picker-search:focus-within{color:var(--mint)}.plugin-picker-search input::placeholder{color:var(--text-secondary)}.plugin-picker-tabs{border-bottom:1px solid var(--border-subtle);gap:3px;padding:0 12px 12px;display:flex}.plugin-picker-tabs button{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;padding:5px 10px}.plugin-picker-tabs button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 4.71%,transparent)}.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:var(--text-disabled) transparent;padding:7px;overflow-y:auto}.plugin-picker-groups{border-right:1px solid var(--border-subtle);background:color-mix(in srgb,var(--shadow-color) 5.1%,transparent)}.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;width:100%;min-height:34px;color:var(--text-primary);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:6px;justify-content:flex-start;gap:8px;padding:7px 10px}.plugin-picker-group{justify-content:space-between}.plugin-picker-chevron{color:var(--text-muted);font:var(--font-heading);letter-spacing:var(--tracking-heading)}.plugin-picker-group[aria-expanded=true]{background:color-mix(in srgb,var(--text-primary) 4.31%,transparent);color:var(--text-primary)}.plugin-picker-label{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:9px 10px 6px}.plugin-picker-item:hover,.plugin-picker-item:focus-visible:where(html[data-keyboard-focus] *){background:var(--border-strong);color:var(--text-primary)}.plugin-picker-empty{height:100%;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.plugin-picker-empty strong{color:var(--text-primary)}.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{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding-inline:8px}}.device-preset-bar{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--shadow-color) 13.33%,transparent);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;min-width:0;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:1;justify-content:flex-start;padding:6px 9px;overflow:hidden}.device-preset-action{width:28px;height:28px;color:var(--text-secondary);border-radius:5px;flex:none}.device-preset-action svg{width:14px;height:14px}.device-preset-action:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 4.71%,transparent);color:var(--text-primary)}.device-preset-action:disabled{opacity:.25;cursor:default}.preset-storage-note{color:var(--muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:14px 0}.device>.device-preset-bar{order:5;width:100%;margin:8px 0 0}.device>.device-preset-bar .device-preset-choose{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:3px 5px}.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{border:1px solid var(--border-strong);background:var(--surface-overlay);width:100%;min-height:36px;color:var(--text,var(--text-primary));font:inherit;cursor:pointer;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}.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{border:1px solid var(--border-subtle);background:linear-gradient(var(--border-strong),var(--surface-control));min-height:72px;color:var(--text-primary);box-shadow:0 2px 0 var(--surface-sunken);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:10px;flex-direction:column;justify-content:space-between;gap:14px;padding:11px 6px;display:flex}.drum-pad small{color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.drum-pad:hover{background:var(--border-strong);border-color:#8fd5c450}.drum-pad:active{background:var(--text-muted);box-shadow:none;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:color-mix(in srgb,var(--text-primary) 4.31%,transparent)}.device{position:relative}.device-remove{width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-secondary);opacity:0;visibility:hidden;pointer-events:none;box-shadow:none;background:0 0;border:0;border-radius:5px;flex:none;padding:4px;position:absolute;top:6px;right:6px}.device-remove svg{width:16px;height:16px}.device.selected-device .device-remove{opacity:1;visibility:visible;pointer-events:auto}.device-remove:hover{color:#ff9696;background:#fa72721a}.device-power{border-radius:5px;flex:none;width:24px;height:24px}.device-power:hover{background:color-mix(in srgb,var(--text-primary) 4.31%,transparent)}.device-preset-bar{border-color:var(--border-subtle);background:color-mix(in srgb,var(--text-primary) 1.18%,transparent);gap:4px;padding:4px}.device-preset-choose:hover{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent);border-radius:5px}.device-pages:has(>button:only-child){display:none}.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{text-transform:uppercase;color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:0 3px}.channel-source{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--text-primary) 1.18%,transparent);color:var(--text-secondary);border-radius:6px;align-items:center;padding:4px 9px;display:flex}.channel-insert-row{background:var(--surface-sunken);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 var(--border-subtle);border-radius:6px}.channel-insert-row .insert-slot.bypassed{opacity:.45}.insert-power,.insert-arrow{width:23px;height:27px;color:var(--text-secondary);border-radius:5px;flex:none;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{background:color-mix(in srgb,var(--text-primary) 6.27%,transparent);color:var(--text-primary)}.channel-insert-row:has(.insert-slot:hover){background:var(--surface-overlay)}.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 var(--border-subtle);flex-direction:row;justify-content:center;gap:10px;padding:5px 0}.channel-input .instrument-slot{color:#83dbc8;background:0 0}.provider-button{justify-content:center;align-items:center;gap:12px;display:flex}.provider-button .provider-logo{flex:none;width:20px;height:20px}.provider-google{background:var(--text-primary);color:var(--text-muted);border-color:var(--border-strong)}.provider-google:hover:not(:disabled){background:var(--text-primary)}.provider-apple{background:var(--shadow-color);color:var(--text-primary);border-color:var(--border-strong)}.provider-apple:hover:not(:disabled){background:var(--surface-panel)}.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{font:var(--font-caption);letter-spacing:var(--tracking-caption);border-radius:5px;padding:6px 10px}.panel-view-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--text-primary) 8.63%,transparent)}.custom-panel-toolbar{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:6px;margin-bottom:7px;display:flex}.custom-panel-toolbar span{margin-right:auto}.custom-panel-frame{background:var(--surface-input);border:0;border-radius:8px;width:100%;height:auto;display:block}.custom-panel[hidden],.plugin-window-body [hidden]{display:none!important}.plugin-ui-scale{width:78px;height:28px;min-height:28px;font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:none;padding-top:3px;padding-bottom:3px}.plugin-window-content{transform-origin:0 0;display:flow-root}.plugin-window.has-custom-panel{overflow:hidden}.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:0;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{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:2px 4px;min-width:0;margin-top:6px;display:grid;position:relative}.record-routing button{flex-shrink:0;padding-inline:6px}.record-routing .record-input{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);text-align:left;flex:1;overflow:hidden}.input-monitor[aria-pressed=true]{color:var(--text-muted);background:#b88c35}.record-input-meter{contain:strict;appearance:none;background:var(--surface-control);visibility:hidden;border:0;grid-column:1/-1;width:100%;height:3px;min-height:0;display:block;overflow:hidden}.record-routing:has(.record-arm[aria-pressed=true],.input-monitor[aria-pressed=true]) .record-input-meter{visibility:visible}.record-input-meter::-webkit-meter-bar{background:var(--surface-control);border:0;height:3px}.record-input-meter::-webkit-meter-optimum-value{background:#37d994}.transport-record{color:var(--studio-record);width:34px;height:34px;font:var(--font-heading);letter-spacing:var(--tracking-heading);border-radius:7px}.transport-record.recording{color:var(--text-primary);background:#bc3449;box-shadow:0 0 0 2px #ed586633}.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 var(--border-strong);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{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:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.midi-fx-device{border:1px solid var(--border-strong);background:var(--surface-raised);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:var(--surface-control);border-radius:6px;padding:8px 12px}.midi-fx-power[aria-pressed=true]{color:#46dab3}.midi-fx-add{gap:8px;display:flex}.midi-fx-subtitle,.midi-fx-hint{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:0}.midi-fx-toolbar{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.midi-fx-field{min-width:100px;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;flex:1;gap:7px;display:flex}.midi-fx-field select,.midi-fx-field input[type=number]{background:var(--surface-overlay);border:1px solid var(--border-strong);width:100%;min-height:34px;color:var(--text-primary);border-radius:6px;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{border:1px solid var(--border-strong);background:var(--surface-overlay);text-align:left;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:var(--text-secondary);z-index:1;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.sequence-step strong{z-index:1;font:var(--font-heading);letter-spacing:var(--tracking-heading)}.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:1px solid var(--border-strong);outline-offset:2px}.sequence-step.playing{border-color:#b3ffe7;box-shadow:inset 0 0 0 1px #b3ffe7}.sequence-step.playing small{color:var(--text-primary)}.sequence-inspector{border-top:1px solid var(--border-strong);align-items:center;gap:16px;padding-top:18px;display:flex}.sequence-inspector>strong{min-width:65px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.midi-fx-footer{align-items:center;gap:10px;display:flex}.midi-fx-footer button{border:1px solid var(--border-strong);border-radius:6px;padding:9px 12px}.midi-fx-footer button:last-child{color:var(--text-muted);background:#46dab3;margin-left:auto}.lfo-scope{background:var(--surface-canvas);border:1px solid var(--border-strong);border-radius:10px;width:100%;height:150px}.lfo-readout{color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption)}@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}.space-toolbar{flex-wrap:wrap;justify-content:flex-start}.space-toolbar>.account-muted{flex-basis:100%}.space-project .account-muted{overflow-wrap:anywhere}.local-recovery-status{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);overflow:hidden}@media (width<=700px){.local-recovery-status{max-width:92px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}}html[data-mobile-screen] .app-header .local-recovery-status{flex-shrink:1;min-width:0;max-width:62px;padding:0 3px;display:inline-flex}.plugin-window-header{flex-wrap:wrap;gap:10px}.plugin-window-header>.device-preset-bar{flex:1;min-width:120px;max-width:240px;margin:0}.plugin-window-header>.device-preset-bar .device-preset-choose{min-width:0;min-height:30px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.plugin-window-header>.plugin-ui-scale{flex:none;width:76px;min-height:36px}.plugin-window-header>.panel-view-switch{flex:none;gap:4px;display:flex}@media (width<=600px){.plugin-window-header>.device-preset-bar{flex-basis:100%;order:3;max-width:none}.plugin-window-header>.panel-view-switch{order:4}.plugin-window-header>strong{min-width:100px}}@media (width>=761px) and (pointer:fine){.track-row{height:128px}.track-head{flex-direction:column;justify-content:center;gap:8px;padding:8px;display:flex}.track-top{flex-shrink:0}.track-controls{gap:var(--space-1,8px);flex-shrink:0;margin-top:0;padding-left:0}.track-head .record-routing{gap:2px var(--space-half,4px);flex-shrink:0;margin:0}}@media (width>=1001px){.shell{gap:var(--space-3)}.app-header .workspace,.app-header .project-title{--inline-input-size:16px;--inline-input-weight:var(--weight-strong);font:var(--font-heading);letter-spacing:var(--tracking-heading)}.transport{gap:var(--space-2)}.readout-label{font:var(--font-body);letter-spacing:var(--tracking-body)}.readout-label output{background:var(--surface-sunken);color:var(--studio-jade);font:var(--font-heading);letter-spacing:var(--tracking-heading);padding:7px 12px}#dock-tabs{gap:var(--space-2)}.dock-tab,.device-name,.device-preset{font:var(--font-body);letter-spacing:var(--tracking-body)}}@media (width>=1700px){.transport,.browser-heading{height:69px;min-height:69px}.shell{padding-bottom:32px}.editor{gap:24px}.editor>.meter{flex-basis:112px;width:112px}.editor>.meter .meter-body{justify-content:center;gap:16px}.editor>.meter .meter-columns{gap:8px;width:56px;padding:6px}.editor>.meter .meter-columns i{flex:1}.editor>.meter .meter-scale{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.editor>.meter .mixer-button{width:100%}}.dock #dock-content[data-view=effects]{align-items:stretch;height:auto;max-height:calc(100% - 39px)}#dock-content[data-view=effects] .device{width:max(310px,calc(var(--parameter-bank-width,266px) + 24px));flex-shrink:0;align-self:stretch;min-height:148px;padding:12px}#dock-content[data-view=effects] .device .parameters{margin-top:12px}#dock-content[data-view=effects] .add-device{align-self:stretch;min-height:148px}.device .parameter--choice{grid-template-rows:38px 18px;gap:2px}.device .parameter--choice .ui-select{width:100%;min-width:0;color:var(--accent);text-overflow:ellipsis;font:var(--font-caption);letter-spacing:var(--tracking-caption);align-self:center}.device .parameter>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#dock-content[data-view=effects] .device>.device-preset-bar{height:28px;min-height:28px;margin-top:8px;padding:2px}#dock-content[data-view=effects] .device-preset-choose{min-height:22px;padding:1px 5px}@media (width<=760px),(width<=1000px) and (pointer:coarse){html[data-mobile-screen=editor] #dock-content[data-view=effects]{max-height:none}html[data-mobile-screen=editor] #dock-content .device{width:100%;min-height:0}html[data-mobile-screen=editor] .device .parameters{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}html[data-mobile-screen=editor] .device .parameter--choice .ui-select{min-height:44px}html[data-mobile-screen=editor] .device .parameter--choice{grid-template-rows:44px 18px}html[data-mobile-screen=editor] #dock-content .add-device{min-height:60px}}@media (width>=1001px){.console{align-items:flex-start;padding:0 8px}.console .channel-strip{border-right:1px solid var(--border-subtle);flex-basis:148px;gap:8px;width:148px;height:100%;max-height:760px;padding:16px 10px}.console .channel-top{gap:4px}.console .channel-name{height:32px;min-height:32px;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:4px 8px}.console .channel-input{gap:4px;min-height:52px;margin:0}.console .channel-section-label{text-transform:none;color:var(--text-secondary);padding:0}.console .channel-inserts{gap:4px;max-height:132px}.console .channel-insert-row .insert-slot{height:28px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.console .channel-sends{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:56px;min-height:56px;margin:0}.console .channel-sends label{gap:4px}.console .channel-sends .knob,.console .channel-pan .knob{width:31px;height:31px}.console .channel-strip .channel-faders{flex:240px;gap:8px;min-height:80px;max-height:326px;padding:4px 0}.console .channel-peak{margin:0 0 0 42px;padding:2px}.console .channel-pan{border:0;flex-direction:column;gap:4px;margin:0;padding:0}.console .channel-switches{gap:6px}.console .channel-level{margin:0}.console .channel-input .record-routing{gap:4px}.console .channel-input .record-routing button{min-width:24px;padding-left:4px;padding-right:4px}.console .add-aux-channel{height:32px;font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:16px 12px;padding:8px 12px}}@media (width>=1001px) and (height<=800px){.console .channel-strip{gap:4px;padding:10px}.console .channel-input{min-height:48px}.console .channel-inserts{max-height:84px}.console .channel-sends{height:50px;min-height:50px}.console .channel-pan{flex-direction:row;gap:8px}}@media (width>=1001px) and (height<=650px){.console .channel-input{min-height:44px}.console .channel-inserts{min-height:44px;max-height:56px}.console .channel-strip .channel-faders{min-height:70px}.console .channel-sends{height:44px;min-height:44px}.console .channel-sends .knob,.console .channel-pan .knob{width:26px;height:26px}}@media (width>=1001px){.editor.show-mixer>.meter{box-sizing:border-box;align-self:flex-start;height:100%;max-height:760px}}@media (width>=761px) and (pointer:fine){.dock:not(.note-dock):has(#dock-content:is([data-view=effects],[data-view=plugins],[data-view=midiFx])){height:var(--dock-height,auto)}.dock:not(.note-dock) #dock-content:is([data-view=effects],[data-view=plugins],[data-view=midiFx]){height:auto;max-height:var(--dock-content-height,min(38dvh,360px));align-items:stretch}}@media (width>=1001px) and (pointer:fine){.transport{box-sizing:border-box;gap:16px;height:56px;min-height:56px;padding:0 0 12px}.browser-heading{box-sizing:border-box;height:56px;min-height:56px}.transport-group,.transport .tools{box-sizing:border-box;flex-shrink:0;gap:4px;height:44px;padding:4px}.transport .icon-button,.transport .transport-record{background:var(--surface-raised);width:36px;height:36px;min-height:36px;box-shadow:inset 0 1px 1px var(--border-subtle),inset 0 -1px 1px var(--shadow-color);border:0;flex:none}.transport .icon-button svg{width:17px;height:17px}.transport .readout-label{font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:none;gap:8px}.transport .readout-label input,.transport .readout-label output{box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;height:34px;min-height:34px;padding:5px 10px;display:flex}.transport .readout-label input{width:58px}.transport .readout-label output{width:104px;min-width:104px}.transport .snap{flex:none;gap:8px}.transport .volume{gap:8px}.transport .transport-record.recording{background:var(--state-record);color:var(--text-primary)}}.console .channel-title-row{justify-content:space-between;align-items:center;min-height:24px;display:flex}.console .channel-title-row .channel-number{margin:0}.console .channel-options{width:24px;height:24px;color:var(--text-muted);background:0 0;padding:4px}.console .channel-sends{height:calc(var(--send-rows) * 32px);min-height:calc(var(--send-rows) * 32px);flex-direction:column;justify-content:flex-start;gap:4px;max-height:128px;display:flex;overflow:hidden auto}.console .channel-send-row{flex-shrink:0;align-items:center;gap:8px;min-height:28px;display:flex}.console .send-destination{text-overflow:ellipsis;white-space:nowrap;text-align:left;border-radius:var(--control-radius);background:var(--surface-sunken);min-width:0;height:28px;font:var(--font-caption);letter-spacing:var(--tracking-caption);color:var(--text-secondary);flex:1;padding:4px 8px;overflow:hidden}.console .channel-send-row .knob{flex-shrink:0;width:24px;height:24px}.console{align-items:stretch}.console .channel-strip{height:auto}.console .channel-insert-row .insert-slot{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.console{overflow-y:hidden}.console .channel-input{height:64px;min-height:64px}@media (height<=760px){.console .channel-input{height:56px;min-height:56px}}:is(.track-row:has(.clip.dragging),.track-row:has(.clip.settling)){z-index:40}.track-row.drop-target{box-shadow:inset 0 0 0 1px var(--text-muted)}.clip.dragging{box-shadow:0 16px 32px color-mix(in srgb,var(--shadow-color) 55%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-color) 40%,transparent),0 0 0 2px #fff9}.clip.settling{z-index:20}:is(.track-lane:has(.clip.dragging),.track-lane:has(.clip.settling)){clip-path:inset(-100vh 0 -100vh var(--arrangement-left,180px))}.clip-drop-preview{border:2px dashed var(--text-primary);background:color-mix(in srgb,var(--color) 14%,transparent);pointer-events:none;z-index:3;box-sizing:border-box;border-radius:13px;height:calc(100% - 3px);position:absolute;top:1px}.drag-badge{white-space:nowrap;pointer-events:none}.space-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.space-identity{gap:4px;min-width:0;display:grid}.space-identity .account-muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.space-storage{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 0;display:flex}.space-storage meter{min-width:48px;height:6px;accent-color:var(--action-primary);flex:1}.space-dialog:has(.space-summary) .space-section{text-transform:none;font:var(--font-body);letter-spacing:var(--tracking-body);margin:8px 0 0}.space-dialog:has(.space-summary) .space-project{border-radius:12px;gap:8px;padding:12px 16px}.space-footer,.space-copy-actions{align-items:center;gap:8px;display:flex}.space-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;padding-top:16px}.space-retention{max-width:52ch}@media (width<=540px){.space-summary{flex-direction:column;align-items:flex-start}.space-footer{flex-wrap:wrap}.space-dialog:has(.space-summary) .space-project>div{flex-basis:auto}.space-storage{flex-wrap:wrap}}.space-storage meter::-webkit-meter-bar{background:var(--surface-control);border:0;border-radius:4px}.space-storage meter::-webkit-meter-optimum-value{background:var(--action-primary);border-radius:4px}.space-storage meter::-moz-meter-bar{background:var(--action-primary);border-radius:4px}.space-project-panel{align-content:start;gap:12px;min-height:180px;display:grid}.space-project-group{border:1px solid var(--border-subtle);background:var(--surface-canvas);border-radius:12px;overflow:hidden}.space-dialog .space-project-group .space-project{background:0 0;border:0}.space-history-toggle{margin:0 8px 8px}.space-save-history:not([hidden]){border-top:1px solid var(--border-subtle);max-height:200px;padding:4px 12px;display:grid;overflow:auto}.space-save-entry{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.space-project-panel>.ui-button--primary{justify-self:start}.live-performance{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.live-performance button{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.live-playing{box-shadow:inset 3px 0 var(--state-active)}.room-chat.collapsed .live-performance{display:none}.live-performance button[aria-pressed=true]{color:var(--state-active);background:var(--surface-control)}.room-chat-voice{align-items:center;min-height:52px}.room-chat-voice>button:last-child{width:32px;height:32px;margin-left:auto;padding:8px}.room-settings{border:1px solid var(--border-subtle);background:var(--surface-panel);width:260px;color:var(--text-primary);border-radius:16px;padding:16px}.room-settings>strong{margin-bottom:12px;display:block}.room-settings .live-performance{border:0;gap:4px;padding:0;display:grid}.room-settings .live-performance button{text-align:left;justify-content:space-between;width:100%;padding:10px 8px}.room-settings .live-performance button:after{content:" ";background:var(--text-disabled);border-radius:50%;flex:none;width:8px;height:8px;margin-left:16px}.room-settings .live-performance button[aria-pressed=true]:after{background:var(--state-active)}.room-settings>.chat-voice{border-top:1px solid var(--border-subtle);text-align:left;width:100%;color:var(--text-secondary);background:0 0;margin-top:12px;padding:12px 8px 4px}.track-footer.drop-new-track{background:var(--surface-control);box-shadow:inset 0 0 0 1px var(--state-active)}.track-footer.drop-new-track:after{content:"Drop to create a track";color:var(--state-active);font:var(--font-body);letter-spacing:var(--tracking-body);padding:16px}.room-chat{width:min(340px,100vw - 32px)}.room-chat-header{gap:8px;padding:14px 16px}.room-chat-messages{height:132px;min-height:56px}.room-chat-empty{text-align:center;color:var(--text-secondary);text-wrap:balance;margin:24px 8px}.room-chat-voice{background:0 0;min-height:48px;padding:10px 12px}.room-chat-voice .chat-mute{background:var(--surface-control)}