@layer base{*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}input{background:0 0;border:0;outline:none;min-width:0}button,svg{flex-shrink:0}svg{width:20px;height:20px}button{transition:background-color var(--anim-snap), color var(--anim-snap), filter var(--anim-snap)}h2,h3,p{margin:0}h2{font:var(--font-heading);letter-spacing:var(--tracking-heading)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-tile)}::-webkit-scrollbar-track{background:var(--surface-input)}main{flex-direction:column;min-width:0;display:flex;overflow:hidden}:root{--ease:cubic-bezier(.23, 1, .32, 1)}button:disabled{opacity:.3;cursor:default}@media (hover:hover) and (pointer:fine){input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 4.71%,transparent), 0 2px 4px color-mix(in srgb,var(--shadow-color) 40.0%,transparent);transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--text-secondary) 9.8%,transparent);transform:scale(.95)}}[aria-busy=true]{cursor:progress}button:active:not(:disabled){filter:brightness(.94)}button:focus-visible:where(html[data-keyboard-focus] *),input:focus-visible:where(html[data-keyboard-focus] *){outline-offset:4px;border-radius:var(--radius-medium);outline:2px solid #53c9b7}:where(button,input,select,textarea,[tabindex]):focus{outline:none}:where(button,input,select,textarea,[tabindex]):focus-visible:where(html[data-keyboard-focus] *),button:focus-visible:where(html[data-keyboard-focus] *),input:focus-visible:where(html[data-keyboard-focus] *),select:focus-visible:where(html[data-keyboard-focus] *),textarea:focus-visible:where(html[data-keyboard-focus] *){outline-offset:2px;outline:1px solid #8dcfc5}}@layer app{@font-face{font-family:Geist;src:local(Geist);font-display:swap}.workspace{background:color-mix(in srgb,var(--text-primary) 5.1%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 2.35%,transparent);border-radius:var(--radius-tile);width:146px;height:40px;font:var(--font-heading);letter-spacing:var(--tracking-heading);justify-content:space-between;padding:0 15px}.workspace svg{width:15px;color:var(--text-secondary)}.text-button:not(:where(.sc-button,.sc-select,.sc-input,.sc-icon-button,.sc-root)){color:var(--text-secondary);padding:8px 10px}.text-button svg,#feedback svg{width:16px}.icon-button{border-radius:var(--control-radius);background:var(--studio-raised);width:36px;height:36px;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--text-primary) 7.45%,transparent), 0 1px 3px color-mix(in srgb,var(--shadow-color) 26.67%,transparent);border:1px solid var(--border-strong);color:var(--text-secondary)}.icon-button svg{width:17px;height:17px}.snap{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:5px 0}.snap span{border-radius:var(--radius-tile);background:var(--surface-control);width:28px;height:15px;position:relative}.snap span:after{content:"";background:var(--text-muted);width:13px;height:13px;transition:transform var(--anim-snap), background var(--anim-snap);border-radius:50%;position:absolute;top:1px;left:1px}.snap[aria-pressed=true] span:after{background:#18c8a0;transform:translate(13px)}.snap[aria-pressed=true] span{background:#17453c}.volume{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.volume svg{width:18px}.volume input{width:65px}.editor{flex:1;gap:18px;min-height:220px;display:flex;overflow:hidden}.tick{border-left:1px solid var(--border-strong);height:8px;color:var(--text-primary);text-indent:-3px;-webkit-user-select:none;user-select:none;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding-bottom:23px;position:absolute;bottom:0}.tick:not(.major){padding-bottom:0}.tick.major{border-left:2px solid var(--border-strong)}.grip{color:var(--text-disabled);cursor:grab;width:16px;padding:0}.grip svg{width:13px}.grip:active{cursor:grabbing}.trim{cursor:ew-resize;width:11px;position:absolute;top:25px;bottom:0}.trim.left{left:0}.trim.right{right:0}.trim:after{content:"";border-radius:var(--radius-xs);background:color-mix(in srgb,var(--text-primary) 60%,transparent);opacity:0;width:3px;height:24px;transition:opacity var(--anim-snap);position:absolute;top:40%;left:4px}.drag-badge{background:var(--surface-overlay);border:1px solid var(--border-strong);box-shadow:0 6px 20px color-mix(in srgb,var(--shadow-color) 33.33%,transparent);border-radius:var(--radius-medium);color:var(--text-primary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:5px 9px;position:absolute;top:-31px;left:8px}.drag-badge:empty{display:none}.add-track svg{width:22px;color:var(--text-muted)}.arrange-hint{color:var(--text-disabled);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.arrange-hint svg{opacity:.7;width:27px}.meter{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:67px;padding:8px 0 0;display:flex}.eyebrow{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.meter-body{flex:1;gap:10px;width:100%;min-height:100px;display:flex}.meter-columns{background:var(--surface-sunken);border-radius:var(--radius-row);gap:6px;width:34px;padding:4px;display:flex;position:relative}.meter-columns:before{content:"";border-radius:var(--radius-small);background:#f86161;height:2px;position:absolute;top:-4px;left:0;right:0}.meter-columns i{background:var(--surface-canvas);border-radius:var(--radius-medium);width:10px;position:relative;overflow:hidden}.meter-columns b{display:block}.meter-columns b>.meter-bar-scale{background:linear-gradient(#ff524e,#ffc938 20%,#33d894 75%,#00d3ae)}.grip-mark{color:var(--text-disabled);font:var(--font-heading);letter-spacing:var(--tracking-heading)}.static-rail{background:var(--text-disabled);width:100%;height:3px;position:relative}.static-rail:after{content:"";background:var(--accent);width:32%;height:100%;display:block}.mix-card{background:var(--studio-panel);border-radius:var(--surface-radius);flex:1;min-width:190px;padding:16px 20px}.mix-card h3{border-left:3px solid var(--color);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-bottom:14px;padding-left:8px}.mix-label{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);justify-content:space-between;margin:9px 0;display:flex}.mix-card input{width:100%}.sample-preview{background:var(--color);border-radius:var(--surface-radius);flex:1;overflow:hidden}.sample-preview canvas{width:100%;height:100%}.sample-details{min-width:200px;color:var(--text-secondary);flex-direction:column;gap:12px;padding:16px;display:flex}.sample-details strong{color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body)}.sample-details span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.empty{color:var(--text-secondary);padding:30px}.search{background:var(--surface-overlay);border-radius:var(--radius-tile);color:var(--text-muted);align-items:center;gap:9px;padding:12px;display:flex}.search svg{width:17px}.search input{width:100%;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.search input::placeholder{color:var(--text-secondary)}.status-dot{background:#659889;border-radius:50%;width:4px;height:4px}@media (hover:hover) and (pointer:fine){.icon-button:hover{background:var(--surface-control);color:var(--text-primary)}}@keyframes appear{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1300px){.volume{display:none}.time-label{gap:6px}}@media (width<=1000px){.volume{display:flex}}@media (width<=680px){.workspace{width:95px;font:var(--font-body);letter-spacing:var(--tracking-body)}#feedback{font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:9px}#feedback svg{display:none}.icon-button{width:30px;height:32px}.time-label{gap:0;font-size:0}.meter{width:40px}.meter-body{justify-content:center}.editor{gap:9px}}.tick{text-indent:-3px;height:29px;font:var(--font-caption);letter-spacing:var(--tracking-caption);border:0;padding:0}.tick.major{border:0}.tick:after{content:"";background:var(--text-disabled);width:1px;height:7px;position:absolute;bottom:0;left:0}.tick.major:after{background:var(--text-secondary);width:2px;height:9px}.snap-guide{top:var(--ruler-height);pointer-events:none;z-index:9;opacity:0;background:#dfedc6;width:1px;position:absolute;bottom:0;box-shadow:0 0 7px #c8e6b34a}.snap-guide.visible{opacity:.8}.page-dot{border-radius:var(--radius-medium);flex-shrink:0;width:18px;height:24px;padding:0}.page-dot:after{content:"";background:var(--text-muted);width:6px;height:6px;transition:background var(--anim-snap), transform var(--anim-snap);border-radius:50%}.page-dot[aria-pressed=true]:after{background:var(--accent)}@media (hover:hover) and (pointer:fine){.page-dot:hover:after{background:var(--accent);transform:scale(1.2)}}.panel-close{width:25px;height:25px;color:var(--text-secondary)}.panel-close svg{width:16px}.share-description{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:18px 0 13px}.invite-link{color:#a4a2d4;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.copy-invite{width:100%;color:var(--text-primary);border-radius:var(--radius-tile);font:var(--font-caption);letter-spacing:var(--tracking-caption);background:#6853d9;margin-top:10px;padding:10px}.share-footnote{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:13px 0}.leave-room{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:8px 0}[hidden]{display:none!important}.synth-preset{background:var(--surface-overlay);color:#b2e5db;border-radius:var(--radius-row);font:var(--font-caption);letter-spacing:var(--tracking-caption);border:0;padding:5px 10px}.synth-parameters{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}#library{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:0;margin:-2px -4px 0;padding:2px 4px;overflow:hidden auto}.page-dot{box-shadow:none;background:0 0;border:0;place-items:center;display:grid}.page-dot:after{display:block}.shortcut-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;display:grid}.shortcut-group{min-width:0}.shortcut-group h3{font:var(--font-body);color:var(--text-primary);margin:0 0 8px}.shortcut-row{border-bottom:1px solid var(--border-subtle);min-height:30px;font:var(--font-caption);letter-spacing:var(--tracking-caption);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 0;display:grid}.shortcut-row:last-child{border:0}.shortcut-row kbd{color:var(--text-primary);font:var(--font-caption);white-space:nowrap;background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-small);padding:1px 5px}.shortcut-row span{color:var(--text-secondary)}@media (width<=900px){.shortcut-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.shortcut-groups{grid-template-columns:1fr;gap:20px}}.chat-status{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-left:auto}@keyframes chat-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.compact-comments:focus-within{box-shadow:0 12px 36px color-mix(in srgb,var(--shadow-color) 40.0%,transparent),0 0 0 1px #159cf4;border-color:#159cf4}.spatial-comments .panel-close{width:20px;height:20px}.voice-people{border-bottom:1px solid var(--border-subtle);background:var(--surface-input);gap:16px;padding:14px 18px 16px;display:flex;overflow-x:auto}.voice-people[hidden]{display:none}.voice-person{--voice-level:0;flex-direction:column;flex:0 0 48px;align-items:center;gap:8px;display:flex;position:relative}.voice-avatar{background:color-mix(in srgb,var(--peer-color) 26%,var(--surface-overlay));width:38px;height:38px;color:var(--peer-color);outline:2px solid var(--border-subtle);outline-offset:3px;transition:outline-color var(--anim-snap),box-shadow var(--anim-snap);font:var(--font-body);letter-spacing:var(--tracking-body);border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.voice-person.speaking .voice-avatar{box-shadow:0 0 0 calc(5px + var(--voice-level)*5px) rgb(103 229 175/calc(var(--voice-level)*.25));outline-color:#67e5af}.voice-name{text-overflow:ellipsis;white-space:nowrap;max-width:58px;color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);overflow:hidden}.voice-person.muted .voice-avatar:after{content:"";background-color:#e15d68;background-image:linear-gradient(45deg,#0000 40%,#fff 40% 60%,#0000 60%),linear-gradient(-45deg,#0000 40%,#fff 40% 60%,#0000 60%);background-position:50%;background-repeat:no-repeat;background-size:7px 7px;border-radius:50%;width:15px;height:15px;position:absolute;top:26px;right:0}@media (prefers-reduced-motion:reduce){.voice-avatar{transition:none}.voice-person.speaking .voice-avatar{box-shadow:none}}.studio-ready .editor{animation-delay:30ms}#app{transition:opacity .32s,filter .32s}#app.tab-yielded{opacity:.45;filter:saturate(.35)}@media (prefers-reduced-motion:reduce){#app{transition:none}}@keyframes studio-reveal{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.voice-person{animation:studio-reveal .16s var(--spring-snappy) both}@keyframes task-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.soundfont-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.soundfont-heading strong{color:#a7e4d8;font:var(--font-heading);letter-spacing:var(--tracking-heading)}.soundfont-heading span{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption)}.soundfont-presets{scrollbar-width:thin;border:1px solid var(--border-subtle);border-radius:var(--radius-row);background:var(--surface-canvas);height:220px;margin:12px 0 20px;padding:4px;overflow:auto}.soundfont-preset{border-radius:var(--radius-medium);width:100%;color:var(--text-primary);text-align:left;font:var(--font-caption);letter-spacing:var(--tracking-caption);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.soundfont-preset small{color:var(--text-secondary)}.soundfont-preset:hover{background:color-mix(in srgb,var(--text-primary) 3.14%,transparent)}.soundfont-preset[aria-pressed=true]{background:var(--border-strong);color:#b4f0df}.white-key{background:var(--text-secondary);color:var(--text-muted)}.panel-empty{text-align:center;width:100%;min-width:0;min-height:140px;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 24px;display:flex}.panel-empty-icon{border-radius:var(--radius-tile);background:color-mix(in srgb,var(--text-primary) 1.57%,transparent);width:34px;height:34px;color:var(--text-secondary);place-items:center;margin-bottom:2px;display:grid}.panel-empty-icon svg{width:24px;height:24px}.panel-empty strong{color:var(--text-primary);font:var(--font-body);letter-spacing:var(--tracking-body)}.panel-empty p{max-width:360px;font:var(--font-caption);letter-spacing:var(--tracking-caption);margin:0}.panel-empty-action{border:1px solid var(--border-strong);color:#a7d6cc;border-radius:var(--radius-medium);background:var(--surface-control);font:var(--font-caption);letter-spacing:var(--tracking-caption);margin-top:4px;padding:6px 11px}.panel-empty-action:hover{background:var(--surface-control)}.panel-divider{z-index:20;touch-action:none;outline:none;position:absolute}.panel-divider:after{content:"";border-radius:var(--radius-small);transition:background-color var(--anim-snap);background:0 0;position:absolute}.panel-divider:focus-visible:where(html[data-keyboard-focus] *):after,.panel-divider.resizing:after{background:var(--state-active)}@media (hover:hover) and (pointer:fine){.panel-divider:hover:after{background:var(--state-active)}}.panel-divider[data-axis=x]:after{transform:translateX(var(--resize-feedback,0px))}.panel-divider[data-axis=y]:after{transform:translateY(var(--resize-feedback,0px))}.panel-divider[data-collapse-ready]:after{background:var(--text-primary)}.resizing-vertical *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.resizing-horizontal *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}@media (prefers-reduced-motion:reduce){.panel-divider:after{transition:none}}.panel-empty{height:100%}.provider-button{height:46px;font:var(--font-body);letter-spacing:var(--tracking-body)}.invite-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.invite-created{border-radius:var(--radius-tile);border:1px solid #6654bb;flex-direction:column;gap:10px;padding:14px;display:flex}.access-row{border-bottom:1px solid var(--border-subtle);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:12px;padding:10px 0;display:flex}.access-row>span:first-child,.access-row>strong:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.access-row select{max-width:110px}.admin-stats{font-variant-numeric:tabular-nums;gap:24px;display:flex}@media (width<=600px){.invite-form{grid-template-columns:minmax(0,1fr) auto}.invite-form>button{grid-column:1/-1}}.follow-badge{color:var(--peer-color);background:color-mix(in srgb, var(--peer-color) 10%, var(--surface-raised));border:1px solid color-mix(in srgb, var(--peer-color) 55%, transparent);border-radius:var(--surface-radius);white-space:nowrap;font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:5px 10px}.follow-badge[hidden]{display:none}.export-form{gap:24px;display:grid}.export-check{font:var(--font-body);letter-spacing:var(--tracking-body);align-items:center;gap:12px;margin-top:16px;display:flex}.export-check input{width:18px;height:18px;accent-color:var(--action-primary)}.export-status{color:var(--text-secondary);font:var(--font-body);letter-spacing:var(--tracking-body);margin:0}.export-progress{accent-color:#8e79e6;border-radius:var(--radius-small);background:var(--surface-control);border:0;width:100%;height:5px;overflow:hidden}.export-progress::-webkit-progress-bar{background:var(--surface-control)}.export-progress::-webkit-progress-value{border-radius:var(--radius-small);background:#8e79e6}#timeline[data-tool=stretch] .trim{cursor:var(--stretch-cursor)}.drum-pads{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:20px;display:grid}.drum-pads[data-layout=acoustic]{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr))}.drum-pad{border:1px solid var(--border-subtle);border-radius:var(--radius-tile);background:linear-gradient(var(--border-strong),var(--surface-control));min-height:72px;color:var(--text-primary);box-shadow:0 2px 0 var(--surface-sunken);font:var(--font-caption);letter-spacing:var(--tracking-caption);flex-direction:column;justify-content:space-between;gap:14px;padding:11px 6px;display:flex}.drum-pad small{color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.drum-pad:hover{background:var(--border-strong);border-color:#8fd5c450}.drum-pad:active{background:var(--text-muted);box-shadow:none;transform:translateY(1px)}.drum-pad:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--plugin-accent);outline-offset:2px}@media (width<=600px){.drum-pads{grid-template-columns:repeat(4,minmax(0,1fr))}}.dragging-insert{opacity:.45}.provider-button{justify-content:center;align-items:center;gap:12px;display:flex}.provider-button .provider-logo{flex:none;width:20px;height:20px}.provider-google{background:var(--text-primary);color:var(--text-muted);border-color:var(--border-strong)}.provider-google:hover:not(:disabled){background:var(--text-primary)}.provider-apple{background:var(--shadow-color);color:var(--text-primary);border-color:var(--border-strong)}.provider-apple:hover:not(:disabled){background:var(--surface-panel)}.panel-view-switch{gap:4px;display:flex}.custom-panel-toolbar button{border-radius:var(--radius-medium);font:var(--font-caption);letter-spacing:var(--tracking-caption);padding:6px 10px}.custom-panel-toolbar{color:var(--text-secondary);font:var(--font-caption);letter-spacing:var(--tracking-caption);align-items:center;gap:6px;margin-bottom:7px;display:flex}.custom-panel-toolbar span{margin-right:auto}.custom-panel-frame{border-radius:var(--radius-row);background:var(--surface-input);border:0;width:100%;height:auto;display:block}.record-routing{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:2px 4px;min-width:0;margin-top:6px;display:grid;position:relative}.record-routing button{flex-shrink:0;padding-inline:6px}.record-routing .record-input{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);text-align:left;flex:1;overflow:hidden}.input-monitor[aria-pressed=true]{color:var(--text-muted);background:#b88c35}.recording-audio-preview .recording-live-wave{pointer-events:none;position:absolute;top:25px;left:0}.recording-audio-preview .recording-input-meter.level-meter{--level-meter-height:4px;--plugin-accent:var(--state-success);contain:strict;height:4px;display:block;position:absolute;bottom:5px;left:6px;right:6px}.record-input-meter.level-meter{--level-meter-height:3px;--plugin-accent:var(--state-success);contain:strict;visibility:hidden;grid-column:1/-1;width:100%;height:3px;display:block}.record-routing:has(.record-arm[aria-pressed=true],.input-monitor[data-mode=in]) .record-input-meter{visibility:visible}.recording-settings select{width:100%}.add-aux-channel{border:1px dashed var(--border-strong);border-radius:var(--radius-row);flex-shrink:0;align-self:flex-start;min-width:128px;margin:20px 12px;padding:12px}@media (height<=650px){.record-routing{margin-top:3px}}.sequence-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.sequence-step{border:1px solid var(--border-strong);border-radius:var(--radius-row);background:var(--surface-overlay);text-align:left;flex-direction:column;justify-content:space-between;align-items:start;height:76px;padding:10px;display:flex;position:relative;overflow:hidden}.sequence-step small{color:var(--text-secondary);z-index:1;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.sequence-step strong{z-index:1;font:var(--font-heading);letter-spacing:var(--tracking-heading)}.sequence-step i{pointer-events:none;background:#46dab318;width:100%;position:absolute;bottom:0;left:0}.sequence-step[aria-pressed=true]{color:#9ef4d9;background:#173d35;border-color:#327764}.sequence-step.selected{outline:1px solid var(--border-strong);outline-offset:2px}.sequence-step.playing{border-color:#b3ffe7;box-shadow:inset 0 0 0 1px #b3ffe7}.sequence-step.playing small{color:var(--text-primary)}.sequence-inspector{border-top:1px solid var(--border-strong);align-items:center;gap:16px;padding-top:18px;display:flex}.sequence-inspector>strong{min-width:65px;font:var(--font-caption);letter-spacing:var(--tracking-caption)}.lfo-scope{background:var(--surface-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-tile);width:100%;height:150px}.lfo-readout{color:var(--text-secondary);font-variant-numeric:tabular-nums;font:var(--font-caption);letter-spacing:var(--tracking-caption)}@media (width<=640px){.sequence-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sequence-inspector{flex-wrap:wrap}}@media (width>=1700px){.editor{gap:24px}.editor>.meter{flex-basis:112px;width:112px}.editor>.meter .meter-body{justify-content:center;gap:16px}.editor>.meter .meter-columns{gap:8px;width:56px;padding:6px}.editor>.meter .meter-columns i{flex:1}}.drag-badge{white-space:nowrap;pointer-events:none}.live-performance{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.live-timing{font:var(--font-caption);color:var(--text-secondary);padding:4px 8px}.live-playing{box-shadow:inset 3px 0 var(--state-active)}.room-preview-bar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;flex-direction:column;gap:4px;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.room-preview{border-radius:var(--radius-pill);background:var(--surface-overlay);border:1px solid var(--border-subtle);box-shadow:var(--shadow-overlay,0 4px 16px #00000040);color:var(--text-secondary);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.room-preview>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#workspace-tabs{flex:none}.shortcut-actions{align-items:center;gap:4px;display:flex}.shortcut-actions [data-shortcut]{font-variant-numeric:tabular-nums;min-width:120px}.shortcut-intro,.shortcut-status{font:var(--font-caption);color:var(--text-secondary)}.shortcut-message{font:var(--font-caption);min-height:1.5em}@media (width<=600px){.shortcut-actions{width:100%}.shortcut-actions [data-shortcut]{flex:1}#workspace-tabs .ui-tab{padding:6px 8px}}.meter-presets{grid-template-columns:repeat(3,1fr);display:grid}.meter-popover .ui-input{text-align:center;width:76px}.harmony-score{background:var(--surface-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-row);width:100%;height:160px;display:block}.editor>.meter .meter-body{min-height:80px;position:relative}@media (width>=1700px){.editor>.meter .meter-body{justify-content:flex-start}}}@layer skin{.track-footer .add-track{background:var(--studio-panel);color:var(--text-secondary)}@media (hover:hover) and (pointer:fine){.add-device:hover,.import-area:hover{border-color:var(--border-strong)}}.app-header:has(.collaborators:not(:empty)){gap:18px}.sound-meta .sound-format{font:var(--font-caption);letter-spacing:var(--tracking-caption)}#zoom-controls .follow-playhead{border-radius:var(--radius-medium);padding:4px 8px}#zoom-controls .follow-playhead svg{width:16px;height:16px}.channel-insert-row:has(.insert-slot:hover){background:var(--surface-overlay)}.monitor-badge{border-radius:var(--radius-small);background:color-mix(in oklab,var(--yellow-500) 22%,transparent);color:var(--yellow-400);font:var(--font-meta);letter-spacing:var(--tracking-meta);pointer-events:auto;flex:none;padding:1px 5px}.monitor-badge[hidden]{display:none}.device.monitor-bypassed>.device-heading .monitor-badge{order:4}.channel-insert-row[data-latency-track]{position:relative}.channel-insert-row>.monitor-badge{font:var(--font-scale);letter-spacing:var(--tracking-scale);padding:0 3px;position:absolute;top:-5px;right:-3px}.channel-insert-row.monitor-bypassed .insert-slot{opacity:.6}.device .parameter--choice .ui-select{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.library-drawer label.search{border:1px solid var(--border-subtle);background:var(--surface-sunken)}.library-drawer .sound-meta span{font:var(--font-caption);letter-spacing:var(--tracking-caption)}.library-drawer .sound-duration{color:var(--text-secondary)}.plugin-window .hardware-section .plugin-section-grid{gap:12px}}