@layer app{.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{border-radius:0 var(--radius-card) var(--radius-card) 0;background:#f27e62;width:15px;height:25px;margin-right:-6px}.identity span:nth-child(2){background:#ffc864}.identity span:nth-child(3){background:#83c9c8}.header-space{flex:1}.shell{height:calc(100dvh - 70px);padding:0 var(--studio-gutter) var(--space-3);grid-template-columns:minmax(0,1fr) 290px;gap:26px;display:grid}@media (width>=1700px){.shell{grid-template-columns:minmax(0,1fr) 340px;gap:30px}}@media (width<=1300px){.shell{grid-template-columns:minmax(0,1fr) 250px;gap:17px;padding:0 18px 15px}}@media (width<=1000px){.shell{grid-template-columns:minmax(0,1fr)}.app-header{padding:0 18px}}@media (height<=800px){.app-header{height:60px}.shell{height:calc(100dvh - 60px)}}@media (width<=680px){.app-header{gap:12px;height:57px}.identity,.cloud-state,.header-space,.app-header>.text-button{display:none}.shell{height:calc(100dvh - 57px);padding:0 10px 10px}}.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{gap:7px}.share-session svg{width:15px}.app-header:has(.collaborators:not(:empty)){gap:18px}.collab-panel{z-index:90;background:color-mix(in srgb,var(--surface-overlay) 93.33%,transparent);border:1px solid var(--border-strong);border-radius:var(--surface-radius);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);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}.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);border-radius:var(--radius-tile);width:100%;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:10px 12px}@media (width<=900px){.app-header{gap:12px}.collab-status,.app-header .cloud-state{display:none}.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}}.collab-panel.compact-comments{border-radius:var(--surface-radius);background:var(--surface-overlay);border-color:var(--border-strong);width:330px;max-width:calc(100vw - 24px);padding:12px;overflow:hidden}.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}.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}.studio-ready .app-header,.studio-ready .editor,.studio-ready .dock{animation:studio-reveal .22s var(--spring-snappy) both}@media (prefers-reduced-motion:reduce){.studio-ready .app-header,.studio-ready .editor,.studio-ready .dock,.comment-preview,.voice-person{animation:none}}.shell{grid-template-columns:minmax(0,1fr) var(--library-width,var(--studio-library-width))}@media (width<=1000px){.shell{grid-template-columns:minmax(0,1fr)}}.peer-avatar.is-followed{outline:2px solid var(--peer-color);outline-offset:3px}.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}@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)}}@media (width>=1700px){.shell{padding-bottom:32px}}html:not([data-mobile-screen]) .shell{grid-template-columns:minmax(0,1fr)}.app-header .library-toggle{flex:none;width:40px;height:40px;padding:8px}html[data-mobile-screen] .app-header .library-toggle,html[data-mobile-screen] .browser .library-close{display:none}@media (pointer:coarse){body:has(>#app>.shell){overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}#app:has(>.shell){flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}#app:has(>.shell)>.app-header{flex-shrink:0}html:not([data-mobile-screen]) #app:has(>.shell)>.shell{flex:1;height:auto;min-height:0}}.app-header .local-recovery-status[hidden]{display:none}html:not([data-mobile-screen]) .app-header{gap:12px}html:not([data-mobile-screen]) .app-header .project-title{flex-shrink:1;width:clamp(130px,20vw,280px);min-width:0}html:not([data-mobile-screen]) .app-header .cloud-state{color:var(--text-disabled);opacity:.7;flex:none;align-items:center;margin-left:-4px;display:inline-flex}html:not([data-mobile-screen]) .app-header .cloud-state[data-cloud=true]{color:var(--state-active);opacity:1}.cloud-state .ui-icon,.cloud-state svg{width:15px;height:15px}html:not([data-mobile-screen]) .app-header>.header-space{min-width:8px}html:not([data-mobile-screen]) .app-header .share-session,html:not([data-mobile-screen]) .app-header .midi-status,html:not([data-mobile-screen]) .app-header .account-entry,html:not([data-mobile-screen]) .app-header #project,html:not([data-mobile-screen]) .app-header #feedback{white-space:nowrap;flex-shrink:0;height:36px;min-height:36px;max-height:36px;padding:0 12px}html:not([data-mobile-screen]) .app-header .library-toggle{order:1;width:36px;height:36px;margin-left:4px}.transport{align-items:center;gap:18px;min-height:64px;padding-bottom:13px;display:flex}.transport-group,.tools{align-items:center;gap:4px;padding:4px;display:flex}.transport-group:not(:where(.sc-well)),.tools:not(:where(.sc-well)){background:var(--surface-panel);border-radius:var(--control-radius)}.icon-button.active,.tools .active{color:var(--mint)}.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);border-radius:var(--radius-tile);font-variant-numeric:tabular-nums;font:var(--font-heading);letter-spacing:var(--tracking-heading);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)}.transport-spacer{flex:1}.timeline-bottom{align-items:center;gap:15px;height:42px;padding:0 2px;display:flex}.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}@media (width>=1700px){.transport{gap:24px}}@media (width<=1300px){.transport{gap:11px}.transport-group{gap:4px}}@media (height<=800px){.transport{min-height:57px}.timeline-bottom{flex-shrink:0;height:32px}}@media (width<=680px){.transport{gap:9px;overflow:auto}.transport-group{gap:3px}.tools,.volume,.snap,.readout-label:first-of-type{display:none}.readout-label output{min-width:90px;font:var(--font-body);letter-spacing:var(--tracking-body)}}#zoom-controls .follow-playhead{border-radius:var(--radius-medium);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);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)}body:has(.editor.show-mixer) :is(.dock,.timeline-bottom){display:none}.transport-record{width:34px;height:34px;font:var(--font-heading);letter-spacing:var(--tracking-heading)}.transport-record.recording{color:var(--text-primary);background:#bc3449;box-shadow:0 0 0 2px #ed586633}@media (width>=1001px){.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}}@media (width>=1700px){.transport,.browser-heading{height:69px;min-height:69px}}@media (width>=1001px) and (pointer:fine){.transport{box-sizing:border-box;gap:16px;height:56px;min-height:56px;padding:0 0 12px}.transport-group,.transport .tools{box-sizing:border-box;flex-shrink:0;gap:4px;height:44px;padding:4px}.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:var(--radius-row);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)}}.metronome-control{flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.metronome-options{width:20px;padding:3px!important}.metronome-options svg{width:14px;height:14px}.metronome-count{text-align:center;color:var(--state-record);font:var(--font-caption);font-variant-numeric:tabular-nums;z-index:25;position:absolute;top:100%;left:0;right:0}.metronome-popover{flex-direction:column;gap:18px;width:280px;padding:20px;display:flex}.metronome-field{font:var(--font-caption);justify-content:space-between;align-items:center;gap:16px;display:flex}.metronome-field select{width:130px}.metronome-volume{font:var(--font-caption);grid-template-columns:1fr auto;gap:12px;display:grid}.metronome-volume input{grid-column:1/-1;width:100%}.metronome-help{color:var(--text-secondary);font:var(--font-caption);margin:0}.metronome-popover,.meter-popover{box-sizing:border-box;width:min(300px,100vw - 24px);color:var(--text-primary);font:var(--font-body);flex-direction:column;gap:16px;padding:16px;display:flex}.metronome-field{font:var(--font-caption);gap:12px;min-height:30px}.metronome-field>span{white-space:nowrap;flex:1}.metronome-field .plugin-power{border-radius:var(--radius-popup);--plugin-accent:var(--state-active);flex:none;width:auto;padding:0}.metronome-field select{width:132px;min-height:30px}.metronome-volume{color:var(--text-secondary);gap:8px}.metronome-volume output{color:var(--text-primary);font-variant-numeric:tabular-nums}.metronome-help{font:var(--font-caption);border-top:1px solid var(--border-subtle);padding-top:12px}:is(.time-signature-readout,.key-readout){font-variant-numeric:tabular-nums;flex:none;min-height:38px}:is(.time-signature-readout,.key-readout):not(:where(.sc-button,.sc-select,.sc-input,.sc-icon-button,.sc-root)){font:var(--font-heading);border-radius:var(--radius-tile);background:var(--surface-sunken);color:var(--state-active);letter-spacing:var(--tracking-heading);border:0;padding:6px 12px}#clock,.readout-label output,.readout-label input,.transport .ui-input--readout{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#clock{contain:layout paint;position:relative}#clock:before{content:attr(data-face);visibility:hidden}#clock>.clock-time{display:inherit;align-items:inherit;justify-content:inherit;padding:inherit;contain:size layout style;position:absolute;inset: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-radius:var(--radius-tile);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)}@media (width<=680px){.meter-scale{display:none}.mixer-button{width:40px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}}.console{border-radius:var(--surface-radius);background:var(--surface-panel);scrollbar-color:var(--text-muted) var(--surface-overlay);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);border-radius:var(--radius-tile);color:var(--text-primary);white-space:nowrap;font:var(--font-body);letter-spacing:var(--tracking-body);border:0;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex;overflow:hidden}.channel-name i{border-radius:var(--radius-small);background:var(--color);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;border-radius:var(--radius-row);white-space:nowrap;text-overflow:ellipsis;font:var(--font-caption);letter-spacing:var(--tracking-caption);border:1px solid #0000;padding:4px 9px;overflow:hidden}.insert-slot:not(.empty-slot):after{content:"";border-radius:var(--radius-xs);background:#ad93f5;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-loop-row{align-items:center;min-height:28px;display:flex}.channel-loop-mode{border:1px solid var(--border-strong);border-radius:var(--radius-row);background:var(--surface-sunken);width:100%;min-height:28px;color:var(--text-secondary);font:var(--font-caption);white-space:nowrap;text-overflow:ellipsis;padding:3px 6px;overflow:hidden}.channel-loop-mode[data-active=true]{color:var(--text-primary);border-color:var(--action-primary)}@media (pointer:coarse){.channel-loop-row,.channel-loop-mode{min-height:40px}}.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{border-radius:var(--radius-row);background:#0c0e10;width:7px;box-shadow:inset 1px 0 3px #000,1px 0 #34373d}input.channel-fader::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-medium);width:27px;height:45px;transition:box-shadow var(--anim-snap), filter var(--anim-snap), scale var(--anim-snap);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;margin-left:-10px;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff18}input.channel-fader::-moz-range-track{border-radius:var(--radius-row);background:#0c0e10;width:7px}input.channel-fader::-moz-range-thumb{border-radius:var(--radius-medium);background:repeating-linear-gradient(0deg,#353a3f 0 3px,#464c52 3px 4px);border:1px solid #45494e;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{border-radius:var(--radius-small);background:var(--surface-sunken);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--shadow-color) 46.67%,transparent);flex:1;position:relative;overflow:hidden}.channel-meters b>.meter-bar-scale{border-radius:var(--radius-small);background:linear-gradient(#ff505c 0%,#ffbb35 22%,#85cd75 59%,#05d8b1 85%)}.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-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)}}@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}}@media (prefers-reduced-motion:reduce){input.channel-fader::-webkit-slider-thumb{transition:none}}.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)}.track-row.inaudible .track-name i,.channel-strip.inaudible .channel-name i{filter:grayscale();opacity:.45}.channel-strip.inaudible .channel-meters{opacity:.3}.editor.show-mixer .console{height:100%}.channel-source{height:27px}@media (height<=850px){.channel-source{height:22px}}.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);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--text-primary) 1.18%,transparent);color:var(--text-secondary);align-items:center;padding:4px 9px;display:flex}.channel-insert-row{border-radius:var(--radius-medium);background:var(--surface-sunken);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,.channel-sends>.empty-slot{border-radius:var(--radius-medium);border:1px dashed var(--border-subtle)}.channel-insert-row .insert-slot.bypassed{opacity:.45}.insert-power,.insert-arrow{width:23px;height:27px;color:var(--text-secondary);border-radius:var(--radius-medium);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}.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}.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}}.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}.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}}@media (width>=1700px){.editor>.meter .meter-scale{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.editor>.meter .mixer-button{width:100%}}@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}}.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;min-height:540px}@media (height<=800px){.console .channel-strip{min-height:480px}}.console .channel-insert-row .insert-slot{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.console{overflow-y:auto}.console .channel-input{height:64px;min-height:64px}@media (height<=760px){.console .channel-input{height:56px;min-height:56px}}.insert-power[aria-pressed=true]:hover{color:#b6a0f3}.insert-power[aria-pressed=false],.insert-power[aria-pressed=false]:hover{color:var(--text-muted)}.console .channel-strip .channel-inserts{flex:none;max-height:none;overflow:visible}.console .channel-strip{height:max-content;min-height:100%;max-height:none}.console .channel-midi-fx{height:calc(20px + var(--midi-slot-rows,1)*32px);flex-direction:column;gap:4px;min-height:0;display:flex}.console .channel-midi-slots{scrollbar-width:thin;flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.console .channel-midi-slots>.channel-insert-row,.console .channel-midi-slots>.empty-slot{flex:0 0 28px;min-height:28px}.console .channel-midi-slots .insert-slot,.console .channel-midi-slots .insert-power,.console .channel-midi-slots .insert-arrow{height:28px;min-height:28px}.console .channel-sends>.insert-slot.empty-slot{flex-shrink:0;width:100%;height:28px;min-height:28px}.channel-input.drop-insert{outline:2px solid var(--accent);border-radius:var(--radius-row)}#clock{will-change:transform}.editor>.meter .meter-scale{padding:0;display:block;position:absolute;inset:4px 0 4px 44px}.editor>.meter .meter-scale span{top:calc(var(--meter-db) / 54 * 100%);position:absolute;transform:translateY(-50%)}.editor>.meter .meter-scale span:first-child{--meter-db:0}.editor>.meter .meter-scale span:nth-child(2){--meter-db:6}.editor>.meter .meter-scale span:nth-child(3){--meter-db:12}.editor>.meter .meter-scale span:nth-child(4){--meter-db:18}.editor>.meter .meter-scale span:nth-child(5){--meter-db:24}.editor>.meter .meter-scale span:nth-child(6){--meter-db:30}.editor>.meter .meter-scale span:nth-child(7){--meter-db:42}.editor>.meter .meter-scale span:nth-child(8){--meter-db:54}@media (width>=1700px){.editor>.meter .meter-scale{top:6px;bottom:6px;left:72px}}.editor>.meter .meter-scale{container-type:size}@container (height<=200px){.editor>.meter .meter-scale span:is(:nth-child(2),:nth-child(4),:nth-child(6)){display:none}}@container (height<=110px){.editor>.meter .meter-scale span:is(:nth-child(3),:nth-child(7)){display:none}}.channel-strip.stack-strip,.channel-strip.stack-child-strip{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--action-primary) 70%,transparent)}.channel-strip.stack-child-strip{background:color-mix(in srgb,var(--action-primary) 5%,transparent)}.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:var(--surface-radius);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:not(.sc-tab){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)}.sound{cursor:grab;align-items:center;gap:11px;padding:9px 0;display:flex}.sound-art{border-radius:var(--radius-tile);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);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);border-radius:var(--radius-popup);min-height:99px;color:var(--text-secondary);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}.drop-target{background-color:var(--surface-control)!important;box-shadow:inset 0 0 0 2px #30cda7!important}@media (hover:hover) and (pointer:fine){.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)}}@media (width>=1700px){.browser-body{padding:24px}.sound-art{width:60px;height:65px}.sound{padding:12px 0}}@media (width<=1300px){.browser-body{padding:17px 14px}}@media (width<=1000px){.browser{display:none}}.sound-meta span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.browser-body>*{flex-shrink:0}.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:var(--radius-card);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:not(.sc-tab){color:var(--studio-text);white-space:nowrap;font:var(--font-body);letter-spacing:var(--tracking-body)}.browser-tabs button.active:not(.sc-tab){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{border-radius:var(--radius-popup);background:var(--studio-search);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{border-radius:var(--radius-popup);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);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}.sound{border-radius:var(--radius-card);min-width:0;transition:background-color var(--anim-snap),border-color var(--anim-snap);border:2px solid #0000;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{border-radius:var(--radius-row);background:var(--studio-surface);border:0;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{place-items:center;width:28px;height:28px}.sound-more:not(:where(.sc-button,.sc-select,.sc-input,.sc-icon-button,.sc-root)){color:var(--studio-muted);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);border-radius:var(--radius-small);font:var(--font-caption);letter-spacing:var(--tracking-caption);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}}.browser,.editor{position:relative}.browser{overflow:visible}.preset-storage-note{color:var(--muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:14px 0}@media (width>=1001px) and (pointer:fine){.browser-heading{box-sizing:border-box;height:56px;min-height:56px}}.track-row.drop-target{box-shadow:inset 0 0 0 1px var(--text-muted)}.track-row.drop-refused{box-shadow:inset 0 0 0 1px var(--state-danger);background:var(--state-danger-surface)}html.drag-not-allowed,html.drag-not-allowed *{cursor:not-allowed!important}.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}.library-drawer{z-index:65;width:clamp(320px,var(--library-width,380px),min(600px,calc(100vw - 32px)));background:var(--surface-panel);border-left:1px solid var(--border-default);box-shadow:-18px 0 40px -24px var(--shadow-color);transform:translateX(var(--drawer-swipe-movement-x,0px));transition:transform var(--anim-snap);display:flex;position:fixed;top:70px;bottom:0;right:0}.library-drawer[data-starting-style],.library-drawer[data-ending-style],.library-drawer[data-closed]{transform:translate(100%)}.library-drawer[data-closed]{visibility:hidden;transition:transform var(--anim-snap),visibility 0s var(--anim-snap)}@media (prefers-reduced-motion:reduce){.library-drawer{transition:none}}.library-drawer-body{flex:1;min-width:0;min-height:0;display:flex}.library-drawer .browser{width:auto;min-width:0;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;display:flex;position:static;transform:none}.library-drawer .browser-heading{padding:14px 16px 6px}.library-drawer .browser-body{gap:12px;padding:8px 16px 16px}.library-drawer .sound{border-radius:var(--radius-tile);border-width:1px;align-items:center;gap:12px;margin:0 0 4px;padding:8px}.library-drawer .sound-meta{flex:auto;gap:2px;min-width:0}.library-drawer .sound-meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-drawer .sound-actions{flex:none;gap:6px;padding:0}.browser-heading{position:relative}.browser-heading .library-close{width:36px;height:36px;padding:7px;position:absolute;top:8px;right:0}.library-drawer-viewport{z-index:65;pointer-events:none;position:fixed;inset:0}.library-drawer-viewport .library-drawer{pointer-events:auto}.library-drawer .browser-heading{align-items:center;gap:10px;min-height:52px;padding:10px 8px 6px 12px;display:flex}.library-drawer .browser-heading .library-close{width:32px;height:32px;margin-left:auto;padding:6px;position:static}.library-drawer .browser-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 12px 0;display:flex;overflow:hidden}.library-drawer #library{overscroll-behavior:contain;flex:auto;min-height:0;margin:0 -4px;padding:0 4px 12px;overflow-y:auto}.library-drawer .track-preset-library{flex:auto;min-height:0;padding-bottom:12px;overflow-y:auto}.library-drawer .browser-tabs{align-items:center;gap:2px;margin:0;display:flex}.library-drawer .browser-tabs>button:not(.icon-button):not(.sc-tab){border-radius:var(--radius-row);padding:5px 10px}.library-drawer .browser-tabs>.icon-button{width:32px;height:32px;margin-left:auto;padding:6px}.library-drawer label.search{border:1px solid var(--border-subtle);border-radius:var(--radius-row);background:var(--surface-sunken);align-items:center;gap:8px;height:34px;min-height:34px;margin:0;padding:0 10px;display:flex}.library-drawer label.search svg{width:16px;height:16px;color:var(--text-secondary);flex:none}.library-drawer label.search input{flex:1;min-width:0}.library-drawer .library-filters{background:0 0;border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;display:grid}.library-drawer .library-filters>label{min-width:0;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;gap:4px;display:flex}.library-drawer .library-filters .ui-button{width:100%}.library-drawer .sound{border-radius:var(--radius-tile);border:1px solid #0000;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;margin:0;padding:6px 8px;display:grid}.library-drawer .sound-art{border-radius:var(--radius-row);width:40px;height:40px}.library-drawer .sound-meta{flex-wrap:wrap;align-items:baseline;gap:1px 6px;min-width:0;display:flex}.library-drawer .sound-meta strong{white-space:nowrap;text-overflow:ellipsis;flex:1 0 100%;min-width:0;overflow:hidden}.library-drawer .sound-meta span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.library-drawer .sound-actions{flex-direction:row-reverse;align-items:center;gap:4px;padding:0;display:flex}.library-drawer .sc-sound-row .sound-more{min-width:28px;min-height:28px}.library-drawer .sound-duration{color:var(--text-secondary);background:0 0;padding:0}.library-drawer .sound.is-selected{border-color:color-mix(in srgb,var(--studio-selection) 70%,transparent);background:color-mix(in srgb,var(--studio-selection) 8%,transparent)}@media (hover:hover) and (pointer:fine){.library-drawer .sound .sound-more{opacity:0;transition:opacity var(--anim-snap)}.library-drawer .sound:hover .sound-more,.library-drawer .sound.is-selected .sound-more,.library-drawer .sound:focus-within .sound-more{opacity:1}}.library-drawer .sound-meta,html[data-mobile-screen] .browser .sound-meta{grid-template-columns:minmax(0,max-content) auto;justify-content:start;align-items:baseline;column-gap:6px;display:grid}.library-drawer .sound-meta strong,html[data-mobile-screen] .browser .sound-meta strong{grid-column:1/-1}.library-drawer .sound-meta span,html[data-mobile-screen] .browser .sound-meta span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.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:var(--radius-card);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{--vel:.8;background:hsl(calc(232 - var(--vel) * 232) 72% calc(46% + var(--vel) * 16%));color:#fff;border-radius:var(--radius-small);cursor:grab;-webkit-user-select:none;user-select:none;min-width:6px;height:14px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border:1px solid #00000059;padding:0 5px;position:absolute;overflow:hidden}.midi-note.selected,.midi-note.editing{outline-offset:-1px;box-shadow:0 0 0 2px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);filter:brightness(1.12);z-index:2;outline:2px solid #fff}.midi-note.erasing{opacity:.3}.midi-note.note-copy-ghost{opacity:.6;outline-offset:-1px;z-index:3;outline:1px dashed #fff}.note-edge.note-start{left:-1px;right:auto}.piano-editor[data-tool=pencil] .piano-grid,.piano-editor[data-tool=pencil] .piano-grid .midi-note{cursor:var(--cursor-pencil,crosshair)}.piano-editor[data-tool=velocity] .piano-grid,.piano-editor[data-tool=velocity] .piano-grid .midi-note{cursor:var(--cursor-velocity,ns-resize)}.piano-editor[data-tool=eraser] .piano-grid,.piano-editor[data-tool=eraser] .piano-grid .midi-note{cursor:var(--cursor-eraser,not-allowed)}.piano-editor[data-tool=scissors] .piano-grid,.piano-editor[data-tool=scissors] .piano-grid .midi-note{cursor:var(--cursor-scissors,crosshair)}.piano-editor[data-tool=mute] .piano-grid,.piano-editor[data-tool=mute] .piano-grid .midi-note{cursor:var(--cursor-mute,pointer)}.piano-editor:not([data-tool=pointer]) .piano-grid .note-edge{cursor:inherit}html[data-held-tool=velocity] .piano-editor .piano-grid .midi-note{cursor:var(--cursor-velocity,ns-resize)}html[data-held-tool=marquee] .piano-editor .piano-grid,html[data-held-tool=marquee] .piano-editor .piano-grid .midi-note{cursor:crosshair}.midi-note.muted{opacity:.45;background-image:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--surface-canvas) 55%, transparent) 4px 6px)}.velocity-bar.muted{opacity:.35}.piano-scroll.panning{cursor:grabbing}.piano-grid-division{flex:none;width:112px}.piano-toolbar{flex-wrap:wrap;row-gap:6px}.piano-toolbar>*{white-space:nowrap;flex:none}.midi-controller-header .piano-hint{flex:1 1 0;min-width:0}.piano-hint{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.midi-note.editing{cursor:grabbing}.note-edge{cursor:ew-resize;width:min(6px,25%);height:100%;position:absolute;top:0;right:-1px}@media (height<=850px){.note-dock{height:280px}}.note-dock #dock-content{height:calc(100% - 39px)}.piano-key,.midi-note{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.piano-ruler-seek{cursor:ew-resize}.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;will-change:transform;background:#4be2c3;width:1px;position:absolute;top:0;bottom:0;left:0}.dock:not(.note-dock){height:218px}.dock:not(.note-dock) #dock-content{height:179px}.dock,.dock.note-dock,.dock:not(.note-dock){height:var(--dock-height,212px);min-height:0;position:relative;overflow:visible}.dock.note-dock{height:var(--note-dock-height,clamp(300px,48dvh,560px));max-height:calc(100dvh - 240px)}.dock #dock-content,.dock:not(.note-dock) #dock-content,.note-dock #dock-content{height:calc(100% - 39px);min-height:0}.midi-dialog p{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body)}.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{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.midi-fx-add button{border-radius:var(--radius-medium);background:var(--surface-control);padding:8px 12px}.midi-fx-power[aria-pressed=true]{color:#46dab3}.midi-fx-add{flex-wrap:wrap;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);border-radius:var(--radius-medium);width:100%;min-height:34px;color:var(--text-primary);padding:6px 9px}.midi-fx-field output{font-variant-numeric:tabular-nums}.midi-fx-footer{align-items:center;gap:10px;display:flex}.midi-fx-footer>:last-child{margin-left:auto}.midi-fx-input{align-items:center;gap:16px;display:flex}.midi-fx-inline{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:8px;display:flex}@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}}.midi-controller-lane{border-top:1px solid var(--border-default);background:var(--surface-panel);flex-shrink:0}.midi-controller-header{font:var(--font-caption);color:var(--text-secondary);align-items:center;gap:16px;padding:4px 12px;display:flex}.midi-controller-header select{width:190px}.midi-controller-header .midi-controller-collapse{width:18px;height:18px;min-height:0;color:var(--text-secondary);border-radius:var(--radius-small);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.midi-controller-header .midi-controller-collapse:hover{color:var(--text-primary)}.midi-controller-header .midi-controller-collapse svg{width:14px;height:14px;transition:transform var(--anim-snap)}.midi-controller-header .midi-controller-collapse[aria-pressed=true] svg{transform:rotate(90deg)}.midi-controller-header .midi-controller-more{flex:none;margin-left:auto}.midi-controller-lane.collapsed .midi-controller-header{padding-block:2px}.midi-controller-viewport{touch-action:none;height:100px;overflow:hidden}.midi-velocity-lane{touch-action:none;cursor:crosshair;border-top:1px solid var(--border-subtle);height:72px;overflow:hidden}.midi-velocity-inner{height:100%;position:relative}.velocity-bar{border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:color-mix(in srgb,var(--state-active) 70%,transparent);pointer-events:none;width:3px;margin-left:-1px;position:absolute;bottom:0}.velocity-bar:before{content:"";background:var(--state-active);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-2px}.velocity-bar.selected,.velocity-bar.selected:before{background:var(--text-primary)}.midi-controller-viewport svg{width:var(--controller-width);cursor:crosshair;max-width:none;height:100px;display:block}.midi-controller-viewport path{fill:none;stroke:var(--state-active);stroke-width:1.5px;pointer-events:none}.midi-controller-viewport circle{fill:var(--state-active);stroke:var(--surface-panel);stroke-width:2px;cursor:grab}.midi-controller-viewport circle:focus{stroke:var(--text-primary);outline:none}.midi-fx-rack{display:contents}#dock-content[data-view=midiFx] .midi-fx-add{flex-shrink:0;align-self:stretch;min-height:148px}@media (width<=760px),(width<=1000px) and (pointer:coarse){html[data-mobile-screen=editor] #dock-content[data-view=midiFx] .midi-fx-add{min-height:60px}}.midi-velocity-lane:not(:has(.velocity-bar)){display:none}.midi-output-row{gap:var(--space-3);padding-block:var(--space-4);border-top:1px solid var(--border-subtle);display:grid}.midi-output-heading{align-items:center;gap:var(--space-3);display:flex}.midi-output-heading h3{font:var(--font-caption);color:var(--text-secondary);white-space:nowrap;margin:0}.midi-output-heading select{flex:1;min-width:0}.midi-output-row>.ui-form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.knob{width:var(--knob-size,27px);height:var(--knob-size,27px);background:conic-gradient(from 20deg, var(--border-strong), var(--surface-panel), var(--border-strong), var(--surface-overlay), var(--border-strong));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:"";left:calc(50% - 1.5px);top:calc(var(--knob-size,27px)*.148);width:3px;height:calc(var(--knob-size,27px)/3);background:var(--text-secondary);border-radius:var(--radius-xs);transform-origin:1.5px calc(var(--knob-size,27px)*.352);transform:rotate(var(--angle));pointer-events:none;position:absolute}.knob input[type=range]{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}.dock{flex-shrink:1;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);min-width:260px;max-width:440px;transition:opacity var(--anim-snap);flex:1;padding:24px}.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}.add-device{border:1px dashed var(--border-strong);border-radius:var(--surface-radius);min-width:85px;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;padding:15px;display:flex}.add-device svg{width:20px}.device:has(+.add-device):first-child{max-width:380px}@media (hover:hover) and (pointer:fine){.text-button:hover,.dock-tab:hover{color:var(--text-primary)}}@media (width>=1700px){.device{padding-left:28px;padding-right:28px}}@media (width<=1300px){.device{min-width:240px;padding:19px 17px}.device-preset{font:var(--font-caption);letter-spacing:var(--tracking-caption)}}@media (width<=1000px){.dock{height:190px}#dock-content{height:150px}}@media (height<=800px){.dock{height:185px}#dock-content{height:145px}.device{padding:18px}}@media (width<=680px){.dock-track{display:none}.device{min-width:270px}.dock{height:185px}}.device-name,.device-preset,.parameter>span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}#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:var(--radius-medium);width:20px;height:22px;margin-left:auto}.device-pages{scrollbar-width:thin;flex-wrap:nowrap;flex:1 1 0;justify-content:flex-start;align-items:center;gap:0;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.device-pages+.device-more{margin-left:4px}@media (hover:hover) and (pointer:fine){.device .device-more:hover{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent);color:var(--text-primary)}}.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 var(--anim-snap)}.device-pages{padding-left:12px}@media (prefers-reduced-motion:reduce){#dock-content.device-dragging .device{transition:none}}#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}.studio-ready .dock{animation-delay:60ms}.dock-tab,.page-dot,.track-control{transition:color var(--anim-snap),background-color var(--anim-snap),box-shadow var(--anim-snap)}.knob,.knob input[type=range]{touch-action:none;-webkit-user-select:none;user-select:none}.knob{transition:box-shadow var(--anim-snap)}.knob.adjusting{box-shadow:inset 0 1px 1px #ffffff35,0 0 0 2px #77dbca80,0 4px 7px #0007}.knob-value{z-index:30;border-radius:var(--radius-medium);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 var(--anim-snap);font:var(--font-caption);letter-spacing:var(--tracking-caption);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);border-radius:var(--radius-medium);background:0 0;border:0;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{width:560px;height:620px;min-width:min(var(--plugin-min-width,520px),calc(100vw - 16px));resize:both;border:1px solid var(--border-strong);border-radius:var(--radius-popup);background:var(--surface-overlay);max-width:calc(100vw - 16px);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%;outline:none;flex-direction:column;display:flex;position:fixed;overflow:hidden}.plugin-window-header{z-index:3;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;position:relative}.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);border-radius:var(--radius-medium);font:var(--font-heading);letter-spacing:var(--tracking-heading);background:0 0;border:0}.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}.plugin-search{border:1px solid var(--border-strong);border-radius:var(--radius-row);background:var(--surface-canvas);width:100%;color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body);padding:11px 12px}.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);border-radius:var(--radius-medium);background:var(--surface-control);color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);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{border-radius:0 0 var(--radius-medium) var(--radius-medium);font:var(--font-caption);letter-spacing:var(--tracking-caption);border:0;flex:1;justify-content:center;align-items:end;padding-bottom:7px;display:flex}.plugin-keyboard .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}#dock-content[data-view=effects] .device,#dock-content[data-view=plugins] .device{align-self:flex-start;min-height:155px}.plugin-window{background:var(--surface-input);border-color:var(--border-strong);border-radius:var(--radius-popup)}.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:var(--radius-tile);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-power{min-height:36px;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:6px 4px;display:inline-flex}.plugin-power i{border-radius:var(--radius-popup);background:var(--border-strong);width:42px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 3.14%,transparent);flex:none;position:relative}.plugin-power i:after{content:"";background:var(--text-secondary);width:18px;height:18px;transition:transform var(--anim-snap),background-color var(--anim-snap);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(18px)}.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{transition:none}}.plugin-window:has(.effect-controls){min-height:180px}.plugin-window-header{gap:10px;padding:6px 12px}.plugin-window-header>strong{min-width:0;font:var(--font-body);letter-spacing:var(--tracking-body);flex-direction:column;gap:0;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-header>.plugin-ui-scale{align-items:center;height:auto;display:flex}.plugin-window-actions{flex:none;align-items:center;gap:5px;margin-left:auto;display:flex}.plugin-window-actions>.plugin-window-minimise,.plugin-window-actions>.plugin-window-close{background:color-mix(in srgb,var(--text-primary) 6%,transparent);width:22px;min-width:22px;height:22px;min-height:22px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--anim-snap),color var(--anim-snap);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.plugin-window-actions>.plugin-window-minimise svg,.plugin-window-actions>.plugin-window-close svg{width:13px;height:13px}.plugin-window-actions>.plugin-window-minimise:hover,.plugin-window-actions>.plugin-window-minimise[aria-pressed=true]{background:color-mix(in srgb,var(--text-primary) 14%,transparent);color:var(--text-primary)}.plugin-window-actions>.plugin-window-close:hover{background:var(--state-record);color:var(--text-primary)}.plugin-window-actions>button:focus-visible{outline:2px solid var(--button-focus);outline-offset:2px}.plugin-window.minimised{resize:none;height:auto!important;min-height:0!important}.plugin-window.minimised>:not(.plugin-window-header){display:none!important}.plugin-window.minimised>.plugin-window-header{border-bottom:0}.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-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}.plugin-window:focus{outline:none}.device-preset-bar{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--shadow-color) 13.33%,transparent);border-radius:var(--radius-row);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;flex:1;justify-content:space-between;min-width:0;overflow:hidden}.device-preset-action{border-radius:var(--radius-medium);width:28px;height:28px;color:var(--text-secondary);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}.plugin-control.plugin-enum{grid-column:1/-1}.plugin-enum output{display:none}.plugin-choice{border:1px solid var(--border-strong);border-radius:var(--radius-row);background:var(--surface-overlay);width:100%;min-height:36px;color:var(--text,var(--text-primary));font:inherit;cursor:pointer;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-editor .plugin-section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=600px){.drum-editor .plugin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-replace{border-radius:var(--radius-medium);text-overflow:ellipsis;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;border-radius:var(--radius-medium);background:0 0;border:0;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:var(--radius-medium);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-pages:has(>button:only-child){display:none}.plugin-window.has-custom-panel{width:min(880px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.custom-panel[hidden],.plugin-window-body [hidden]{display:none!important}.plugin-ui-scale{flex:none;width:78px;height:28px;min-height:28px;padding-top:3px;padding-bottom:3px}.plugin-ui-scale:not(:where(.sc-button,.sc-select,.sc-input,.sc-icon-button,.sc-root)){font:var(--font-caption);letter-spacing:var(--tracking-caption)}.plugin-window-content{transform-origin:0 0;display:flow-root}.plugin-window.has-custom-panel{overflow:hidden}.plugin-window-header{flex-wrap:nowrap;gap:10px}.plugin-window-header>strong{min-width:90px}.plugin-window-header>.plugin-power,.plugin-window-header>.plugin-window-close{flex:none}.plugin-window-header>.device-preset-bar{flex:1;min-width:120px;max-width:240px;margin:0;padding:0}.plugin-window-header>.device-preset-bar .device-preset-choose{min-width:0}.plugin-window-header>.plugin-ui-scale{flex:none;width:76px;min-height:28px}.plugin-window-content>.panel-view-switch{gap:4px;margin-bottom:12px;display:flex}@media (width<=600px){.plugin-window-header{flex-wrap:wrap}.plugin-window-header>.device-preset-bar{flex-basis:100%;order:3;max-width:none}.plugin-window-header>strong{min-width:100px}}@media (width>=1001px){#dock-tabs{gap:var(--space-2)}.dock-tab,.device-name,.device-preset{font:var(--font-body);letter-spacing:var(--tracking-body)}}.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}.device :is(.parameter--segmented,.parameter--stepper){grid-template-rows:38px 18px;gap:2px}.device .parameter--segmented .sc-segmented{width:100%;min-width:0}.device .parameter--segmented .sc-segment{min-width:0;padding-inline:var(--space-half)}.device .parameter--stepper .sc-number-group{justify-content:center;width:100%}.device .parameter--stepper .sc-input{text-align:center;width:40px;min-width:0;color:var(--accent)}.device .parameter--note .sc-input{width:52px;color:var(--text-primary)}@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}}.plugin-window-header>.plugin-cpu{min-width:57px;font:var(--font-caption);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-caption);color:var(--text-secondary);opacity:.65;white-space:nowrap;will-change:transform;flex:none}.knob .ui-parameter-editor{opacity:1;-webkit-user-select:text;user-select:text;touch-action:auto;cursor:text;background:var(--neutral-900);width:90px;height:30px;color:var(--text-primary);border:1px solid var(--accent);border-radius:var(--radius-medium);z-index:10;font:inherit;text-align:center;padding:3px 5px;position:absolute;inset:100% auto auto 50%;transform:translate(-50%)}.plugin-window-header .plugin-device-choose{width:100%;min-width:0;max-width:260px;min-height:28px;font:var(--font-body);text-align:left;touch-action:manipulation;align-items:center;gap:8px;padding:4px 8px;display:flex}.plugin-window-header .plugin-device-choose>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.plugin-window-header .plugin-device-choose>svg{flex:none;width:14px;height:14px}.plugin-window-header .plugin-device-choose:after{display:none}.plugin-ui-scale .sc-select{width:100%;min-width:0;height:28px;min-height:28px;font:var(--font-caption);padding:3px 6px}#dock-content[data-view=midiFx]{align-items:stretch;padding:4px 2px 12px;overflow:auto hidden}@media (width<=760px),(width<=1000px) and (pointer:coarse){html[data-mobile-screen=editor] #dock-content[data-view=midiFx]{flex-direction:column;overflow:auto}}.plugin-window .hardware-section .plugin-section-grid{flex-direction:column;gap:12px;display:flex}.plugin-window .hardware-section .plugin-enum .plugin-choice{margin-top:0}.hardware-row .hardware-number{width:96px}.hardware-status{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);max-width:44ch;margin:0}.hardware-status:empty{display:none}.plugin-window .hardware-section .hardware-row{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);justify-content:space-between;align-items:center;gap:12px;display:flex}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,.timeline-scroll{border-radius:var(--radius-card);background:var(--studio-panel);flex:1;min-width:0;position:relative;overflow:auto}.timeline{min-height:100%;position:relative}.ruler{background:var(--surface-overlay);border-radius:var(--radius-popup) var(--radius-popup) 0 0;z-index:8;border-bottom:12px solid var(--border-strong);cursor:crosshair;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}@property --beat{syntax:"<length>";inherits:false;initial-value:0}.track-row{height:var(--arrange-track-height,128px);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;transition:transform var(--anim-snap);position:relative}.track-row.far-row>.track-lane{content-visibility:auto}.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}.track-name{background:color-mix(in srgb,var(--shadow-color) 14.9%,transparent);border-radius:var(--radius-row);white-space:nowrap;min-width:110px;max-width:125px;height:34px;font:var(--font-caption);letter-spacing:var(--tracking-caption);gap:8px;padding:0 10px;overflow:hidden}.track-name i{border-radius:var(--radius-small);background:var(--color);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{border-radius:var(--radius-row);background:var(--surface-control);width:25px;height:25px;color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body)}.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}.clip{border-radius:var(--radius-popup);background:var(--color);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;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}.clip:hover .trim:after{opacity:1}.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}.playhead{z-index:7;pointer-events:none;will-change:transform;background:#1cdda3;width:1px;position:absolute;top:44px;bottom:0;left:0}.overview{background:var(--surface-overlay);border-radius:var(--radius-medium);cursor:pointer;flex:1;height:13px;padding:3px;overflow:hidden}.overview span{background:var(--text-muted);border-radius:var(--radius-small);min-width:20px;max-width:100%;height:7px;display:block}@media (hover:hover) and (pointer:fine){.track-control:hover{background:var(--border-strong)}.track-name:hover{background:var(--surface-sunken);color:var(--text-primary)}.clip:hover{filter:brightness(1.025)}}@media (width>=1700px){.track-row{height:var(--arrange-track-height,128px)}}@media (height<=800px){.track-footer{min-height:110px}}.track-name,.clip-title{font:var(--font-caption);letter-spacing:var(--tracking-caption)}@media (height<=850px){.track-row{height:100px}.track-head{padding-top:12px}.track-controls{margin-top:12px}}.timeline{--ruler-height:48px;--cycle-lane-height:28px}.ruler-content>.tick{z-index:1;pointer-events:none;text-indent:7px}.ruler{height:var(--ruler-height);-webkit-user-select:none;user-select:none;overflow:visible}.playhead{top:var(--ruler-height)}.loop-lane{left:var(--track-header-width,180px);height:var(--cycle-lane-height);cursor:crosshair;touch-action:none;position:absolute;top:0;right:0}.loop-region{height:calc(var(--cycle-lane-height) - 6px);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--surface-control) 60%, transparent);min-width:8px;color:var(--text-secondary);cursor:grab;touch-action:none;transition:background var(--anim-snap);border:0;position:absolute;top:3px}.loop-region.enabled{background:color-mix(in srgb, var(--state-active) 24%, var(--surface-overlay));color:color-mix(in srgb, var(--state-active) 45%, var(--text-primary))}.loop-region.editing{cursor:grabbing}.loop-region.editing[data-drag-part=start],.loop-region.editing[data-drag-part=end]{cursor:ew-resize}.loop-region:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--focus-ring);outline-offset:2px}.loop-handle.ui-control{width:min(28px,50% + 8px);min-width:0;height:var(--cycle-lane-height);border-radius:var(--radius-medium);min-height:0;box-shadow:none;color:inherit;cursor:ew-resize;touch-action:none;z-index:2;background:0 0;border:0;padding:0;position:absolute;top:-3px;transform:none}.loop-handle.start{left:-8px}.loop-handle.end{right:-8px}.loop-handle:after{content:"";border-radius:var(--radius-xs);opacity:.7;background:currentColor;width:2px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.loop-handle.start:after{left:12px}.loop-handle.end:after{right:12px}.loop-region.editing,.loop-region.enabled.editing{background:color-mix(in srgb, var(--state-active) 34%, var(--surface-overlay))}@media (hover:hover) and (pointer:fine){.loop-region:hover{background:var(--surface-control-hover)}.loop-region.enabled:hover{background:color-mix(in srgb, var(--state-active) 30%, var(--surface-overlay))}.loop-handle:hover:after{opacity:1}}@media (pointer:coarse){.timeline{--ruler-height:64px;--cycle-lane-height:44px}.loop-handle.ui-control{width:min(44px,50% + 8px)}}@media (prefers-reduced-motion:reduce){.loop-region{transition:none}}.cycle-readout{top:calc(var(--ruler-height) + 4px);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);border-radius:var(--radius-row);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:7px 11px;position:absolute}.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{top:var(--ruler-height);pointer-events:none;z-index:6;background:#50b78d03;border-left:1px dashed #4fbf9938;border-right:1px dashed #4fbf9938;position:absolute;bottom:0}.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}.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));border-radius:0 var(--radius-card) var(--radius-card) var(--radius-card);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);align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:20px;left:15px}.remote-cursor.is-agent>svg{fill:#a38aff}.peer-avatar--agent{color:#a38aff;place-items:center;display:grid}.peer-avatar--agent svg{width:60%;height:60%}.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)}.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:var(--radius-tile);outline:none;margin-top:16px;padding:12px}.comment-form textarea:focus{border-color:#9a8ae3}.comment-form textarea::placeholder{color:var(--text-secondary)}.remote-preview{border:2px dashed var(--peer-color);border-radius:var(--radius-popup);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;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);border-radius:var(--radius-tile) var(--radius-tile) 0 0;white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:6px 10px;display:block;overflow:hidden}.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-fades{pointer-events:none;position:absolute;top:25px;left:0;overflow:visible}.clip-fade-shade{fill:color-mix(in srgb,var(--surface-canvas) 55%,transparent)}.clip-fade-line{fill:none;stroke:color-mix(in srgb,var(--text-primary) 80%,transparent);stroke-width:1.25px;vector-effect:non-scaling-stroke}.fade-handle{z-index:3;cursor:ew-resize;opacity:0;touch-action:none;width:12px;height:12px;transition:opacity var(--anim-snap);position:absolute;top:25px}.fade-handle:after{content:"";border-radius:var(--radius-xs);background:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-canvas) 60%,transparent);position:absolute;inset:2px}.fade-curve{background:var(--surface-canvas);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--text-primary);z-index:3;cursor:ns-resize;opacity:0;touch-action:none;transition:opacity var(--anim-snap);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.clip:hover .fade-handle,.clip.selected .fade-handle,.clip.fading .fade-handle,.clip:hover .fade-curve,.clip.selected .fade-curve,.clip.fading .fade-curve{opacity:1}.fade-curve[hidden]{display:none}.clip.selected .trim{opacity:1}.track-control[data-toggle][aria-pressed=true]{color:var(--text-primary);box-shadow:var(--bevel-accent-soft), 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 .clip.selected{opacity:.65}.track-row .clip{transition:filter var(--anim-snap), opacity var(--anim-snap)}@media (prefers-reduced-motion:reduce){.track-row .clip{transition:none}}@property --arrangement-left{syntax:"<length>";inherits:false;initial-value:180px}.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);height:calc(var(--ruler-height) - 12px);background:var(--surface-overlay);z-index:2;cursor:default;align-items:center;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-marquee{rx:var(--radius-small);ry:var(--radius-small);fill:#ffb45d24;stroke:#ffb45d;stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.automation-readout{z-index:6;border-radius:var(--radius-medium);background:var(--surface-overlay);color:var(--text-primary);font:var(--font-caption);white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px var(--shadow-color);padding:3px 7px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.automation-selector{border-radius:var(--radius-medium);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);padding:3px 7px;position:absolute;bottom:3px;left:12px;right:9px;overflow:hidden}.automation-toggle{position:relative}.automation-toggle[data-mode]:after{content:attr(data-mode);border-radius:var(--radius-medium);background:var(--state-record);min-width:12px;height:12px;color:var(--text-primary);font:var(--font-caption);transform-origin:100% 100%;justify-content:center;align-items:center;padding:0 2px;display:flex;position:absolute;bottom:-3px;right:-3px;transform:scale(.8)}.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}.remote-cursor{transition:transform 40ms linear}@media (prefers-reduced-motion:reduce){.remote-cursor{transition:none}}#timeline[data-tool=cut] .track-lane,#timeline[data-tool=cut] .clip,#timeline[data-tool=cut] .clip *{cursor:var(--cursor-scissors,crosshair)}#timeline[data-tool=comment] .track-lane,#timeline[data-tool=comment] .track-lane *{cursor:var(--cursor-comment,text)}.comment-pins{pointer-events:none;z-index:30;position:absolute;inset:0}.comment-pin{border:2px solid var(--border-strong);border-radius:var(--radius-card) var(--radius-card) var(--radius-card) var(--radius-small);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);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 .clip-title:after{content:"↻ ∞"}.clip.open-loop{border-top-right-radius:0;border-bottom-right-radius:0}.trim.loop-seam{cursor:ew-resize;width:12px;margin-left:-6px}.trim.loop-seam:after{border-left:2px dashed color-mix(in srgb,var(--text-primary) 55%,transparent);opacity:.6;background:0 0;border-radius:0;width:0;height:100%;top:0;left:5px}.clip:hover .trim.loop-seam:after,.clip.selected .trim.loop-seam:after{opacity:1}.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;width:28px;height:28px;transition:background var(--anim-snap),transform var(--anim-snap);background:#159cf4;border-radius:50%;flex:0 0 28px;place-items:center;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 var(--anim-snap),filter var(--anim-snap)}.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);border-radius:var(--surface-radius) var(--surface-radius) var(--surface-radius) var(--radius-small);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);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}.comment-thread .comments-list{padding-right:0}.comment-thread .comment-form{border:1px solid var(--border-strong);border-radius:var(--radius-card);margin-top:12px;padding:10px}.comment-thread .comment-form:focus-within{border-color:#159cf4}.comment-pin:active:not(:disabled){transform:translate(-4px,-24px)}.comment-preview{animation:studio-reveal .14s var(--spring-snappy) both}.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:8px;left:calc(var(--track-header-width,180px) - 8px);cursor:col-resize;top:0;bottom:0}.divider-tracks:after{background:var(--border-strong);width:1px;top:0;bottom:0;left:7px}.editor:has(.timeline-scroll[hidden]) .divider-tracks{display:none}@media (pointer:coarse){.divider-dock{height:24px;top:-12px}.divider-dock:after{top:11px}.divider-library{width:24px;left:-25px}.divider-library:after{left:11px}.divider-tracks{width:24px;left:calc(var(--track-header-width) - 12px)}.divider-tracks:after{left:11px}}.selection-marquee{z-index:45;pointer-events:none;border-radius:var(--radius-small);background:#77dbca18;border:1px solid #77dbca;display:none;position:fixed}.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}#scroll.following-peer{box-shadow:inset 0 0 0 2px var(--peer-color)}.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:var(--radius-medium);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:var(--radius-small);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:var(--radius-medium);outline:1px solid #67ad9f}@media (hover:hover) and (pointer:fine){.overview:not([aria-disabled=true]):hover span:before{background:var(--text-secondary)}}.clip canvas.arrangement-waveform{max-width:none;position:absolute;top:25px}#timeline[data-tool=stretch] .clip:hover .trim:after{background:var(--accent,#00cfa8);opacity:1}.playhead-handle-track{z-index:10;will-change:transform;pointer-events:none;width:0;height:0;position:absolute;bottom:0;left:0}.playhead-handle{will-change:transform;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%);border-radius:var(--radius-xs);background:#37d994;width:11px;height:19px;display:block}.playhead-handle{border-radius:var(--radius-medium)}.playhead-handle:hover,.playhead-handle.scrubbing{background:#37d99418}.playhead-handle.scrubbing{cursor:grabbing}.ruler-content{touch-action:none;cursor:ew-resize}#ruler.scrubbing,#ruler.scrubbing .ruler-content{cursor:grabbing}@media (width>=761px) and (pointer:fine){.track-row{height:var(--arrange-track-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}}:is(.track-row:has(.clip.dragging),.track-row:has(.clip.settling)){z-index:40}.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);border-radius:var(--radius-popup);background:color-mix(in srgb,var(--color) 14%,transparent);pointer-events:none;z-index:3;box-sizing:border-box;height:calc(100% - 3px);position:absolute;top:1px}.clip.pending canvas{opacity:.25}.clip-status{color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:flex;position:absolute;inset:25px 0 0;overflow:hidden}.clip-spinner{border:2px solid color-mix(in srgb,var(--neutral-0) 25%,transparent);border-top-color:var(--text-primary);border-radius:50%;flex:none;width:12px;height:12px;animation:.65s linear infinite button-spin}.track-preset-library{flex-direction:column;gap:2px;padding:0;display:flex;overflow:auto}.track-preset-head{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.track-preset-library h3{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:12px 0 4px}.track-preset-list{flex-direction:column;gap:2px;display:flex}.track-preset-card{border-radius:var(--radius-tile);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;min-height:52px;padding:6px 6px 6px 10px;display:grid}.track-preset-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.track-preset-meta strong,.track-preset-meta small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-preset-meta small{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}@media (hover:hover) and (pointer:fine){.track-preset-card:hover{background:var(--studio-search,var(--surface-control))}.track-preset-card .track-preset-more{opacity:0;transition:opacity var(--anim-snap)}.track-preset-card:hover .track-preset-more,.track-preset-card:focus-within .track-preset-more{opacity:1}}.track-frozen{border-radius:var(--radius-pill);background:var(--state-active-surface);color:var(--state-active);flex:none;margin-left:6px;padding:0 6px}@media (width>=761px) and (pointer:coarse){html:not([data-mobile-screen]) .track-row{height:var(--arrange-track-height,160px)}html:not([data-mobile-screen]) .track-head{flex-direction:column;justify-content:center;gap:4px;padding:6px 8px;display:flex}html:not([data-mobile-screen]) .track-top,html:not([data-mobile-screen]) .track-controls,html:not([data-mobile-screen]) .track-head .record-routing{flex-shrink:0}html:not([data-mobile-screen]) .track-controls{gap:4px;margin-top:0;padding-left:0}html:not([data-mobile-screen]) .track-head .record-routing{gap:2px 4px;margin:0}}.fade-handle:after{background:var(--text-primary);opacity:.9;box-shadow:0 0 0 1.5px color-mix(in oklab, var(--color) 70%, var(--surface-canvas));border-radius:50%;inset:3px}.clip.selected .fade-handle,.clip.selected .fade-curve{opacity:0}.clip.faded .fade-handle{opacity:.45}@media (hover:hover) and (pointer:fine){.clip:hover .fade-handle,.clip:hover .fade-curve,.clip.fading .fade-handle,.clip.fading .fade-curve{opacity:1}}@media (hover:none),(pointer:coarse){.clip.selected .fade-handle,.clip.selected .fade-curve,.clip.fading .fade-handle{opacity:1}}.track-control[data-toggle=mute][aria-pressed=true]{background:var(--text-secondary);color:var(--text-inverse)}.track-control[data-toggle=mute][aria-pressed=true]:hover{background:var(--text-primary)}.track-row.take-folder-open{box-sizing:content-box;padding-bottom:var(--take-lanes-h)}.track-row.take-folder-open .clip{height:calc(100% - 3px - var(--take-lanes-h))}.take-lanes{top:calc(100% - var(--take-lanes-h));height:var(--take-lanes-h);z-index:2;position:absolute}.take-lane{box-sizing:border-box;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-sunken) 70%,transparent);cursor:crosshair;touch-action:none;height:44px;position:absolute;left:0;right:0;overflow:hidden}.take-lane.take-lane-playing{background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}.take-lane.take-sliding{cursor:grabbing;opacity:.85}.take-lane-wave{pointer-events:none;position:absolute;top:2px;left:0}.take-lane-name{z-index:1;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-canvas) 82%,transparent);color:var(--text-secondary);padding:1px 7px;position:absolute;top:3px;left:4px}.take-lane-playing .take-lane-name{color:var(--text-primary)}.take-lane.take-lane-chosen{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 45%,transparent)}.take-lane-chosen .take-lane-name{color:var(--text-primary);background:color-mix(in srgb,var(--state-active) 45%,var(--surface-canvas))}.take-section{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--action-primary) 85%,transparent);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--action-primary) 22%,transparent);pointer-events:none;position:absolute;top:2px;bottom:2px}.take-swipe{border:1px dashed var(--text-primary);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--text-primary) 14%,transparent);pointer-events:none;position:absolute;top:2px;bottom:2px}.clip .clip-title .clip-folder-toggle{width:18px;height:18px;min-height:0;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;margin-right:4px;padding:0;display:inline-flex}.clip .clip-title .clip-folder-toggle svg{width:14px;height:14px;transition:transform var(--anim-snap)}.clip .clip-title .clip-folder-toggle[aria-pressed=true] svg{transform:rotate(90deg)}.punch-region{background:color-mix(in srgb,var(--record-red,#e5484d) 75%,transparent);border-radius:var(--radius-xs);z-index:3;height:5px;position:absolute;bottom:0}.punch-edge{cursor:ew-resize;width:10px;height:11px;position:absolute;top:-6px}.punch-edge.punch-start{left:-5px}.punch-edge.punch-end{right:-5px}.track-row.stack-track .track-head .track-name{font-weight:600}.track-row.stack-child .track-head{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--action-primary) 70%,transparent)}.track-row.stack-child .track-head .track-top{padding-left:10px}.track-head .stack-toggle{width:20px;height:20px;min-height:0;color:var(--text-secondary);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.track-head .stack-toggle svg{width:14px;height:14px;transition:transform var(--anim-snap)}.track-head .stack-toggle[aria-pressed=true] svg{transform:rotate(90deg)}.st-beats{z-index:3;cursor:pointer;touch-action:none;position:absolute;inset:0}.st-beats[data-state=reading]{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--text-primary) 10%,transparent) 50%,transparent 100%) 0 0/40% 100% no-repeat;animation:1.1s ease-in-out infinite st-shimmer}.st-tick{transform-origin:50% 100%;width:1px;height:22%;animation:.32s cubic-bezier(.2,.7,.2,1) both st-rise;animation-delay:calc(var(--i,0) * 9ms);background:#0000008c;margin-left:-.5px;transition:height .18s,background .18s;position:absolute;bottom:0}.st-tick.st-bar{background:#00000080;width:1.5px;height:100%;margin-left:-.75px}.st-one{background:var(--action-primary);pointer-events:none;width:2px;margin-left:-1px;transition:left .2s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #ffffffb3}.st-one:before{content:"";background:var(--action-primary);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:3px;left:50%;box-shadow:0 0 0 1.5px #fff,0 1px 3px #00000059}.st-beats.st-dragging .st-one{transition:none}.st-panel{align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px);display:flex}.st-bpm{font:var(--font-mono-caps,600 11px/1 ui-monospace,monospace);letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap}@keyframes st-rise{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}@keyframes st-shimmer{0%{background-position:-40% 0}to{background-position:140% 0}}@media (prefers-reduced-motion:reduce){.st-tick,.st-beats[data-state=reading]{animation:none}.st-one{transition:none}}.track-output-meter.level-meter{--level-meter-height:4px;pointer-events:none;width:auto;height:4px;position:absolute;bottom:5px;left:12px;right:12px}.project-title{width:250px;font:var(--font-heading);letter-spacing:var(--tracking-heading)}.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);border-radius:var(--radius-popup);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;padding:6px;position:fixed}.popover button{border-radius:var(--radius-row);width:100%;color:var(--text-primary);font:var(--font-caption);letter-spacing:var(--tracking-caption);justify-content:flex-start;padding:10px 12px}.popover button.danger{color:#ed9196}@media (hover:hover) and (pointer:fine){.popover button:hover{background:var(--border-strong)}}@media (width<=1000px){.project-title{width:200px}}@media (width<=680px){.project-title{width:100px;font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:1}}@media (width<=900px){.project-title{max-width:180px}}.shortcut-dialog.sc-dialog{--dialog-width:1040px}.drive-dialog .modal-body{gap:var(--space-1-5);display:grid}.drive-dialog .drive-heading{margin:var(--space-1) 0 0;font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--text-primary)}.drive-dialog .drive-files{gap:var(--space-1);max-height:240px;color:var(--text-secondary);display:grid;overflow:auto}.drive-dialog .drive-file{justify-content:space-between;align-items:center;gap:var(--space-1-5);display:flex}.drive-dialog .drive-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);overflow:hidden}.drive-dialog .drive-status:empty{display:none}.rename-dialog label{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body);flex-direction:column;gap:10px;display:flex}.preset-save-form{gap:var(--space-1-5);flex-direction:column;display:flex}.preset-save-form .preset-storage-note{margin:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions button{border-radius:var(--radius-row);transition:transform var(--anim-snap), background var(--anim-snap);font:var(--font-body);letter-spacing:var(--tracking-body);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}.room-chat-voice{border-top:1px solid var(--border-subtle);background:var(--surface-raised);gap:8px;padding:10px 12px;display:flex}.room-chat-voice .chat-voice.active{color:#ff949a;background:#dc526218}.popover{transform-origin:0 0}.account-muted{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:0}.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:var(--radius-tile);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}.account-link{width:100%}@media (width<=600px){.space-project{flex-wrap:wrap}.space-project>div{flex-basis:100%}.space-toolbar{flex-wrap:wrap}.account-entry span{display:none}}.popover{max-height:calc(100dvh - 24px);overflow-y:auto}.space-toolbar{flex-wrap:wrap;justify-content:flex-start}.space-toolbar>.account-muted{flex-basis:100%}.space-project .account-muted{overflow-wrap:anywhere}.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:var(--radius-popup);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-radius:var(--radius-small);border:0}.space-storage meter::-webkit-meter-optimum-value{background:var(--action-primary);border-radius:var(--radius-small)}.space-storage meter::-moz-meter-bar{background:var(--action-primary);border-radius:var(--radius-small)}.space-project-panel{flex-shrink:0;grid-auto-rows:max-content;align-content:start;gap:12px;min-height:180px;display:grid}.space-project-group{border:1px solid var(--border-subtle);border-radius:var(--radius-popup);background:var(--surface-canvas);overflow:hidden}.space-dialog .space-project-group .space-project{background:0 0;border:0}.space-history .sc-disclosure-trigger{margin:0 12px 8px}.space-save-history{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}.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);border-radius:var(--surface-radius);background:var(--surface-panel);width:260px;color:var(--text-primary);padding:16px}.room-settings>strong{margin-bottom:12px;display:block}.room-settings .live-performance{border:0;gap:4px;padding:0;display:grid}.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}.room-chat-voice{background:0 0;min-height:48px;padding:10px 12px}.room-chat-voice .chat-mute{background:var(--surface-control)}.room-mic-field{gap:8px;margin-bottom:16px;display:grid}.room-mic-field .ui-text-caption{color:var(--text-secondary)}.room-mic-field select{width:100%;min-width:0}.shortcut-dialog .shortcut-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-dialog .shortcut-row{gap:16px;min-height:44px}.shortcut-dialog .modal-footer{justify-content:space-between}@media (width<=860px){.shortcut-dialog .shortcut-groups{grid-template-columns:1fr}}@media (width<=600px){.shortcut-dialog .shortcut-row{grid-template-columns:1fr;gap:4px}}.account-sign-in-actions{gap:var(--space-3,12px);display:grid}.ui-control,.ui-select,.ui-menu [role^=menuitem]{touch-action:manipulation}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,.panel-empty-action,.mixer-button){justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--button-height);padding:var(--space-1) var(--button-padding-x,calc(var(--space-2) - 2px));border:1px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-fill);color:var(--text-primary);white-space:nowrap;box-shadow:0 1px 2px color-mix(in srgb,var(--shadow-color) 12%,transparent);transition:background-color var(--anim-snap),border-color var(--anim-snap),color var(--anim-snap),transform var(--anim-snap);font:var(--font-body);letter-spacing:var(--tracking-body);display:inline-flex}:is(.ui-button.ui-button--primary,.modal-primary,button.primary){background:var(--button-accent);border-color:var(--border-subtle);color:var(--text-primary)}.ui-button.ui-button--ghost{box-shadow:none;color:var(--text-secondary);background:0 0;border-color:#0000}.ui-button.ui-button--danger{background:var(--state-danger-surface);border-color:color-mix(in srgb,var(--state-danger) 14.51%,transparent);color:var(--state-danger)}.ui-button.ui-button--sm{border-radius:calc(var(--control-radius) - 2px);min-height:28px;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:4px 10px}.ui-button.ui-button--lg{min-height:44px;font:var(--font-body);letter-spacing:var(--tracking-body);padding:12px 18px}.ui-button.ui-button--icon{width:36px;padding:8px}.ui-button.ui-button--icon.ui-button--sm{width:28px;padding:4px}.ui-button.ui-button--icon.ui-button--lg{width:44px;padding:12px}.ui-button svg{width:16px;height:16px}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,.panel-empty-action,.mixer-button):focus-visible:where(html[data-keyboard-focus] *),.icon-button:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--button-focus);outline-offset:2px}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,.panel-empty-action,.mixer-button):disabled{opacity:.4;cursor:default;transform:none}.ui-button[aria-pressed=true],.mixer-button[aria-pressed=true]{background:var(--state-active-surface);border-color:color-mix(in srgb,var(--state-active) 36.08%,transparent);color:var(--state-active)}@media (hover:hover) and (pointer:fine){:is(.ui-button,.modal-primary,.modal-secondary,button.primary,.panel-empty-action,.mixer-button):hover:not(:disabled){background:var(--surface-control-hover);border-color:var(--border-default)}:is(.ui-button.ui-button--primary,.modal-primary,button.primary):hover:not(:disabled){background:color-mix(in srgb,var(--button-accent) 94%,white)}.ui-button.ui-button--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 3.53%,transparent)}.ui-button.ui-button--danger:hover:not(:disabled){background:var(--state-danger);color:var(--text-inverse);border-color:color-mix(in srgb,var(--state-danger) 27.06%,transparent)}}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,.panel-empty-action,.mixer-button):active:not(:disabled){filter:brightness(.94);transform:none}.ui-button.ui-button[aria-busy=true]{color:#0000;opacity:1;cursor:progress;position:relative}.ui-button[aria-busy=true] svg{visibility:hidden}.ui-button[aria-busy=true]:after{content:"";border:2px solid color-mix(in srgb,var(--neutral-0) 25%,transparent);border-top-color:var(--text-primary);border-radius:50%;width:12px;height:12px;animation:.65s linear infinite button-spin;position:absolute}@keyframes button-spin{to{transform:rotate(360deg)}}.ui-field{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;gap:8px;display:flex}.ui-field small{color:var(--text-secondary)}.ui-field:has([aria-invalid=true]) small{color:var(--state-danger)}@media (prefers-reduced-motion:reduce){.ui-button{transition:none!important}.ui-button:active:not(:disabled){transform:none!important}.ui-button[aria-busy=true]:after{border-top-color:var(--border-strong);border-right-color:var(--border-strong);animation:none}}.ui-control{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ui-control:disabled{cursor:default;opacity:.4}html[data-keyboard-focus] .ui-control:focus-visible,html[data-keyboard-focus] .ui-select:focus-visible,html[data-keyboard-focus] .ui-slider:focus-visible{outline:2px solid var(--button-focus);outline-offset:3px}.ui-select{appearance:none;min-height:calc(var(--control-height) - 4px);border:1px solid var(--border-subtle);border-radius:var(--control-radius);background-color:var(--studio-control);background-image:var(--select-chevron);color:var(--text-primary);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:var(--font-caption);letter-spacing:var(--tracking-caption);background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding:6px 30px 6px 10px}.ui-select:hover:not(:disabled){border-color:var(--border-default);background-color:var(--surface-control)}.ui-select:disabled{opacity:.4;cursor:default}.ui-select option{background:var(--surface-overlay);color:var(--text-primary)}.ui-menu{background:var(--studio-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border-subtle);border-radius:calc(var(--control-radius) + var(--space-half));box-shadow:0 12px 36px color-mix(in srgb,var(--shadow-color) 40.0%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-color) 26.67%,transparent);padding:5px;animation:none}.ui-menu .ui-control{min-height:var(--control-height);text-align:left;border-radius:var(--space-half);padding:7px 10px;transition:none}.ui-menu-check{color:var(--button-focus);margin-left:auto;display:flex}.ui-menu-shortcut{font:var(--font-caption);color:var(--text-secondary);white-space:nowrap;margin-left:auto;padding-left:24px}.ui-menu-shortcut+.ui-menu-check{margin-left:8px}.ui-menu-check svg{width:16px;height:16px}.ui-menu .ui-control:focus{background:color-mix(in srgb,var(--text-primary) 4.31%,transparent)}.ui-slider:not(.channel-fader){--slider-accent:var(--plugin-accent,var(--accent,var(--text-secondary)));appearance:none;cursor:ew-resize;touch-action:none;border-radius:var(--radius-small);background:0 0;border:0;height:22px;margin:0;padding:0}.ui-slider:not(.channel-fader)::-webkit-slider-runnable-track{height:var(--slider-track-height,3px);border-radius:var(--radius-small);background:var(--border-strong)}.ui-slider:not(.channel-fader)::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-width,10px);height:14px;margin-top:calc((var(--slider-track-height,3px) - 14px)/2);border:1px solid var(--border-subtle);border-radius:var(--radius-small);background:var(--slider-accent);box-shadow:0 1px 3px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);transition:box-shadow var(--anim-snap)}.ui-slider:not(.channel-fader)::-moz-range-track{height:var(--slider-track-height,3px);border-radius:var(--radius-small);background:var(--border-strong)}.ui-slider:not(.channel-fader)::-moz-range-thumb{width:var(--slider-thumb-width,10px);border:1px solid var(--border-subtle);border-radius:var(--radius-small);background:var(--slider-accent);height:14px;box-shadow:0 1px 3px color-mix(in srgb,var(--shadow-color) 40.0%,transparent)}.ui-slider:not(.channel-fader):active::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--slider-accent) 16%,transparent);transform:none}.ui-slider:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.ui-slider:not(.channel-fader):hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--slider-accent) 12%,transparent);transform:none}}@media (prefers-reduced-motion:reduce){.ui-control,.ui-slider{transition:none!important}}.ui-input.ui-input--inline:not([type=range]):not([type=checkbox]):not([type=file]){box-shadow:none;border-radius:var(--radius-small);min-height:0;font:var(--font-body);letter-spacing:var(--tracking-body);background:0 0;border-color:#0000;padding:0}.ui-input.ui-input--readout:not([type=range]):not([type=checkbox]):not([type=file]){background:var(--surface-sunken);color:var(--studio-jade);text-align:center;font-variant-numeric:tabular-nums;font:var(--font-heading);letter-spacing:var(--tracking-heading);border:1px solid #0000;padding:5px 8px}.ui-parameter{isolation:isolate;min-width:0;height:var(--parameter-height,42px);border-radius:var(--control-radius);background:color-mix(in srgb,var(--text-primary) 2.75%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 2.75%,transparent);font-variant-numeric:tabular-nums;transition:background var(--anim-snap);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;display:flex;position:relative;overflow:hidden}.ui-parameter-fill{width:var(--parameter-fill);background:color-mix(in srgb,var(--plugin-accent,var(--text-secondary)) 17%,transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.ui-parameter-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);pointer-events:none;flex:1;padding-left:12px;padding-right:8px;position:relative;overflow:hidden}.ui-parameter .ui-parameter-range{opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.ui-parameter .ui-parameter-value{color:var(--plugin-accent,var(--text-primary));font:inherit;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:0 0 72px;justify-content:flex-end;align-self:stretch;padding:0 10px;position:relative}.ui-parameter .ui-parameter-editor{border-radius:var(--radius-medium);width:100px;height:auto;min-height:0;font:inherit;background:var(--surface-input);z-index:2;padding:5px 8px;position:absolute;inset:3px 3px 3px auto}.ui-parameter .ui-parameter-editor::-webkit-inner-spin-button{appearance:none}.ui-parameter:has(.ui-parameter-range:active){background:color-mix(in srgb,var(--text-primary) 6.27%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 10.98%,transparent)}html[data-keyboard-focus] .ui-parameter:has(:focus-visible){outline:2px solid var(--button-focus);outline-offset:2px}.ui-parameter:has(input:disabled){opacity:.4;pointer-events:none}@media (hover:hover) and (pointer:fine){.ui-parameter:hover{background:color-mix(in srgb,var(--text-primary) 5.1%,transparent)}.ui-parameter .ui-parameter-value:hover{background:0 0}}@media (pointer:coarse){.ui-parameter{height:48px}.ui-slider:not(.channel-fader){min-height:40px}}@media (prefers-reduced-motion:reduce){.ui-parameter{transition:none}}.plugin-window .plugin-controls:not(.effect-controls){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.plugin-window .plugin-section-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.plugin-window .plugin-section:has(.plugin-filter-modes) .plugin-section-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.ui-icon{flex-shrink:0;display:block}.ui-dropdown-trigger{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:inline-flex}.ui-dropdown-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.ui-dropdown-chevron{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px;justify-content:center;align-items:center;margin-left:auto;display:flex}.ui-dropdown-chevron .ui-icon,.plugin-picker-chevron .ui-icon{width:16px;height:16px}.plugin-picker-chevron{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.device-preset-bar{gap:2px;padding:3px}.ui-menu{min-width:180px;max-width:min(320px,100vw - 24px)}.ui-menu .ui-control{color:var(--studio-text);justify-content:flex-start;gap:var(--space-2);font:var(--font-body);letter-spacing:var(--tracking-body)}@media (pointer:coarse){.device-preset-action,.ui-menu .ui-control{min-height:44px}.device-preset-action{min-width:44px}}.ui-search-field{flex:1;grid-template-columns:minmax(0,1fr) 34px;align-items:center;width:100%;min-width:0;display:grid;position:relative}.ui-search-field input[type=search]{grid-area:1/1/2/3;width:100%;padding-right:38px}.ui-search-field input::-webkit-search-cancel-button{appearance:none;display:none}.ui-search-field input::-webkit-search-decoration{appearance:none;display:none}.ui-search-clear{z-index:1;border-radius:var(--radius-medium);width:30px;height:30px;min-height:0;color:var(--muted,var(--text-secondary));box-shadow:none;background:0 0;border:0;grid-area:1/2;justify-self:end;place-items:center;margin-right:4px;padding:7px;transition:none;display:grid;position:relative;transform:none}.ui-search-clear[hidden]{display:none}.ui-search-clear svg{pointer-events:none;width:16px;height:16px;display:block}.ui-search-clear:active{background:color-mix(in srgb,var(--text-primary) 6.27%,transparent);transform:none}@media (hover:hover) and (pointer:fine){.ui-search-clear:hover{background:color-mix(in srgb,var(--text-primary) 4.71%,transparent);color:var(--text,var(--text-primary))}}.ui-select-popup{overscroll-behavior:contain;scrollbar-width:thin;max-width:calc(100vw - 24px);max-height:min(360px,100dvh - 24px);overflow:auto}.ui-select-popup .ui-select-option{align-items:center;gap:var(--space-2,16px);width:100%;min-height:var(--control-height,36px);color:var(--studio-text,var(--text-primary));white-space:nowrap;font:var(--font-body);letter-spacing:var(--tracking-body);display:flex}.ui-select-popup .ui-select-option[aria-selected=true]{color:var(--button-focus)}.ui-select-popup .ui-select-option:focus{background:color-mix(in srgb,var(--text-primary) 6.27%,transparent);outline:0}.ui-select-popup .ui-select-option:disabled{opacity:.4}@media (pointer:coarse){.ui-select-popup .ui-select-option{min-height:44px}}.ui-button.ui-button--record[aria-pressed=true]{background:color-mix(in srgb,var(--studio-record) 20%,var(--studio-surface));border-color:var(--studio-record);color:var(--studio-record)}@media (hover:hover) and (pointer:fine){.ui-button.ui-button--record[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb,var(--studio-record) 30%,var(--studio-surface));border-color:var(--studio-record);color:var(--studio-record)}}.track-appearance{background:var(--studio-surface);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);width:304px;max-width:calc(100vw - 24px);box-shadow:0 12px 36px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);padding:16px;animation:none;position:fixed}.track-appearance-heading{color:var(--studio-text);font:var(--font-body);letter-spacing:var(--tracking-body);margin-bottom:16px;display:block}.track-appearance .ui-field{color:var(--studio-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);gap:8px}.track-appearance .ui-input{width:100%;font:var(--font-body);letter-spacing:var(--tracking-body)}.track-palette-label{color:var(--studio-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:16px 0 8px}.track-appearance-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.ui-form-section{border:0;min-width:0;margin:0;padding:0}.ui-form-section>legend{color:var(--text-primary);margin-bottom:16px;padding:0}.ui-form-section+.ui-form-section{border-top:1px solid var(--border-subtle);padding-top:20px}.ui-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ui-form-field{min-width:0;color:var(--text-secondary);flex-direction:column;gap:8px;display:flex}.ui-form-field[hidden]{display:none}.ui-form-field>.ui-input,.ui-form-field>.ui-select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;font:var(--font-body);letter-spacing:var(--tracking-body)}.ui-form-hint{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body);margin:12px 0 0}.ui-form-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.ui-form-footer>.ui-control{flex-shrink:0;min-height:40px;padding:8px 20px}.sc-dialog .modal-body{margin:0;padding:24px}.sc-dialog .dialog-description{font:var(--font-body);letter-spacing:var(--tracking-body);color:var(--text-secondary)}@media (width<=440px){.ui-form-grid{gap:12px}.sc-dialog .modal-body{padding:20px}.ui-form-footer{flex-wrap:wrap}.ui-form-footer>.ui-control{width:100%}.ui-form-field>.ui-input,.ui-form-field>.ui-select{min-height:44px}}.ui-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-form-section+.ui-form-section{border:0;padding-top:0}.ui-form-section+.ui-form-section>legend{border-top:1px solid var(--border-subtle);width:100%;padding-top:16px}.sc-dialog .modal-body>p,.sc-dialog .modal-body .dialog-note{font:var(--font-body);letter-spacing:var(--tracking-body)}@media (width<=440px){.ui-form-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}.local-recovery-status[data-save-failed=true]{color:var(--state-record)}.recovery-save-error{border:1px solid var(--border-default);border-radius:var(--control-radius);background:var(--surface-sunken);padding:16px}.ui-input[type=number]{appearance:textfield}.ui-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.ui-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.ui-menu .ui-menu-rich{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:9px 10px;display:grid}.ui-menu .ui-menu-rich>.ui-menu-label,.ui-menu .ui-menu-rich>.ui-menu-description{grid-column:1}.ui-menu .ui-menu-rich>:is(.ui-menu-check,.ui-menu-shortcut){grid-area:1/2/span 2;margin-left:0;padding-left:0}.ui-menu-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-menu-description{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);white-space:normal}.ui-menu-section{color:var(--text-muted);font:var(--font-caption);letter-spacing:var(--tracking-caption);border-top:1px solid var(--border-subtle);margin-top:5px;padding:12px 10px 4px}[role=tabpanel][hidden]{display:none!important}.midi-status{white-space:nowrap;align-items:center;display:inline-flex}.midi-status:not(:where(.sc-button,.sc-select,.sc-input,.sc-icon-button,.sc-root)){gap:6px}.midi-status:before{content:"";background:var(--text-muted);border-radius:50%;width:6px;height:6px}.midi-status[data-connected=true]:before{background:var(--action-primary)}.popover.ui-menu{max-height:min(640px,var(--available-height,calc(100dvh - 24px)));box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.imperative-menu-positioner>.base-ui-menu,.ui-menu-submenu-positioner>.base-ui-menu{margin:0;position:relative;inset:auto}.imperative-menu-positioner,.ui-menu-submenu-positioner{pointer-events:none}.base-ui-menu,.base-ui-menu[data-base-ui-inert]{pointer-events:auto!important}.imperative-menu-trigger,.imperative-select-trigger{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:fixed}.imperative-select-positioner{pointer-events:none}.base-ui-select{pointer-events:auto;min-width:var(--anchor-width)}.ui-select-group-label{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);cursor:default;padding:8px 10px 3px}.ui-select-list{min-height:0;max-height:min(360px,var(--available-height,70dvh));overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.imperative-popover-trigger{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:fixed}.imperative-popover-positioner{pointer-events:none}.imperative-popover-popup{pointer-events:auto;outline:0}.imperative-popover-popup>.imperative-popover-slot>.popover{margin:0;position:relative;inset:auto}.ui-menu-items{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.ui-menu-submenu{width:280px;max-height:min(640px,var(--available-height,calc(100dvh - 24px)));overscroll-behavior:contain;scrollbar-width:thin;position:fixed;overflow-y:auto}.ui-menu-submenu .ui-control{width:100%}.ui-menu-back{display:none}.ui-menu-search{border:1px solid var(--border-default);border-radius:var(--radius-medium);background:var(--surface-control);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:5px;padding:5px 8px;display:flex}.ui-menu-search svg{width:16px;height:16px;display:block}.ui-menu-search .ui-search-field{flex:1;min-width:0}.ui-menu-empty{color:var(--text-secondary);font:var(--font-caption);padding:20px 10px}.ui-menu--compact{width:min(300px,100vw - 24px)}.ui-menu--compact .ui-control{min-height:30px;font:var(--font-caption);padding:5px 10px}.ui-menu--compact .ui-menu-section{border:0;margin:0;padding:7px 10px 4px}.ui-menu--compact .menu-separator{background:var(--border-default);height:1px;margin:5px 7px}.ui-menu--compact .ui-control:hover,.ui-menu--compact .ui-control:focus-visible:where(html[data-keyboard-focus] *),.ui-menu--compact .ui-control[aria-expanded=true]{background:var(--action-primary);color:var(--text-primary)}.ui-menu--compact .ui-menu-check{color:inherit}@media (width<=640px){.ui-menu-covered{display:none}.ui-menu-submenu{width:auto;max-width:none;max-height:calc(100dvh - 90px);box-shadow:none;border:0;padding:0;position:static}.ui-menu-back{display:flex}}.ui-menu .ui-search-field .ui-search-clear{justify-content:center;gap:0;width:30px;height:30px;min-height:0;padding:7px}.ui-select.ui-select--sm{border-radius:calc(var(--control-radius) - 2px);min-height:28px;padding:4px 28px 4px 10px}:where(.sc-select,.ui-select,.ui-button.ui-dropdown-trigger){border:1px solid var(--border-subtle);border-radius:var(--control-radius);background-color:var(--surface-control);color:var(--text-primary)}@media (hover:hover) and (pointer:fine){:where(.sc-select,.ui-select,.ui-button.ui-dropdown-trigger):hover:not(:disabled){border-color:var(--border-default);filter:none}}.device .parameter--choice .ui-select{color:var(--text-primary)}.plugin-window .plugin-window-header .plugin-device-choose{border-radius:var(--radius-medium);background:0 0;border-color:#0000;flex:none;width:auto;max-width:220px}.plugin-window .plugin-window-header>:has(>.plugin-device-choose){flex:none;min-width:0;max-width:220px}.plugin-window .plugin-window-header>.device-preset-bar{flex:120px;min-width:96px;max-width:280px}.plugin-sidechain{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font:var(--font-caption);color:var(--text-secondary);display:flex}.plugin-sidechain>span{white-space:nowrap}.plugin-sidechain>.sc-select{flex:1;min-width:120px;max-width:280px}.plugin-window .plugin-window-header>.plugin-cpu{white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.plugin-window-header .plugin-device-choose:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}}.ui-menu [role=menuitem]:not(.ui-menu-rich),.ui-menu [role=menuitemcheckbox]:not(.ui-menu-rich){align-items:center;gap:8px;display:flex}.ui-menu .ui-menu-search{background:0 0;border:0;margin:0 0 6px;padding:0;display:block}.ui-menu .ui-menu-search .ui-search-field{display:block}.ui-menu .ui-menu-search input.ui-menu-search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-row);background:var(--surface-sunken);width:100%;height:30px;min-height:30px;color:var(--text-primary);box-shadow:none;font:var(--font-caption);letter-spacing:var(--tracking-caption);outline:none;padding:0 10px}.ui-menu .ui-menu-search input.ui-menu-search-input:focus,.ui-menu .ui-menu-search input.ui-menu-search-input:focus-visible{box-shadow:none;border-color:var(--border-default);outline:none}.ui-menu :is([role^=menuitem],[role=option])[data-highlighted],.ui-menu [role^=menuitem][aria-expanded=true]{background:var(--action-primary);color:var(--text-primary)}.ui-menu :is([role^=menuitem],[role=option])[data-highlighted] :is(.ui-menu-description,.ui-menu-shortcut,.ui-menu-check){color:var(--text-primary)}.sc-positioner>.popover.ui-menu{width:auto;min-width:max(180px,var(--anchor-width,180px));margin:0;animation:none;position:relative;inset:auto}.ui-menu .ui-menu-rich .ui-menu-description{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ui-text-caption{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.ui-text-body{font:var(--font-body);letter-spacing:var(--tracking-body)}.ui-text-heading{font:var(--font-heading);letter-spacing:var(--tracking-heading)}.ui-text-meta{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase}.ui-text-display{font:var(--font-display);letter-spacing:var(--tracking-display);font-optical-sizing:auto}.ui-text-display--hero{--type-display:clamp(36px,5vw,64px);--leading-display:1.08}.ui-spring-snappy{transition-duration:var(--motion-snappy);transition-timing-function:var(--spring-snappy)}.ui-spring-gentle{transition-duration:var(--motion-gentle);transition-timing-function:var(--spring-gentle)}.ui-spring-snappy,.ui-spring-gentle{transition-property:transform,opacity}:where(.ui-control,.ui-button,.sc-dialog,.popover,.plugin-window,.sound,.device,.panel-divider):after,:where(.ui-control,.ui-button,.sc-dialog,.popover,.plugin-window,.sound,.device,.panel-divider){transition-timing-function:var(--spring-snappy)}@media (prefers-reduced-motion:reduce){.ui-spring-snappy,.ui-spring-gentle{transition:none;animation:none}}}@layer base{[role=slider],input[type=range]{touch-action:none}[data-motion-value] [torph-root],[data-motion-value] [torph-root] span{font:inherit;color:inherit;font-variant-numeric:tabular-nums}:root{--button-radius:8px;--button-height:36px}@font-face{font-family:Cal Sans;src:url(/fonts/cal-sans/CalSansVF-v2.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}body{font:var(--font-body);letter-spacing:var(--tracking-body)}:root{--layer-mobile-plugin:900;--layer-mobile-nav:1000;--layer-modal-backdrop:1100;--layer-modal:1101;--layer-popup:1200;--switch-inset:3px;--display-font:"Cal Sans",var(--studio-font);--type-display:28px;--leading-display:1.15;--tracking-display:-.025em;--font-display:600 var(--type-display)/var(--leading-display) var(--display-font);--studio-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;--neutral-0:#fff;--neutral-50:#eee;--neutral-100:#d9d9d9;--neutral-200:#b8b8b8;--neutral-300:#949494;--neutral-400:#888;--neutral-500:#606060;--neutral-600:#414141;--neutral-700:#2e2e2e;--neutral-750:#242424;--neutral-800:#282828;--neutral-850:#212121;--neutral-900:#171717;--neutral-950:#1c1c1c;--neutral-975:#161616;--neutral-1000:#000;--palette-indigo:var(--indigo-500);--palette-jade:var(--jade-500);--palette-yellow:var(--yellow-500);--palette-orange:var(--orange-500);--palette-red:var(--red-500);--palette-violet:var(--violet-500);--palette-pink:var(--pink-500);--palette-blue:var(--blue-500);--palette-lime:var(--lime-500);--velocity-0:#6b45c8;--velocity-1:#4d5ee0;--velocity-2:#3d8fe0;--velocity-3:#36b8c8;--velocity-4:#3cbf86;--velocity-5:#7ac143;--velocity-6:#d4c23a;--velocity-7:#e8912f;--velocity-8:#e2482f;--note-rim:#16181a;--indigo-500:#704ce0;--indigo-50:color-mix(in oklab,var(--indigo-500) 6%,var(--neutral-0));--indigo-100:color-mix(in oklab,var(--indigo-500) 12%,var(--neutral-0));--indigo-200:color-mix(in oklab,var(--indigo-500) 25%,var(--neutral-0));--indigo-300:color-mix(in oklab,var(--indigo-500) 45%,var(--neutral-0));--indigo-400:color-mix(in oklab,var(--indigo-500) 70%,var(--neutral-0));--indigo-600:color-mix(in oklab,var(--indigo-500) 82%,var(--neutral-1000));--indigo-700:color-mix(in oklab,var(--indigo-500) 64%,var(--neutral-1000));--indigo-800:color-mix(in oklab,var(--indigo-500) 46%,var(--neutral-1000));--indigo-900:color-mix(in oklab,var(--indigo-500) 28%,var(--neutral-1000));--indigo-950:color-mix(in oklab,var(--indigo-500) 14%,var(--neutral-1000));--jade-500:#00beab;--jade-50:color-mix(in oklab,var(--jade-500) 6%,var(--neutral-0));--jade-100:color-mix(in oklab,var(--jade-500) 12%,var(--neutral-0));--jade-200:color-mix(in oklab,var(--jade-500) 25%,var(--neutral-0));--jade-300:color-mix(in oklab,var(--jade-500) 45%,var(--neutral-0));--jade-400:color-mix(in oklab,var(--jade-500) 70%,var(--neutral-0));--jade-600:color-mix(in oklab,var(--jade-500) 82%,var(--neutral-1000));--jade-700:color-mix(in oklab,var(--jade-500) 64%,var(--neutral-1000));--jade-800:color-mix(in oklab,var(--jade-500) 46%,var(--neutral-1000));--jade-900:color-mix(in oklab,var(--jade-500) 28%,var(--neutral-1000));--jade-950:color-mix(in oklab,var(--jade-500) 14%,var(--neutral-1000));--yellow-500:#ffcc37;--yellow-50:color-mix(in oklab,var(--yellow-500) 6%,var(--neutral-0));--yellow-100:color-mix(in oklab,var(--yellow-500) 12%,var(--neutral-0));--yellow-200:color-mix(in oklab,var(--yellow-500) 25%,var(--neutral-0));--yellow-300:color-mix(in oklab,var(--yellow-500) 45%,var(--neutral-0));--yellow-400:color-mix(in oklab,var(--yellow-500) 70%,var(--neutral-0));--yellow-600:color-mix(in oklab,var(--yellow-500) 82%,var(--neutral-1000));--yellow-700:color-mix(in oklab,var(--yellow-500) 64%,var(--neutral-1000));--yellow-800:color-mix(in oklab,var(--yellow-500) 46%,var(--neutral-1000));--yellow-900:color-mix(in oklab,var(--yellow-500) 28%,var(--neutral-1000));--yellow-950:color-mix(in oklab,var(--yellow-500) 14%,var(--neutral-1000));--orange-500:#ff8303;--orange-50:color-mix(in oklab,var(--orange-500) 6%,var(--neutral-0));--orange-100:color-mix(in oklab,var(--orange-500) 12%,var(--neutral-0));--orange-200:color-mix(in oklab,var(--orange-500) 25%,var(--neutral-0));--orange-300:color-mix(in oklab,var(--orange-500) 45%,var(--neutral-0));--orange-400:color-mix(in oklab,var(--orange-500) 70%,var(--neutral-0));--orange-600:color-mix(in oklab,var(--orange-500) 82%,var(--neutral-1000));--orange-700:color-mix(in oklab,var(--orange-500) 64%,var(--neutral-1000));--orange-800:color-mix(in oklab,var(--orange-500) 46%,var(--neutral-1000));--orange-900:color-mix(in oklab,var(--orange-500) 28%,var(--neutral-1000));--orange-950:color-mix(in oklab,var(--orange-500) 14%,var(--neutral-1000));--red-500:#ed5866;--red-50:color-mix(in oklab,var(--red-500) 6%,var(--neutral-0));--red-100:color-mix(in oklab,var(--red-500) 12%,var(--neutral-0));--red-200:color-mix(in oklab,var(--red-500) 25%,var(--neutral-0));--red-300:color-mix(in oklab,var(--red-500) 45%,var(--neutral-0));--red-400:color-mix(in oklab,var(--red-500) 70%,var(--neutral-0));--red-600:color-mix(in oklab,var(--red-500) 82%,var(--neutral-1000));--red-700:color-mix(in oklab,var(--red-500) 64%,var(--neutral-1000));--red-800:color-mix(in oklab,var(--red-500) 46%,var(--neutral-1000));--red-900:color-mix(in oklab,var(--red-500) 28%,var(--neutral-1000));--red-950:color-mix(in oklab,var(--red-500) 14%,var(--neutral-1000));--violet-500:#8671ff;--violet-50:color-mix(in oklab,var(--violet-500) 6%,var(--neutral-0));--violet-100:color-mix(in oklab,var(--violet-500) 12%,var(--neutral-0));--violet-200:color-mix(in oklab,var(--violet-500) 25%,var(--neutral-0));--violet-300:color-mix(in oklab,var(--violet-500) 45%,var(--neutral-0));--violet-400:color-mix(in oklab,var(--violet-500) 70%,var(--neutral-0));--violet-600:color-mix(in oklab,var(--violet-500) 82%,var(--neutral-1000));--violet-700:color-mix(in oklab,var(--violet-500) 64%,var(--neutral-1000));--violet-800:color-mix(in oklab,var(--violet-500) 46%,var(--neutral-1000));--violet-900:color-mix(in oklab,var(--violet-500) 28%,var(--neutral-1000));--violet-950:color-mix(in oklab,var(--violet-500) 14%,var(--neutral-1000));--pink-500:#d5a8c4;--pink-50:color-mix(in oklab,var(--pink-500) 6%,var(--neutral-0));--pink-100:color-mix(in oklab,var(--pink-500) 12%,var(--neutral-0));--pink-200:color-mix(in oklab,var(--pink-500) 25%,var(--neutral-0));--pink-300:color-mix(in oklab,var(--pink-500) 45%,var(--neutral-0));--pink-400:color-mix(in oklab,var(--pink-500) 70%,var(--neutral-0));--pink-600:color-mix(in oklab,var(--pink-500) 82%,var(--neutral-1000));--pink-700:color-mix(in oklab,var(--pink-500) 64%,var(--neutral-1000));--pink-800:color-mix(in oklab,var(--pink-500) 46%,var(--neutral-1000));--pink-900:color-mix(in oklab,var(--pink-500) 28%,var(--neutral-1000));--pink-950:color-mix(in oklab,var(--pink-500) 14%,var(--neutral-1000));--blue-500:#5294f6;--blue-50:color-mix(in oklab,var(--blue-500) 6%,var(--neutral-0));--blue-100:color-mix(in oklab,var(--blue-500) 12%,var(--neutral-0));--blue-200:color-mix(in oklab,var(--blue-500) 25%,var(--neutral-0));--blue-300:color-mix(in oklab,var(--blue-500) 45%,var(--neutral-0));--blue-400:color-mix(in oklab,var(--blue-500) 70%,var(--neutral-0));--blue-600:color-mix(in oklab,var(--blue-500) 82%,var(--neutral-1000));--blue-700:color-mix(in oklab,var(--blue-500) 64%,var(--neutral-1000));--blue-800:color-mix(in oklab,var(--blue-500) 46%,var(--neutral-1000));--blue-900:color-mix(in oklab,var(--blue-500) 28%,var(--neutral-1000));--blue-950:color-mix(in oklab,var(--blue-500) 14%,var(--neutral-1000));--lime-500:#87d923;--lime-50:color-mix(in oklab,var(--lime-500) 6%,var(--neutral-0));--lime-100:color-mix(in oklab,var(--lime-500) 12%,var(--neutral-0));--lime-200:color-mix(in oklab,var(--lime-500) 25%,var(--neutral-0));--lime-300:color-mix(in oklab,var(--lime-500) 45%,var(--neutral-0));--lime-400:color-mix(in oklab,var(--lime-500) 70%,var(--neutral-0));--lime-600:color-mix(in oklab,var(--lime-500) 82%,var(--neutral-1000));--lime-700:color-mix(in oklab,var(--lime-500) 64%,var(--neutral-1000));--lime-800:color-mix(in oklab,var(--lime-500) 46%,var(--neutral-1000));--lime-900:color-mix(in oklab,var(--lime-500) 28%,var(--neutral-1000));--lime-950:color-mix(in oklab,var(--lime-500) 14%,var(--neutral-1000));--surface-canvas:var(--neutral-900);--surface-card:var(--studio-panel);--surface-panel:var(--neutral-950);--surface-raised:var(--neutral-800);--surface-overlay:var(--neutral-750);--surface-control:var(--neutral-700);--surface-input:var(--neutral-850);--surface-inset:24px;--surface-sunken:var(--neutral-975);--surface-hover:color-mix(in srgb,var(--neutral-0) 6%,transparent);--surface-control-hover:var(--neutral-600);--surface-pressed:color-mix(in srgb,var(--neutral-0) 10%,transparent);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-muted:var(--neutral-400);--text-disabled:var(--neutral-500);--text-inverse:var(--neutral-975);--border-subtle:color-mix(in srgb,var(--neutral-0) 7%,transparent);--border-default:color-mix(in srgb,var(--neutral-0) 12%,transparent);--border-strong:var(--neutral-600);--action-primary:var(--palette-indigo);--action-primary-hover:color-mix(in srgb,var(--action-primary) 85%,var(--neutral-0));--state-active:var(--palette-jade);--state-active-surface:color-mix(in srgb,var(--state-active) 15%,var(--surface-control));--state-success:var(--palette-jade);--state-warning:var(--palette-yellow);--state-danger:var(--palette-red);--state-record:var(--palette-red);--state-danger-surface:color-mix(in srgb,var(--state-danger) 15%,var(--surface-control));--focus-ring:var(--indigo-300);--selection-border:var(--palette-orange);--selection-surface:color-mix(in srgb,var(--selection-border) 5%,var(--surface-panel));--browser-accent:var(--palette-yellow);--scrim:color-mix(in srgb,var(--neutral-1000) 60%,transparent);--shadow-color:var(--neutral-1000);--space-unit:8px;--space-half:calc(var(--space-unit)*.5);--space-1:var(--space-unit);--space-2:calc(var(--space-unit)*2);--space-3:calc(var(--space-unit)*3);--type-caption:12px;--type-body:13px;--type-heading:17px;--weight-regular:400;--weight-medium:500;--weight-strong:590;--leading-caption:16px;--leading-body:20px;--leading-heading:24px;--tracking-caption:-.01em;--tracking-body:-.02em;--tracking-heading:-.04em;--font-caption:var(--weight-regular) var(--type-caption)/var(--leading-caption) var(--studio-font);--font-body:var(--weight-medium) var(--type-body)/var(--leading-body) var(--studio-font);--font-touch-input:var(--weight-medium) 16px/var(--leading-body) var(--studio-font);--font-heading:var(--weight-strong) var(--type-heading)/var(--leading-heading) var(--studio-font);--font-chat:var(--weight-regular) 15px/1.45 var(--studio-font);--tracking-chat:-.005em;--space-quarter:2px;--space-three-quarter:6px;--space-1-5:12px;--space-2-5:20px;--space-3-5:28px;--space-4:32px;--layout-gap:var(--space-1);--section-gap:var(--space-2);--field-gap:var(--space-1);--panel-inset:var(--space-2);--dialog-panel-inset:var(--space-3);--control-height-sm:28px;--control-height-lg:44px;--touch-target:44px;--control-padding-y:7px;--control-padding-x:12px;--control-padding-sm-x:9px;--radius-small:4px;--radius-medium:6px;--radius-popup:12px;--radius-pill:999px;--shadow-popup:0 12px 36px color-mix(in srgb,var(--shadow-color) 33%,transparent);--shadow-dialog:0 24px 80px color-mix(in srgb,var(--shadow-color) 47%,transparent);--shadow-control:0 1px 5px color-mix(in srgb,var(--shadow-color) 53%,transparent);--shadow-tooltip:0 4px 16px color-mix(in srgb,var(--shadow-color) 27%,transparent);--knob-surface:var(--surface-control);--knob-rim:var(--border-strong);--knob-track:var(--neutral-600);--knob-accent:var(--indigo-300);--shadow-knob:0 2px 3px color-mix(in srgb,var(--shadow-color) 33%,transparent);--control-height:36px;--control-radius:10px;--surface-radius:16px;--studio-gutter:clamp(var(--space-2),1.5vw,var(--space-3-5));--studio-library-width:clamp(300px,22.6vw,434px);--bevel-light:.06;--bevel-rim:.04;--bevel-depth:.65;--bevel-sunk:.3;--bevel-hairline:1px;--bevel-spot:.16;--bevel-edge-gradient:linear-gradient(180deg,#ffffff38 0%,#ffffff17 24%,#ffffff06 62%,transparent 100%);--popover-edge-gradient:linear-gradient(180deg,#ffffff29 0%,#fff1 28%,#ffffff06 70%,#ffffff04 100%);--raised-tint:gray;--raised-fill:.14;--raised-dome:.025;--raised-hover:.045;--raised-colour:color-mix(in oklab,var(--raised-tint) calc(var(--raised-fill)*100%),transparent);--material-raised:linear-gradient(rgb(255 255 255/var(--raised-dome)),transparent),linear-gradient(var(--raised-colour),var(--raised-colour));--material-raised-hover:linear-gradient(rgb(255 255 255/var(--raised-hover)),rgb(255 255 255/var(--raised-hover))),var(--material-raised);--material-accent:linear-gradient(180deg,color-mix(in oklab,var(--action-primary) 88%,#fff) 0%,var(--action-primary) 100%);--material-sunk:#212121;--material-well:#202020;--material-popup:#202020;--material-keycap:#2e2e2e;--bevel-highlight:rgb(255 255 255/var(--bevel-light));--bevel-edge:rgb(255 255 255/var(--bevel-rim));--bevel-raised:inset 0 var(--bevel-hairline) 0 rgb(255 255 255/var(--bevel-spot)),inset 0 calc(-1*var(--bevel-hairline)) 0 #00000024,inset 0 0 0 var(--bevel-hairline) rgb(255 255 255/var(--bevel-rim));--bevel-accent-light:.22;--bevel-accent:inset 0 1px 0 rgb(255 255 255/var(--bevel-accent-light));--bevel-accent-hover:inset 0 1px 0 rgb(255 255 255/calc(var(--bevel-accent-light)*1.2727));--bevel-glass:inset 0 1px 0 rgb(255 255 255/calc(var(--bevel-accent-light)*1.3636));--bevel-accent-soft:inset 0 1px 0 rgb(255 255 255/calc(var(--bevel-accent-light)*.6418));--shadow-raised:var(--bevel-raised),0 2px 2px -1px rgb(0 0 0/calc(.4*var(--bevel-depth))),0 4px 4px -2px rgb(0 0 0/calc(.3*var(--bevel-depth)));--shadow-raised-hover:var(--bevel-raised),0 2px 2px -1px rgb(0 0 0/calc(.45*var(--bevel-depth))),0 6px 6px -3px rgb(0 0 0/calc(.32*var(--bevel-depth)));--shadow-sunk:inset 0 1px 2px rgb(0 0 0/calc(.6*var(--bevel-sunk))),inset 0 0 0 1px rgb(0 0 0/calc(.4*var(--bevel-sunk))),0 1px 0 rgb(255 255 255/calc(var(--bevel-light)*.6));--shadow-well:inset 0 1px 0 rgb(255 255 255/calc(var(--bevel-light)*.4667)),inset 0 0 0 1px rgb(255 255 255/calc(var(--bevel-rim)*1.125)),0 1px 2px rgb(0 0 0/calc(.55*var(--bevel-depth))),0 10px 28px rgb(0 0 0/calc(.35*var(--bevel-depth)));--radius-card:14px;--material-card:color-mix(in srgb,var(--neutral-0) 3%,transparent);--material-card-hover:color-mix(in srgb,var(--neutral-0) 6%,transparent);--shadow-card:inset 0 0 0 1px var(--separator-hairline);--shadow-card-selected:inset 0 0 0 1.5px var(--action-primary-hover);--material-badge:color-mix(in srgb,var(--neutral-0) 6%,transparent);--shadow-badge:inset 0 0 0 .5px #ffffff1a;--shadow-floating-stack:0 1.5px 0 rgb(0 0 0/calc(.16*var(--bevel-depth))),0 1.5px 1px -.5px rgb(0 0 0/calc(.16*var(--bevel-depth))),0 3.5px 3px -1.5px rgb(0 0 0/calc(.16*var(--bevel-depth))),0 6.5px 6px -3px rgb(0 0 0/calc(.16*var(--bevel-depth))),0 12.5px 12px -6px rgb(0 0 0/calc(.16*var(--bevel-depth))),0 24.5px 24px -12px rgb(0 0 0/calc(.16*var(--bevel-depth))),0 48.5px 48px -24px rgb(0 0 0/calc(.16*var(--bevel-depth)));--shadow-menu:inset 0 var(--bevel-hairline) 0 rgb(255 255 255/calc(var(--bevel-spot)*.6)),0 0 0 var(--bevel-hairline) #77777173,0 0 0 1px #00000052,var(--shadow-floating-stack);--separator-hairline:#ffffff14;--switch-green:#12c490;--window-close:#ff5f57;--window-minimise:#febc2e;--window-zoom:#28c840;--window-glyph:#0000008c;--window-ring:#00000047;--radius-xs:2px;--radius-tile:10px;--radius-well:14px;--radius-row:8px;--radius-keycap:5px;--device-card-height:156px;--tile-size:34px;--tile-gap:4px;--well-padding:4px;--font-meta:600 10.5px/14px var(--studio-font);--tracking-meta:.06em;--font-scale:500 8.5px/1 var(--studio-font);--tracking-scale:0;--font-readout:600 15px/20px var(--studio-font);--tracking-readout:-.01em;--studio-bg:var(--surface-canvas);--studio-surface:var(--surface-overlay);--studio-control:var(--surface-control);--studio-raised:var(--surface-raised);--studio-text:var(--text-primary);--studio-muted:var(--text-secondary);--studio-accent:var(--action-primary);--studio-record:var(--state-record);--studio-panel:var(--surface-panel);--studio-search:var(--surface-input);--studio-jade:var(--state-active);--studio-yellow:var(--browser-accent);--studio-selection:var(--selection-border);--surface:var(--surface-panel);--mint:var(--state-active);--bg:var(--surface-canvas);--raised:var(--surface-raised);--muted:var(--text-secondary);--line:var(--border-subtle);--button-radius:var(--control-radius);--button-height:var(--control-height);--button-fill:var(--surface-control);--button-border:var(--border-default);--button-accent:var(--action-primary);--button-focus:var(--focus-ring);color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body)}:where(h1,h2,h3,h4,h5,h6){font:var(--font-heading);letter-spacing:var(--tracking-heading)}:where(small){font:var(--font-caption);letter-spacing:var(--tracking-caption)}:where(strong,b){font-weight:inherit}@media (width<=560px){:root{--dialog-panel-inset:var(--space-2)}}@supports (color:color(display-p3 1 0 0)){@media (color-gamut:p3){:root{--track-colour-0:oklab(80.5573% -.149347 .164662);--track-colour-1:oklab(68.923% .227217 -.0593024);--track-colour-2:oklab(58.4167% .093561 -.216329);--track-colour-3:oklab(87.7635% -.00258794 .168219);--track-colour-4:oklab(66.2502% .18183 .0591923);--track-colour-5:oklab(76.1146% .103639 .12824);--track-colour-6:oklab(81.4687% .0365939 .141301);--track-colour-7:oklab(89.971% -.0903242 .169368);--track-colour-8:oklab(78.8359% -.1599 .0515884);--track-colour-9:oklab(78.8053% -.139041 -.0143031);--track-colour-10:oklab(77.5936% -.0997813 -.0825599);--track-colour-11:oklab(66.8441% -.0363348 -.161543);--track-colour-12:oklab(58.9738% .0263896 -.20093);--track-colour-13:oklab(65.0244% .128447 -.165641);--track-colour-14:oklab(73.1379% .173019 -.0928056);--track-colour-15:oklab(78.755% .111774 .0129107)}}}:root{--spring-snappy:linear(0,.00221,.00851,.01839,.03142,.04718,.0653,.08542,.10724,.13046,.15483,.18012,.2061,.2326,.25942,.28643,.31349,.34046,.36724,.39375,.41988,.44558,.47078,.49543,.51948,.5429,.56565,.58772,.60908,.62972,.64963,.66882,.68727,.70499,.72199,.73827,.75385,.76874,.78294,.79648,.80938,.82164,.83329,.84435,.85483,.86476,.87415,.88302,.8914,.89931,.90675,.91376,.92035,.92655,.93236,.9378,.9429,.94768,.95214,.9563,.96018,.9638,.96716,.97029,.97319,.97588,.97837,.98067,.9828,.98476,.98656,.98822,.98974,.99114,.99242,.99358,.99464,.9956,.99648,.99727,.99798,.99862,.9992,.99971,1.00017,1.00057,1.00093,1.00124,1.00151,1.00174,1.00194,1.00211,1.00225,1.00237,1.00246,1.00253,1.00258,1.00261,1,1,1);--spring-gentle:linear(0,.00356,.01365,.02947,.05024,.07525,.10383,.13538,.16934,.2052,.24248,.28077,.31967,.35886,.39801,.43687,.4752,.51279,.54946,.58506,.61947,.65258,.68432,.71461,.74342,.77071,.79647,.82069,.84338,.86455,.88425,.90248,.91931,.93477,.9489,.96177,.97343,.98394,.99336,1.00173,1.00914,1.01563,1.02127,1.02611,1.03021,1.03364,1.03643,1.03865,1.04035,1.04157,1.04236,1.04276,1.04282,1.04258,1.04206,1.04131,1.04036,1.03924,1.03797,1.03658,1.0351,1.03354,1.03193,1.03028,1.02861,1.02693,1.02525,1.02359,1.02196,1.02036,1.01881,1.0173,1.01584,1.01444,1.0131,1.01182,1.01061,1.00946,1.00838,1.00736,1.00641,1.00553,1.0047,1.00394,1.00324,1.00259,1.00201,1.00147,1.00099,1.00055,1.00017,.99982,.99952,.99925,.99902,.99882,.99866,.99852,.99841,1,1);--spring-stern:linear(0,.00616,.02352,.05049,.08555,.12727,.17433,.22549,.27964,.33574,.39288,.45024,.50711,.56285,.61695,.66894,.71847,.76525,.80904,.84971,.88713,.92127,.95213,.97973,1.00415,1.02549,1.04387,1.05945,1.07237,1.08282,1.09098,1.09703,1.10115,1.10355,1.1044,1.10389,1.10219,1.09948,1.0959,1.09161,1.08674,1.08144,1.07582,1.06997,1.06402,1.05803,1.05208,1.04624,1.04058,1.03512,1.02992,1.02501,1.0204,1.01612,1.01218,1.00858,1.00532,1.0024,.99982,.99756,.99561,.99395,.99257,.99145,.99058,.98993,.98947,.98921,.9891,.98914,.98931,.98958,.98994,.99039,.99089,.99144,.99202,.99263,.99325,.99388,.9945,.99511,.9957,.99627,.99682,.99734,.99782,.99827,.99869,.99907,.99941,.99972,.99999,1.00023,1.00044,1.00062,1.00076,1.00088,1.00098,1.00105,1);--spring-press:var(--spring-snappy);--spring-glow:var(--spring-stern);--anim-snap:.24s var(--spring-snappy);--anim-elegant:.77s var(--spring-gentle);--anim-stern:.53s var(--spring-stern);--motion-snappy:.24s;--motion-gentle:.77s;--motion-stern:.53s;--motion-press:var(--motion-snappy);--motion-glow:var(--motion-stern);--ease-swift-out:cubic-bezier(.175,.885,.32,1.1);--ease-snappy-out:cubic-bezier(.19,1,.22,1);--ease:var(--spring-snappy)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background:var(--surface-canvas)}*,:before,:after{box-sizing:border-box}body{overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button,[role=button],[role=tab],[role=switch],[role=checkbox]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,[role=slider],[data-piano-note]{-webkit-touch-callout:none}img,svg{-webkit-user-drag:none}textarea,[contenteditable=true],[contenteditable=plaintext-only],.sc-description,.sc-dialog-body p,.sc-field-description,[data-selectable]{-webkit-user-select:text;user-select:text}@media (pointer:coarse){input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),textarea,select{font:var(--font-touch-input)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}}@layer skin{@media (hover:hover) and (pointer:fine){:is(.ui-button,.modal-primary,.modal-secondary,button.primary,.panel-empty-action,.mixer-button):hover:not(:disabled){border-color:var(--border-default)}}.ui-input.ui-input--inline:not([type=range]):not([type=checkbox]):not([type=file]){box-shadow:none;background:0 0}.plugin-window .plugin-section-grid{gap:10px}.plugin-window .plugin-section:has(.plugin-filter-modes) .plugin-section-grid{gap:10px}.ui-select.ui-select--sm{border-radius:calc(var(--control-radius) - 2px);padding:4px 28px 4px 10px}.plugin-window .plugin-controls:not(.effect-controls){gap:10px}:where(h1,h2,h3){font-family:var(--display-font);font-optical-sizing:auto}}