@font-face{font-family:Bromer Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bromer Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bromer Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111;--paper:#f6f2e9;--white:#fff;--well:#efeadf;--line-soft:#d8d2c4;--grey:#e6e1d6;--grey-ink:#6b665c;--yellow:#ffc93c;--pink:#ff90e8;--blue:#8aa4ff;--green:#7ee2a8;--orange:#ff9f5a;--red:#ff5c5c;--lilac:#c3b3ff;--yellow-soft:#fff0c4;--pink-soft:#ffe1f8;--blue-soft:#e3e9ff;--green-soft:#dcf7e7;--orange-soft:#ffe7d6;--red-soft:#ffe0e0;--lilac-soft:#eee8ff;--bg:var(--paper);--surface:var(--white);--surface-muted:var(--well);--text:var(--ink);--text-muted:#4a463f;--text-faint:var(--grey-ink);--primary:var(--yellow);--accent:var(--pink);--select:var(--blue);--live:var(--green);--warn:var(--orange);--danger:var(--red);--zone-source:var(--yellow);--zone-deck:var(--blue);--zone-controls:var(--pink);--font-sans:"Bromer Sans", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-sans);--font-mono:"Bromer Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-hero:clamp(2.25rem, 5vw, 3.75rem);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-label:.06em;--tracking-tight:-.02em;--leading-tight:1.05;--bw:2px;--rule:var(--bw) solid var(--ink);--rule-soft:1px solid var(--line-soft);--shadow-xs:2px 2px 0 0 var(--ink);--shadow-sm:3px 3px 0 0 var(--ink);--shadow:4px 4px 0 0 var(--ink);--shadow-lg:6px 6px 0 0 var(--ink);--shadow-none:0 0 0 0 var(--ink);--lift:translate(-1px, -1px);--press:translate(3px, 3px);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--ctl-sm:32px;--ctl-md:40px;--ctl-lg:48px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--dur-1:80ms;--dur-2:.14s;--dur-3:.24s;--ease:cubic-bezier(.2, .8, .3, 1);--focus:#2f5bff;--focus-width:2px;--focus-offset:2px;--z-content:1;--z-sticky:20;--z-transport:30;--z-overlay:60;--z-dialog:70;--z-alert:80;--z-tooltip:90}
*,:before,:after{box-sizing:border-box}html{background:var(--bg);-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--fw-medium);font-synthesis-weight:none;scrollbar-color:var(--ink) transparent;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5;position:relative;overflow-x:clip}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}strong,b{font-weight:var(--fw-bold)}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit;margin:0}button,[role=button],[role=tab],select,summary{cursor:pointer}label:has(>input[type=radio]){cursor:pointer}label:has(>input[type=checkbox]){cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}img,svg,video,canvas{max-width:100%;display:block}button svg,a svg,label svg,span svg,summary svg,strong svg{vertical-align:middle;flex:none;display:inline-block}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}hr{height:0;margin:var(--sp-4) 0;border:0;border-top:var(--rule)}::selection{background:var(--pink);color:var(--ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--ink) padding-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:0 0}:focus{outline:none}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}[hidden]{display:none!important}.tabular,code,kbd,samp{font-family:var(--font-mono);font-variant-numeric:tabular-nums}kbd{border:var(--rule);border-radius:var(--r-sm);background:var(--white);min-width:1.9em;min-height:1.9em;box-shadow:var(--shadow-xs);font-size:.85em;font-weight:var(--fw-bold);place-items:center;padding:0 .4em;line-height:1;display:inline-grid}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spin{animation:1.4s ease-in-out infinite spin-pulse!important}@keyframes spin-pulse{0%,to{opacity:.35}50%{opacity:1}}}@media (forced-colors:active){:focus-visible{outline-color:highlight}}
.card{border:var(--rule);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.btn,.secondary-button,.accent-button,.ghost-button,.transport-button{min-height:var(--ctl-md);justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border:var(--rule);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:center;white-space:nowrap;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;line-height:1.15;text-decoration:none;display:inline-flex;position:relative}.btn:hover:not(:disabled),.secondary-button:hover:not(:disabled),.accent-button:hover:not(:disabled),.transport-button:hover:not(:disabled){box-shadow:var(--shadow);transform:var(--lift)}.btn:active:not(:disabled),.secondary-button:active:not(:disabled),.accent-button:active:not(:disabled),.ghost-button:active:not(:disabled),.transport-button:active:not(:disabled){box-shadow:var(--shadow-none);transform:var(--press)}.accent-button,.btn-primary{background:var(--primary)}.ghost-button{box-shadow:none;background:0 0;border-color:#0000}.ghost-button:hover:not(:disabled){border-color:var(--ink);background:var(--white)}.btn-danger,.secondary-button.is-armed,.delete-preset-button.is-armed{background:var(--danger)}.btn[aria-pressed=true],.secondary-button[aria-pressed=true],.transport-button[aria-pressed=true],.secondary-button.is-active,.transport-button.is-active{background:var(--select);box-shadow:var(--shadow-none);transform:var(--press)}.btn[aria-pressed=true]:hover:not(:disabled),.secondary-button[aria-pressed=true]:hover:not(:disabled),.transport-button[aria-pressed=true]:hover:not(:disabled),.secondary-button.is-active:hover:not(:disabled),.transport-button.is-active:hover:not(:disabled){box-shadow:var(--shadow-xs);transform:translate(1px,1px)}.btn:disabled,.secondary-button:disabled,.accent-button:disabled,.ghost-button:disabled,.transport-button:disabled,.icon-tool:disabled{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink);transform:none}.btn-lg{min-height:var(--ctl-lg);padding:0 var(--sp-6);font-size:var(--text-md)}.icon-tool{width:var(--ctl-md);height:var(--ctl-md);border:var(--rule);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-xs);color:var(--ink);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-tool:hover:not(:disabled){background:var(--yellow-soft);box-shadow:var(--shadow-sm);transform:var(--lift)}.icon-tool:active:not(:disabled){box-shadow:var(--shadow-none);transform:translate(2px,2px)}.icon-tool.is-active,.icon-tool[aria-pressed=true]{background:var(--select);box-shadow:var(--shadow-none);transform:translate(2px,2px)}.icon-tool[data-tooltip]:after{z-index:var(--z-tooltip);pointer-events:none;border-radius:var(--r-sm);background:var(--ink);width:max-content;max-width:200px;color:var(--white);content:attr(data-tooltip);font-size:var(--text-xs);font-weight:var(--fw-semibold);opacity:0;transition:opacity var(--dur-1) linear, transform var(--dur-1) var(--ease);visibility:hidden;padding:5px 8px;line-height:1.3;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}@media (hover:hover){.icon-tool[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(0)}}.icon-tool[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.badge,.status-pill,.master-badge,.stem-ready-badge,.compare-badge,.active-recipe{border:var(--rule);border-radius:var(--r-pill);background:var(--white);min-height:24px;color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;line-height:1.1;display:inline-flex}.eyebrow-label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}input[type=text],input[type=search],input[type=email],input[type=number],input:not([type]),textarea,select{min-height:var(--ctl-md);padding:0 var(--sp-3);border:var(--rule);border-radius:var(--r-md);background:var(--white);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold)}textarea{padding:var(--sp-2) var(--sp-3)}input::placeholder,textarea::placeholder{color:var(--grey-ink);opacity:1}select{appearance:none;padding-right:34px}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=checkbox],input[type=radio]{appearance:none;border:var(--rule);border-radius:var(--r-sm);background:var(--white);flex:none;width:20px;height:20px;margin:0}input[type=radio]{border-radius:var(--r-pill)}input[type=checkbox]:checked{background:center / 12px 12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 6.2 4.6 9.3 10.5 2.7' fill='none' stroke='%23111' stroke-width='2.2'/%3E%3C/svg%3E"), var(--yellow)}input[type=radio]:checked{background:radial-gradient(circle, var(--ink) 0 32%, var(--yellow) 36%)}input[type=range]{--range-track:10px;--range-thumb:20px;--range-empty:var(--white);width:100%;height:calc(var(--range-thumb) + 4px);appearance:none;cursor:pointer;background:0 0;margin:0;padding:0}input[type=range]:disabled{cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{height:var(--range-track);border:var(--rule);border-radius:var(--r-pill);background:var(--range-empty)}input[type=range]::-moz-range-track{height:var(--range-track);border:var(--rule);border-radius:var(--r-pill);background:var(--range-empty)}input[type=range]::-moz-range-progress{height:var(--range-track);border-radius:var(--r-pill);background:var(--ink)}input[type=range]::-webkit-slider-thumb{width:var(--range-thumb);height:var(--range-thumb);margin-top:calc((var(--range-track) - var(--range-thumb)) / 2 - var(--bw));appearance:none;border:var(--rule);border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-xs);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease)}input[type=range]::-moz-range-thumb{width:calc(var(--range-thumb) - 4px);height:calc(var(--range-thumb) - 4px);border:var(--rule);border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-xs)}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{background:var(--yellow)}input[type=range]:active:not(:disabled)::-webkit-slider-thumb{background:var(--yellow);box-shadow:var(--shadow-none);transform:translate(1px,1px)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:var(--focus-width) solid var(--focus);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:var(--focus-width) solid var(--focus);outline-offset:2px}input[type=range]:disabled::-webkit-slider-thumb{border-color:var(--grey-ink);background:var(--grey);box-shadow:none}input[type=range]:disabled::-moz-range-thumb{border-color:var(--grey-ink);background:var(--grey);box-shadow:none}
.studio-shell{gap:var(--sp-3);width:100%;min-width:0;min-height:100dvh;padding:var(--sp-4) var(--sp-4) var(--sp-3);flex-direction:column;margin:0 auto;display:flex}.studio-shell>*{flex-shrink:0}.studio-alert{top:var(--sp-2);z-index:var(--z-alert);align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border:var(--rule);border-radius:var(--r-lg);background:var(--red-soft);box-shadow:var(--shadow);color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:sticky}.studio-alert>svg{border:var(--rule);border-radius:var(--r-pill);background:var(--danger);width:28px;height:28px;color:var(--ink);padding:5px}.studio-alert p{min-width:0;font-size:var(--text-sm);font-weight:var(--fw-semibold);overflow-wrap:anywhere;line-height:1.45}.studio-alert .icon-tool:hover:not(:disabled){background:var(--white)}.topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);min-width:0;margin-bottom:var(--sp-4);display:flex}.studio-shell>.topbar{margin-bottom:0}.brand-lockup{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.brand-mark{width:var(--ctl-md);height:var(--ctl-md);border:var(--rule);border-radius:var(--r-md);background:var(--accent);box-shadow:var(--shadow-xs);color:var(--ink);flex:none;place-items:center;display:grid}.brand-lockup>div:last-child{min-width:0}.brand-lockup h1{font-size:var(--text-2xl);text-overflow:ellipsis;white-space:nowrap;line-height:1.05;overflow:hidden}.brand-lockup p{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;line-height:1.2;overflow:hidden}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.workspace-switch-link{min-height:var(--ctl-md);justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border:var(--rule);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;line-height:1.15;text-decoration:none;display:inline-flex}.workspace-switch-link:hover{box-shadow:var(--shadow);transform:var(--lift)}.workspace-switch-link:active{box-shadow:var(--shadow-none);transform:var(--press)}.topbar .status-pill{min-height:32px;padding:0 var(--sp-3);background:var(--green-soft)}.topbar .status-pill svg{flex:none}.drop-overlay{z-index:var(--z-overlay);padding:var(--sp-6);pointer-events:none;background:color-mix(in srgb, var(--paper) 96%, transparent);animation:studio-fade-in var(--dur-2) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.drop-overlay-card{justify-items:center;gap:var(--sp-2);width:min(480px,100%);padding:var(--sp-8) var(--sp-6);border:var(--bw) dashed var(--ink);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-lg);color:var(--ink);text-align:center;display:grid}.drop-overlay-card svg{width:64px;height:64px;margin-bottom:var(--sp-2);border:var(--rule);border-radius:var(--r-lg);background:var(--primary);box-shadow:var(--shadow-sm);padding:15px}.drop-overlay-card strong{font-size:var(--text-3xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.drop-overlay-card span{color:var(--text-muted);font-size:var(--text-md);font-weight:var(--fw-medium)}@keyframes studio-fade-in{0%{opacity:0}}.mobile-workspace-tabs{display:none}.studio-grid{align-items:stretch;gap:var(--sp-4);grid-template-columns:clamp(248px,21vw,312px) minmax(0,1fr) clamp(288px,26vw,392px);min-width:0;display:grid}.panel{border:var(--rule);border-radius:var(--r-lg);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow)}.left-panel{--studio-zone:var(--zone-source);--studio-zone-soft:var(--yellow-soft)}.deck-panel{--studio-zone:var(--zone-deck);--studio-zone-soft:var(--blue-soft)}.control-panel{--studio-zone:var(--zone-controls);--studio-zone-soft:var(--pink-soft)}.left-panel,.control-panel{overscroll-behavior:contain;padding:var(--sp-4);position:relative;overflow:hidden auto}.left-panel{gap:var(--sp-3);flex-direction:column;display:flex}.left-panel>*{flex-shrink:0}.deck-panel{gap:var(--sp-3);overscroll-behavior:contain;min-height:0;padding:var(--sp-4);flex-direction:column;display:flex;overflow:hidden auto;container:studio-deck/inline-size}.deck-panel>:not(.visualizer-stack){flex-shrink:0}.panel-heading{justify-content:space-between;align-items:center;gap:var(--sp-3);min-width:0;margin:0 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:var(--rule-soft);display:flex}.left-panel>.panel-heading{margin-bottom:var(--sp-1)}.panel-heading>svg{color:var(--text-faint)}:is(.panel-heading,.recipe-toggle) .studio-panel-title{align-items:center;column-gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);row-gap:2px;min-width:0;display:grid}:is(.panel-heading,.deck-header,.recipe-toggle) .studio-zone-chip{border:var(--rule);border-radius:var(--r-md);background:var(--studio-zone,var(--white));width:32px;height:32px;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:0;text-transform:none;grid-row:1/span 2;place-items:center;line-height:1;display:inline-grid}:is(.panel-heading,.recipe-toggle) .studio-panel-title>span:not(.studio-zone-chip){color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:0;text-transform:none;grid-column:2;align-self:end;line-height:1.2}:is(.panel-heading,.recipe-toggle) .studio-panel-title>:is(h2,strong){color:var(--ink);font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;grid-column:2;align-self:start;line-height:1.1;overflow:hidden}.upload-drop{align-content:center;justify-items:center;gap:var(--sp-1);width:100%;min-height:136px;padding:var(--sp-4) var(--sp-3);border:var(--bw) dashed var(--ink);border-radius:var(--r-lg);background:var(--white);color:var(--ink);text-align:center;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;display:grid}.upload-drop:hover:not(:disabled){background:var(--yellow-soft)}.upload-drop.is-dragging{background:var(--yellow-soft);box-shadow:var(--shadow);transform:var(--lift);border-style:solid}.upload-drop:disabled{border-color:var(--grey-ink);background:var(--surface-muted);color:var(--grey-ink);cursor:progress}.upload-icon{width:44px;height:44px;margin-bottom:var(--sp-2);border:var(--rule);border-radius:var(--r-md);background:var(--primary);box-shadow:var(--shadow-xs);color:var(--ink);place-items:center;display:grid}.upload-drop:disabled .upload-icon{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink)}.upload-drop>span:not(.upload-icon){width:100%;font-size:var(--text-md);font-weight:var(--fw-bold);overflow-wrap:anywhere;line-height:1.25}.upload-drop small{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-medium)}.upload-drop:disabled small{color:var(--grey-ink)}.voice-recorder{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:var(--rule);border-radius:var(--r-lg);background:var(--white);transition:background-color var(--dur-2) linear;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"icon copy""action action""picker picker";display:grid}.voice-recorder.is-recording{background:var(--red-soft)}.voice-recorder-icon{border:var(--rule);border-radius:var(--r-pill);background:var(--surface-muted);width:36px;height:36px;color:var(--ink);grid-area:icon;place-items:center;display:grid}.voice-recorder.is-recording .voice-recorder-icon{background:var(--danger)}.voice-recorder-copy{grid-area:copy;gap:2px;min-width:0;display:grid}.voice-recorder-copy strong{font-size:var(--text-sm);font-weight:var(--fw-bold);align-items:center;gap:6px;line-height:1.25;display:flex}.voice-recorder.is-recording .voice-recorder-copy strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.voice-recorder.is-recording .voice-recorder-copy strong:before{border:var(--rule);border-radius:var(--r-pill);background:var(--danger);content:"";flex:none;width:10px;height:10px;animation:1.2s ease-in-out infinite studio-rec-pulse}.voice-recorder-copy small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1.3}.voice-recorder-actions{align-items:center;gap:var(--sp-2);grid-area:action;min-width:0;display:flex}.voice-recorder-waiting{min-height:var(--ctl-md);border:var(--bw) dashed var(--grey-ink);border-radius:var(--r-md);color:var(--ink);flex:auto;place-items:center;display:grid}.voice-record-button,.voice-stop-button,.voice-cancel-button{min-height:var(--ctl-md);justify-content:center;align-items:center;gap:var(--sp-2);border:var(--rule);border-radius:var(--r-md);box-shadow:var(--shadow-sm);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;line-height:1;display:inline-flex}.voice-record-button{width:100%;padding:0 var(--sp-3);background:var(--white);grid-area:action}.voice-record-button svg{border:var(--rule);border-radius:var(--r-pill);background:var(--danger);width:24px;height:24px;padding:4px}.voice-stop-button{padding:0 var(--sp-3);background:var(--primary);flex:auto}.voice-cancel-button{width:var(--ctl-md);background:var(--white);flex:none;padding:0}.voice-record-button:hover:not(:disabled),.voice-stop-button:hover:not(:disabled),.voice-cancel-button:hover:not(:disabled){box-shadow:var(--shadow);transform:var(--lift)}.voice-record-button:active:not(:disabled),.voice-stop-button:active:not(:disabled),.voice-cancel-button:active:not(:disabled){box-shadow:var(--shadow-none);transform:var(--press)}.voice-record-button:disabled,.voice-stop-button:disabled,.voice-cancel-button:disabled{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink);transform:none}.voice-record-button:disabled svg{border-color:var(--grey-ink);background:0 0}.voice-input-picker{align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:var(--rule-soft);cursor:pointer;grid-area:picker;grid-template-columns:auto minmax(0,1fr);display:grid}.voice-input-picker>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.voice-input-picker select{width:100%;min-width:0;min-height:36px;padding-left:var(--sp-3);text-overflow:ellipsis;grid-area:1/2;overflow:hidden}.voice-input-picker select:disabled{border-color:var(--grey-ink);background:var(--grey);color:var(--grey-ink)}.voice-input-picker>svg{margin-right:var(--sp-3);pointer-events:none;color:var(--ink);grid-area:1/2;justify-self:end}@keyframes studio-rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.stem-pair-upload,.demo-track-button,.surprise-button,.stem-pair-summary-actions>button{border:var(--rule);border-radius:var(--r-md);background:var(--white);width:100%;box-shadow:var(--shadow-sm);color:var(--ink);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear}.stem-pair-upload:hover:not(:disabled),.demo-track-button:hover:not(:disabled),.surprise-button:hover:not(:disabled),.stem-pair-summary-actions>button:hover:not(:disabled){box-shadow:var(--shadow);transform:var(--lift)}.stem-pair-upload:active:not(:disabled),.demo-track-button:active:not(:disabled),.surprise-button:active:not(:disabled),.stem-pair-summary-actions>button:active:not(:disabled){box-shadow:var(--shadow-none);transform:var(--press)}.stem-pair-upload:disabled,.demo-track-button:disabled,.surprise-button:disabled,.stem-pair-summary-actions>button:disabled{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink);transform:none}.stem-pair-upload{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-3);text-align:left;grid-template-columns:36px minmax(0,1fr);display:grid}.stem-pair-upload-icon{border:var(--rule);border-radius:var(--r-md);background:var(--lilac-soft);place-items:center;width:36px;height:36px;display:grid}.stem-pair-upload:disabled .stem-pair-upload-icon{border-color:var(--grey-ink);background:0 0}.stem-pair-upload>span:last-child{gap:2px;min-width:0;display:grid}.stem-pair-upload strong{font-size:var(--text-sm);font-weight:var(--fw-bold);line-height:1.25}.stem-pair-upload small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1.3}.stem-pair-upload:disabled small{color:var(--grey-ink)}.stem-pair-summary{gap:var(--sp-2);min-width:0;padding:var(--sp-3);border:var(--rule);border-radius:var(--r-lg);background:var(--green-soft);display:grid}.stem-pair-summary.needs-review{background:var(--orange-soft)}.stem-pair-summary-heading{justify-content:space-between;align-items:baseline;gap:2px var(--sp-2);min-width:0;padding-bottom:var(--sp-1);flex-wrap:wrap;display:flex}.stem-pair-summary-heading span{font-size:var(--text-sm);font-weight:var(--fw-bold)}.stem-pair-summary-heading strong{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.stem-file-row{align-items:center;gap:var(--sp-2);min-width:0;padding:6px var(--sp-2);border-radius:var(--r-md);background:var(--white);grid-template-columns:56px minmax(0,1fr);display:grid}.stem-file-row>span:last-child{justify-content:space-between;align-items:baseline;gap:var(--sp-2);min-width:0;display:flex}.stem-file-row strong{min-width:0;font-size:var(--text-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stem-file-row small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex:none}.stem-role{min-height:22px;padding:0 var(--sp-2);border:var(--rule);border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-bold);justify-content:center;align-items:center;line-height:1;display:inline-flex}.stem-role.vocal-role{background:var(--blue)}.stem-role.beat-role{background:var(--pink)}.stem-pair-summary p{font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.4}.stem-pair-summary-actions{gap:var(--sp-2);padding-top:var(--sp-1);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.stem-pair-summary-actions>button{min-height:36px;padding:0 var(--sp-2);box-shadow:var(--shadow-xs);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.stem-pair-summary-actions>button:hover:not(:disabled){box-shadow:var(--shadow-sm)}.stem-pair-summary-actions>button:active:not(:disabled){transform:translate(2px,2px)}.demo-track-button,.surprise-button{min-height:var(--ctl-md);align-items:center;gap:var(--sp-1) var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:var(--fw-bold);line-height:1.2;display:flex}.demo-track-button{text-align:left;flex-wrap:wrap}.demo-track-button small{margin-left:calc(var(--icon-md) + var(--sp-2));color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);flex-basis:100%}.demo-track-button:disabled small{color:var(--grey-ink)}.surprise-button{justify-content:center}.panel-heading.compact{margin:var(--sp-2) 0 0;padding:var(--sp-3) 0 0;border-top:var(--rule-soft);border-bottom:0}.recipe-section-heading{display:block}.recipe-toggle{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-width:0;min-height:52px;padding:var(--sp-2);border:var(--bw) solid transparent;border-radius:var(--r-md);color:var(--ink);text-align:left;transition:background-color var(--dur-1) linear, border-color var(--dur-1) linear;background:0 0;display:flex}.recipe-toggle:hover{background:var(--surface-muted)}.recipe-toggle-copy{flex:auto}.recipe-toggle-icons{align-items:center;gap:var(--sp-2);color:var(--text-faint);flex:none;display:inline-flex}.recipe-toggle-chevron{border:var(--rule);border-radius:var(--r-pill);background:var(--white);width:30px;height:30px;color:var(--ink);transition:transform var(--dur-2) var(--ease);padding:5px}.recipe-toggle[aria-expanded=true] .recipe-toggle-chevron{background:var(--studio-zone-soft,var(--white));transform:rotate(180deg)}.recipe-collapsible{gap:var(--sp-3);min-width:0;display:grid}.deck-header{align-items:center;gap:var(--sp-1) var(--sp-3);min-width:0;padding-bottom:var(--sp-3);border-bottom:var(--rule-soft);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.deck-header .studio-panel-title{display:contents}.deck-header .studio-zone-chip{grid-area:1/1/span 2;align-self:center}.deck-eyebrow{flex-wrap:wrap;grid-area:1/2;align-items:center;gap:6px;min-width:0;display:flex}.deck-eyebrow>span:first-child{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);margin-right:2px;line-height:1.2}.deck-eyebrow .active-recipe,.deck-eyebrow .stem-ready-badge,.deck-eyebrow .compare-badge{max-width:100%;min-height:22px;padding:1px var(--sp-2);font-size:var(--text-2xs);text-overflow:ellipsis;overflow:hidden}.deck-eyebrow .active-recipe{background:var(--studio-zone-soft)}.deck-eyebrow .stem-ready-badge{background:var(--lilac-soft)}.deck-eyebrow .compare-badge{background:var(--primary)}.deck-header h2{min-width:0;font-size:clamp(var(--text-2xl), 2.2vw, var(--text-3xl));font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2/auto/-1;line-height:1.1;overflow:hidden}.deck-header>strong{min-height:28px;padding:0 var(--sp-3) 0 10px;border:var(--rule);border-radius:var(--r-pill);background:var(--white);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;flex:none;grid-area:1/3;justify-self:end;align-items:center;gap:6px;line-height:1;display:inline-flex}.deck-header>strong:before{border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--white);content:"";flex:none;width:8px;height:8px}.deck-header>strong[data-tone=busy]{background:var(--yellow-soft)}.deck-header>strong[data-tone=busy]:before{background:var(--yellow)}.deck-header>strong[data-tone=ready]{background:var(--green-soft)}.deck-header>strong[data-tone=ready]:before,.deck-header>strong[data-tone=live]:before,.deck-header>strong[data-tone=live]{background:var(--green)}.deck-header>strong[data-tone=live]:before{background:var(--ink)}.deck-header>strong[data-tone=recording]{background:var(--red-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.deck-header>strong[data-tone=recording]:before{background:var(--danger);animation:1.2s ease-in-out infinite studio-rec-pulse}.recipe-strip{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.recipe-strip>div{min-width:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface-muted);align-content:start;gap:2px;display:grid}.recipe-strip span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.recipe-strip strong{font-family:var(--font-mono);font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.recipe-strip strong.is-flat{color:var(--text-muted);font-weight:var(--fw-semibold)}.waveform-empty-actions{justify-content:center;gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-2);pointer-events:auto;flex-wrap:wrap;display:flex}.waveform-empty-actions .secondary-button{flex:none;width:auto}.monitor-strip{gap:var(--sp-3);grid-template-columns:minmax(0,1.7fr) minmax(min(184px,52%),1fr);min-width:0;display:grid}.monitor-strip>*{min-width:0}.mix-actions{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.mix-actions .secondary-button{width:100%;min-width:0}.preset-save-form{align-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-muted);flex-wrap:wrap;display:flex}.preset-save-form input{flex:180px;min-width:0}.preset-save-form .secondary-button{flex:none}.preset-save-form button[type=submit][value=new]{background:var(--primary)}.preset-save-form .delete-preset-button.is-armed{background:var(--danger)}.metric-strip{gap:var(--sp-2) var(--sp-3);min-width:0;padding-top:var(--sp-3);border-top:var(--rule-soft);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-strip>div{gap:2px;min-width:0;display:grid}.metric-strip span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.3}.metric-strip strong{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}@container studio-deck (max-width:560px){.recipe-strip,.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-footer{justify-content:space-between;align-items:center;gap:var(--sp-1) var(--sp-4);min-width:0;padding:0 var(--sp-1);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);flex-wrap:wrap;line-height:1.4;display:flex}.studio-footer nav{gap:var(--sp-1) var(--sp-4);flex-wrap:wrap;display:flex}.studio-footer a{color:var(--text-muted);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.studio-footer a:hover{color:var(--ink);text-decoration-thickness:2px}@media (min-width:900px){.studio-shell{height:100dvh;min-height:0;overflow:hidden}.studio-shell>.studio-grid{flex:auto;grid-template-rows:minmax(0,1fr);min-height:0}}@media (min-width:900px) and (max-width:1199px){.studio-grid{gap:var(--sp-3)}}@media (min-width:900px) and (max-height:760px){.studio-shell{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.studio-grid{gap:var(--sp-3)}.left-panel,.control-panel,.deck-panel{padding:var(--sp-3)}.left-panel,.deck-panel{gap:var(--sp-2)}.brand-mark{width:36px;height:36px}.brand-lockup h1{font-size:var(--text-xl)}.panel-heading{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2)}.left-panel>.panel-heading{margin-bottom:0}.panel-heading.compact{margin-top:var(--sp-1);padding-top:var(--sp-2)}:is(.panel-heading,.deck-header,.recipe-toggle) .studio-zone-chip{width:28px;height:28px}.upload-drop{min-height:104px;padding:var(--sp-3)}.upload-icon{width:36px;height:36px;margin-bottom:var(--sp-1)}.voice-recorder{gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3)}.voice-input-picker{padding-top:var(--sp-2)}.stem-pair-upload{min-height:52px;padding:var(--sp-2) var(--sp-3)}.recipe-toggle{min-height:44px;padding:var(--sp-1) var(--sp-2)}.deck-header{padding-bottom:var(--sp-2)}.deck-header h2{font-size:var(--text-2xl)}.recipe-strip>div{padding:6px var(--sp-3)}.metric-strip{padding-top:var(--sp-2)}.studio-footer{display:none}}@media (max-width:899px){.studio-grid{grid-template-columns:minmax(272px,.5fr) minmax(0,1fr);align-items:start}.left-panel,.control-panel,.deck-panel{overflow:visible}.control-panel{grid-column:1/-1}}@media (max-width:820px){.studio-shell{padding:var(--sp-3)}.topbar{gap:var(--sp-3)}.brand-mark{width:36px;height:36px}.brand-lockup{gap:var(--sp-2)}.brand-lockup h1{font-size:var(--text-xl)}.topbar-actions{gap:var(--sp-2);flex-wrap:nowrap}.studio-alert{position:relative;top:auto}.mobile-workspace-tabs{top:var(--sp-2);z-index:var(--z-sticky);gap:var(--sp-1);padding:var(--sp-1);border:var(--rule);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:sticky}.mobile-workspace-tabs button{min-width:0;min-height:var(--ctl-lg);padding:0 var(--sp-2);border:var(--bw) solid transparent;border-radius:var(--r-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:background-color var(--dur-1) linear, border-color var(--dur-1) linear;background:0 0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.mobile-workspace-tabs button:first-child{--studio-tab-zone:var(--zone-source)}.mobile-workspace-tabs button:nth-child(2){--studio-tab-zone:var(--zone-deck)}.mobile-workspace-tabs button:nth-child(3){--studio-tab-zone:var(--zone-controls)}.mobile-workspace-tabs button:hover{background:var(--surface-muted);color:var(--ink)}.mobile-workspace-tabs button[aria-pressed=true]{border-color:var(--ink);background:var(--studio-tab-zone);color:var(--ink)}.studio-grid{grid-template-columns:minmax(0,1fr)}.control-panel{grid-column:auto}.workspace-panel{display:none}.left-panel.workspace-panel.is-mobile-active{display:flex}.control-panel.workspace-panel.is-mobile-active{display:block}.deck-panel.workspace-panel.is-mobile-active{display:flex}.workspace-switch-link,.demo-track-button,.surprise-button,.mix-actions .secondary-button,.preset-save-form .secondary-button,.preset-save-form input,.waveform-empty-actions .secondary-button,.voice-input-picker select,.studio-alert .icon-tool{min-height:var(--ctl-lg)}.studio-alert .icon-tool{width:var(--ctl-lg)}.voice-record-button,.voice-stop-button,.voice-cancel-button,.voice-recorder-waiting,.stem-pair-summary-actions>button{min-height:44px}.voice-cancel-button{width:44px}.studio-footer{padding:var(--sp-2) 0 var(--sp-1);text-align:center;flex-direction:column;justify-content:center}.studio-footer nav{justify-content:center}.studio-footer a{min-height:44px;padding:0 var(--sp-1);align-items:center;display:inline-flex}}@media (min-width:521px) and (max-width:820px){.voice-recorder{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"icon copy action""picker picker picker"}.voice-record-button{width:auto;min-width:160px}}@media (max-width:640px){.topbar .status-pill{width:var(--ctl-lg);min-width:var(--ctl-lg);min-height:var(--ctl-lg);border-radius:var(--r-md);justify-content:center;gap:0;padding:0;font-size:0;overflow:hidden}.topbar .status-pill svg{width:var(--icon-md);height:var(--icon-md)}}@media (max-width:520px){.left-panel,.control-panel,.deck-panel{padding:var(--sp-3)}.brand-lockup h1{font-size:var(--text-lg)}.brand-lockup p{font-size:var(--text-2xs)}.topbar .workspace-switch-link{width:var(--ctl-lg);min-width:var(--ctl-lg);min-height:var(--ctl-lg);gap:0;padding:0;font-size:0;overflow:hidden}.topbar .workspace-switch-link svg{width:var(--icon-md);height:var(--icon-md)}.mobile-workspace-tabs button{padding:0 var(--sp-1);font-size:var(--text-xs);gap:5px}.upload-drop{min-height:120px}.deck-header h2{font-size:var(--text-2xl);white-space:normal;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box}}@media (hover:none) and (pointer:coarse){.shortcut-open-button{display:none}.workspace-switch-link,.demo-track-button,.surprise-button,.mix-actions .secondary-button,.preset-save-form .secondary-button,.preset-save-form input,.waveform-empty-actions .secondary-button,.voice-input-picker select,.mobile-workspace-tabs button,.recipe-toggle{min-height:var(--ctl-lg)}.studio-alert .icon-tool{width:var(--ctl-lg);height:var(--ctl-lg)}.voice-record-button,.voice-stop-button,.voice-cancel-button,.voice-recorder-waiting,.stem-pair-summary-actions>button{min-height:44px}.voice-cancel-button{width:44px}.studio-footer a{min-height:44px;padding:0 var(--sp-1);align-items:center;display:inline-flex}}@media (prefers-reduced-motion:reduce){.drop-overlay,.voice-recorder.is-recording .voice-recorder-copy strong:before,.deck-header>strong[data-tone=recording]:before{animation:none}.upload-drop.is-dragging{transform:none}}.left-panel input[type=file]:not([multiple]):focus-visible~.upload-drop,.left-panel input[type=file][multiple]:focus-visible~.stem-pair-upload,.left-panel input[type=file][multiple]:focus-visible~.stem-pair-summary{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}
.preset-library{gap:var(--sp-3);min-width:0;display:grid;position:relative}.preset-library-search{min-height:var(--ctl-md);align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);border:var(--rule);border-radius:var(--r-md);background:var(--white);color:var(--text-muted);display:flex}.preset-library-search:focus-within{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.preset-library-search input{width:100%;min-width:0;min-height:calc(var(--ctl-md) - 2 * var(--bw));color:var(--ink);background:0 0;border:0;border-radius:0;padding:0}.preset-library-search input:focus-visible{outline:none}.preset-library-filter{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0;display:flex}.preset-library-select{align-items:center;min-width:0;max-width:100%;display:inline-flex;position:relative}.preset-library-select select,.preset-library-filter select{max-width:100%;min-height:var(--ctl-sm);padding:0 34px 0 var(--sp-3);border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-xs);font-size:var(--text-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease)}.preset-library-select select:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:var(--lift)}.preset-library-select svg{pointer-events:none;position:absolute;right:12px}.preset-library-select:has(select:hover:not(:disabled)) svg{transform:var(--lift)}.preset-library-count,.preset-library-filter>span:last-child{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);white-space:nowrap}.preset-list{gap:var(--sp-2);min-width:0;display:grid}.preset-list:empty{display:none}.preset-card{--preset-chip:var(--surface-muted);align-items:center;gap:var(--sp-3);width:100%;min-width:0;min-height:56px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border:var(--rule);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink);text-align:left;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;grid-template-columns:36px minmax(0,1fr) auto;display:grid}.preset-card:hover:not(:disabled){box-shadow:var(--shadow);transform:var(--lift)}.preset-card:active:not(:disabled){box-shadow:var(--shadow-none);transform:var(--press)}.preset-card.is-active,.preset-card.is-active:hover:not(:disabled){--preset-chip:var(--zone-source);background:var(--yellow-soft);box-shadow:var(--shadow-none);transform:var(--press)}.preset-icon{border:var(--rule);border-radius:var(--r-md);background:var(--preset-chip);width:36px;height:36px;color:var(--ink);flex:none;place-items:center;display:grid}.preset-copy{gap:2px;min-width:0;display:grid}.preset-copy strong,.preset-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preset-copy strong{font-size:var(--text-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.2}.preset-copy small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1.3}.preset-tag{min-height:22px;padding:0 var(--sp-2);border:var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--ink);font-size:var(--text-2xs);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.preset-card.is-active .preset-tag{background:var(--ink);color:var(--white)}.preset-card:disabled{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink);transform:none}.preset-card:disabled .preset-icon,.preset-card:disabled .preset-tag{border-color:var(--grey-ink);background:var(--grey);color:var(--grey-ink)}.preset-card:disabled .preset-copy small{color:var(--grey-ink)}.preset-card.is-active:disabled .preset-tag{background:var(--grey-ink);color:var(--white)}.preset-library-empty{justify-items:start;gap:var(--sp-3);padding:var(--sp-4);border:var(--bw) dashed var(--ink);border-radius:var(--r-md);background:var(--surface-muted);display:grid}.preset-library-transfers{gap:var(--sp-2);flex-wrap:wrap;display:flex}.preset-library-transfers .secondary-button{flex:1 1 0;min-width:0}.preset-library-help,.preset-library-empty p,.preset-library-status{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);overflow-wrap:anywhere;margin:0;line-height:1.45}.preset-library-empty p{color:var(--text);font-size:var(--text-sm)}.preset-library-status{color:var(--text);font-weight:var(--fw-semibold)}.preset-library-status:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:899px){.preset-list{margin:0 calc(-1 * var(--sp-1));padding:var(--sp-1) var(--sp-2) var(--sp-3) var(--sp-1);overscroll-behavior-x:contain;scroll-padding-inline:var(--sp-1);scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(176px,1fr);grid-auto-flow:column;overflow-x:auto}.preset-card{align-items:start;gap:var(--sp-2);min-height:104px;padding:var(--sp-2) var(--sp-2) var(--sp-3);scroll-snap-align:start;grid-template:"icon tag""copy copy"1fr/36px minmax(0,1fr)}.preset-icon{grid-area:icon}.preset-copy{padding-left:var(--sp-1);grid-area:copy;align-self:end}.preset-tag{grid-area:tag;justify-self:end}}@media (max-width:820px),(hover:none) and (pointer:coarse){.preset-library-search,.preset-library-select select,.preset-library-filter select,.preset-library-transfers .secondary-button{min-height:44px}.preset-library-search input{min-height:calc(44px - 2 * var(--bw))}}
.control-heading{gap:var(--sp-2) var(--sp-3);flex-wrap:wrap}.control-heading h2{overflow-wrap:normal;white-space:nowrap}.history-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-tools .icon-tool,.eq-curve-header .icon-tool{width:var(--ctl-sm);height:var(--ctl-sm)}.control-tabs{gap:var(--sp-1);padding:var(--sp-1);border:var(--rule);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;container:control-tabs/inline-size}.control-tabs button{min-width:0;min-height:36px;padding:0 var(--sp-1);border:var(--bw) solid transparent;border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:background-color var(--dur-1) linear, border-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;justify-content:center;align-items:center;gap:6px;line-height:1.1;display:inline-flex}.control-tabs button:hover:not([aria-selected=true]){background:var(--surface-muted);color:var(--ink)}.control-tabs button[aria-selected=true]{border-color:var(--ink);background:var(--zone-controls);color:var(--ink)}.control-tabs button:focus-visible{outline-offset:1px}@container control-tabs (max-width:312px){.control-tabs button{min-height:44px;font-size:var(--text-xs);flex-direction:column;gap:2px;padding:2px 0}}.control-tab-panel{gap:var(--sp-5);min-width:0;margin-top:var(--sp-5);border-radius:var(--r-md);display:grid}.control-group{gap:var(--sp-2);min-width:0;display:grid}.control-group h3,.eq-curve h3,.room-profile-control legend{color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:0;margin:0;padding:0;line-height:1.25}.slider-stack{gap:var(--sp-4);min-width:0;padding:var(--sp-3) var(--sp-4) var(--sp-4);border:var(--rule);border-radius:var(--r-md);background:var(--white);display:grid}.studio-slider{gap:var(--sp-2);min-width:0;display:grid}.slider-label{justify-content:space-between;align-items:center;gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;min-width:0;display:flex}.slider-name{min-width:0;color:var(--text);font-size:var(--text-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;line-height:1.2;display:inline-flex;overflow:hidden}.slider-name svg{color:var(--text-muted);flex:none}.slider-value,.slider-label output{min-height:22px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--surface-muted);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em;white-space:nowrap;flex:none;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.studio-slider input[type=range]{--slider-fill:var(--zone-controls);--slider-tick:var(--ink);--slider-tick-at:calc(clamp(9px, var(--range-neutral,0%), calc(100% - 9px)) + max(0%, (var(--range-neutral,0%) - 99.5%) * 1000) - max(0%, (0.5% - var(--range-neutral,0%)) * 1000));--slider-fill-layer:linear-gradient(90deg, transparent 0 var(--range-low,0%), var(--slider-fill) var(--range-low,0%) var(--range-high,0%), transparent var(--range-high,0%) 100%);display:block}.studio-slider input[type=range]::-webkit-slider-runnable-track{background:var(--slider-fill-layer), var(--range-empty)}.studio-slider input[type=range]::-moz-range-track{background:var(--slider-fill-layer), var(--range-empty)}.studio-slider input[type=range]::-moz-range-progress{background:0 0}.studio-slider.is-bipolar input[type=range]{--slider-tick-layer:linear-gradient(90deg, transparent calc(var(--slider-tick-at) - 1px), var(--slider-tick) calc(var(--slider-tick-at) - 1px) calc(var(--slider-tick-at) + 1px), transparent calc(var(--slider-tick-at) + 1px));background:var(--slider-tick-layer) center / 100% calc(var(--range-track) + 8px) no-repeat}.studio-slider.is-bipolar input[type=range]::-webkit-slider-runnable-track{background:var(--slider-tick-layer), var(--slider-fill-layer), var(--range-empty)}.studio-slider.is-bipolar input[type=range]::-moz-range-track{background:var(--slider-tick-layer), var(--slider-fill-layer), var(--range-empty)}.studio-slider:has(input:disabled) .slider-name{color:var(--text-faint)}.studio-slider:has(input:disabled) .slider-name svg{color:var(--text-faint)}.studio-slider:has(input:disabled) output{color:var(--text-faint)}.studio-slider input[type=range]:disabled{--slider-fill:var(--grey);--slider-tick:var(--grey-ink)}.studio-slider input[type=range]:disabled::-webkit-slider-runnable-track{border-color:var(--grey-ink)}.studio-slider input[type=range]:disabled::-moz-range-track{border-color:var(--grey-ink)}.eq-curve{gap:var(--sp-2);min-width:0;display:grid}.eq-curve-header{min-width:0;min-height:var(--ctl-sm);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.eq-curve-header>div{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.eq-state{min-height:22px;padding:0 var(--sp-2);border:var(--rule);border-radius:var(--r-pill);background:var(--zone-controls);color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.eq-state.is-flat{background:var(--white)}.eq-curve-plot{gap:var(--sp-1);min-width:0;padding:var(--sp-3) var(--sp-3) var(--sp-2);border:var(--rule);border-radius:var(--r-md);background:var(--white);display:grid}.eq-curve:has(+.eq-slider-stack) .eq-curve-plot{border-bottom:var(--rule-soft);border-radius:var(--r-md) var(--r-md) 0 0}.eq-curve+.eq-slider-stack{margin-top:calc(-1 * var(--sp-5));border-radius:0 0 var(--r-md) var(--r-md);border-top:0}.eq-curve-chart{width:100%;height:84px;display:block;overflow:visible}.eq-grid-line{stroke:var(--line-soft);stroke-width:1px;vector-effect:non-scaling-stroke}.eq-grid-line.is-zero{stroke:var(--text-faint)}.eq-curve-fill{fill:var(--pink-soft)}.eq-curve-line{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;vector-effect:non-scaling-stroke}.eq-frequency-labels{height:14px;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);line-height:14px;position:relative}.eq-frequency-labels span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.eq-frequency-labels span:first-child{left:23.125%}.eq-frequency-labels span:nth-child(2){left:50%}.eq-frequency-labels span:nth-child(3){left:76.875%}.room-profile-control{border:0;min-width:0;margin:0;padding:0}.room-profile-control legend{margin-bottom:var(--sp-2)}.room-profile-options{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.room-profile-options label{min-width:0;display:block;position:relative}.room-profile-options input[type=radio]{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.room-profile-options span{min-height:52px;padding:10px var(--sp-3) 10px var(--sp-3);border:var(--rule);border-radius:var(--r-md);background:var(--white);transition:background-color var(--dur-1) linear, box-shadow var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);align-content:center;gap:2px;display:grid;position:relative}.room-profile-options strong,.room-profile-options small{overflow-wrap:anywhere;min-width:0;display:block}.room-profile-options strong{font-size:var(--text-sm);padding-right:26px;line-height:18px}.room-profile-options small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1.25}.room-profile-options span:before,.room-profile-options span:after{content:"";position:absolute;top:10px;right:10px}.room-profile-options span:before{border:var(--rule);border-radius:var(--r-pill);background:var(--white);width:18px;height:18px}.room-profile-options span:after{background:var(--white);opacity:0;width:10px;height:10px;top:14px;right:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.4 5.2 4 7.7 8.6 2.4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.4 5.2 4 7.7 8.6 2.4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.room-profile-options label:hover span{background:var(--surface-muted)}.room-profile-options label:has(input:checked) span{background:var(--pink-soft);box-shadow:var(--shadow-sm);transform:var(--lift)}.room-profile-options label:has(input:checked) span:before{background:var(--ink)}.room-profile-options label:has(input:checked) span:after{opacity:1}.room-profile-options label:has(input:focus-visible) span{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.room-profile-options label:has(input:disabled){cursor:not-allowed}.room-profile-options label:has(input:disabled) span{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink);transform:none}.room-profile-options label:has(input:disabled) small{color:var(--grey-ink)}.room-profile-options label:has(input:disabled) span:before{border-color:var(--grey-ink)}.room-profile-options label:has(input:disabled:checked) span:before{background:var(--grey-ink)}@media (max-width:899px){.control-tab-panel .slider-stack{gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr))}.control-tab-panel .eq-slider-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.control-tab-panel .slider-stack>.studio-slider:only-child,.control-tab-panel .slider-stack:not(.eq-slider-stack)>.studio-slider:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:520px){.control-tab-panel .slider-stack,.control-tab-panel .eq-slider-stack{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px),(hover:none) and (pointer:coarse){.history-tools .icon-tool,.eq-curve-header .icon-tool{width:44px;height:44px}.control-tabs button{min-height:44px}.studio-slider input[type=range]{--range-thumb:24px;--range-track:12px;height:44px}}
.auto-tune-panel{gap:var(--sp-4);min-width:0;display:grid;container:auto-tune/inline-size}.auto-tune-intro{gap:var(--sp-3);min-width:0;padding:var(--sp-4);border:var(--rule);border-radius:var(--r-lg);background:var(--surface);display:grid}.auto-tune-kicker{align-items:center;gap:var(--sp-2);border:var(--rule);border-radius:var(--r-pill);background:var(--white);width:fit-content;max-width:100%;min-height:26px;color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;padding:2px 2px 2px 10px;line-height:1.1;display:inline-flex}.auto-tune-kicker strong{min-height:18px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--accent);font-size:var(--text-2xs);align-items:center;display:inline-flex}.auto-tune-title-row{align-items:flex-start;gap:var(--sp-3);min-width:0;display:flex}.auto-tune-title-row>div{gap:var(--sp-1);min-width:0;display:grid}.auto-tune-icon{width:var(--ctl-md);height:var(--ctl-md);border:var(--rule);border-radius:var(--r-md);background:var(--pink-soft);color:var(--ink);flex:none;place-items:center;display:grid}.auto-tune-title-row h3{font-size:var(--text-xl);overflow-wrap:anywhere;line-height:1.15}.auto-tune-title-row p{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);text-wrap:pretty;line-height:1.45}.auto-tune-scope{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.auto-tune-scope span{border-radius:var(--r-pill);background:var(--surface-muted);min-width:0;min-height:26px;color:var(--text);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;line-height:1.1;display:inline-flex}.auto-tune-scope svg{color:var(--text-muted)}.auto-tune-panel .auto-tune-magic-button{justify-content:flex-start;gap:var(--sp-3);width:100%;min-width:0;min-height:68px;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);border-radius:var(--r-md);background:var(--primary);box-shadow:var(--shadow);color:var(--ink);text-align:left;white-space:normal}.auto-tune-panel .auto-tune-magic-button:hover:not(:disabled){box-shadow:var(--shadow);transform:var(--lift)}.auto-tune-panel .auto-tune-magic-button:active:not(:disabled){box-shadow:var(--shadow-none);transform:translate(4px,4px)}.auto-tune-panel .auto-tune-magic-button:disabled{border-color:var(--grey-ink);background:var(--grey);box-shadow:none;color:var(--grey-ink);transform:none}.auto-tune-panel .auto-tune-magic-button[data-state=analyzing]:disabled{border-color:var(--ink);background:var(--primary);box-shadow:var(--shadow-none);color:var(--ink);cursor:progress;transform:translate(4px,4px)}.auto-tune-magic-icon{width:var(--ctl-md);height:var(--ctl-md);border:var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--ink);flex:none;place-items:center;display:grid}.auto-tune-magic-button[data-state=complete] .auto-tune-magic-icon{background:var(--live)}.auto-tune-magic-button:disabled:not([data-state=analyzing]) .auto-tune-magic-icon{border-color:var(--grey-ink);color:var(--grey-ink);background:0 0}.auto-tune-magic-copy{gap:2px;min-width:0;display:grid}.auto-tune-magic-copy strong{font-size:var(--text-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.15}.auto-tune-magic-copy small{font-size:var(--text-xs);font-weight:var(--fw-medium);text-wrap:pretty;line-height:1.3}.auto-tune-cancel-button{width:100%}.auto-tune-analysis-summary{align-items:center;gap:var(--sp-1) var(--sp-4);min-width:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);flex-wrap:wrap;line-height:1.35;display:flex}.auto-tune-analysis-summary>span{white-space:nowrap;align-items:baseline;gap:.35em;display:inline-flex}.auto-tune-stat-value{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em}.auto-tune-switch{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-width:0;min-height:56px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);border:var(--rule);border-radius:var(--r-md);background:var(--white);color:var(--ink);text-align:left;transition:background-color var(--dur-1) linear;display:flex}.auto-tune-switch:hover:not(:disabled){background:var(--surface-muted)}.auto-tune-switch-copy{gap:2px;min-width:0;display:grid}.auto-tune-switch-copy strong{font-size:var(--text-md);line-height:1.2}.auto-tune-switch-copy small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.3}.auto-tune-switch.is-active .auto-tune-switch-copy small{color:var(--ink);font-weight:var(--fw-bold)}.auto-tune-switch-track{border:var(--rule);border-radius:var(--r-pill);background:var(--surface-muted);width:52px;height:30px;transition:background-color var(--dur-2) linear;flex:none;position:relative}.auto-tune-switch-track>span{border:var(--rule);border-radius:var(--r-pill);background:var(--white);width:22px;height:22px;box-shadow:var(--shadow-xs);transition:transform var(--dur-2) var(--ease);position:absolute;top:2px;left:2px}.auto-tune-switch.is-active .auto-tune-switch-track{background:var(--live)}.auto-tune-switch.is-active .auto-tune-switch-track>span{transform:translate(22px)}.auto-tune-switch:disabled{border-color:var(--grey-ink);background:var(--grey);color:var(--grey-ink)}.auto-tune-switch:disabled .auto-tune-switch-copy small{color:var(--grey-ink)}.auto-tune-switch:disabled .auto-tune-switch-track{border-color:var(--grey-ink);background:var(--grey)}.auto-tune-switch:disabled .auto-tune-switch-track>span{border-color:var(--grey-ink);box-shadow:none}.auto-tune-details{border:var(--rule);border-radius:var(--r-lg);background:var(--surface);min-width:0}.auto-tune-details-summary{justify-content:space-between;align-items:center;gap:var(--sp-3);min-width:0;min-height:56px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);border-radius:calc(var(--r-lg) - var(--bw));transition:background-color var(--dur-1) linear;list-style:none;display:flex}.auto-tune-details-summary::-webkit-details-marker{display:none}.auto-tune-details-summary:hover{background:var(--surface-muted)}.auto-tune-details-summary:focus-visible{outline-offset:-5px}.auto-tune-details[open]>.auto-tune-details-summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.auto-tune-details-copy{gap:2px;min-width:0;display:grid}.auto-tune-details-copy>span{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:1.3}.auto-tune-details-copy>strong{font-size:var(--text-md);line-height:1.2}.auto-tune-details-icons{align-items:center;gap:var(--sp-2);color:var(--text-muted);flex:none;display:inline-flex}.auto-tune-details-chevron{box-sizing:content-box;border:var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--ink);transition:transform var(--dur-2) var(--ease);padding:5px}.auto-tune-details[open] .auto-tune-details-chevron{transform:rotate(180deg)}.auto-tune-details-body{gap:var(--sp-5);min-width:0;padding:var(--sp-4);border-top:var(--rule-soft);display:grid}.auto-tune-character-control,.auto-tune-note-editor,.auto-tune-target-control,.auto-tune-planned-controls{gap:var(--sp-2);border:0;min-width:0;margin:0;padding:0;display:grid}.auto-tune-character-control legend,.auto-tune-note-editor legend,.auto-tune-target-control legend,.auto-tune-planned-controls legend{float:left;width:100%;color:var(--text);font-size:var(--text-sm);font-weight:var(--fw-bold);margin:0;padding:0;line-height:1.25}.auto-tune-character-control:disabled legend,.auto-tune-note-editor:disabled legend,.auto-tune-target-control:disabled legend,.auto-tune-planned-controls:disabled legend{color:var(--text-muted)}.auto-tune-character-grid{gap:var(--sp-1);min-width:0;padding:var(--sp-1);border:var(--rule);border-radius:var(--r-md);background:var(--white);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.auto-tune-character-grid button{min-width:0;min-height:60px;padding:var(--sp-2);border:var(--bw) solid transparent;border-radius:var(--r-sm);color:var(--ink);text-align:left;transition:background-color var(--dur-1) linear, border-color var(--dur-1) linear;background:0 0;align-content:start;gap:2px;display:grid}.auto-tune-character-grid button:hover:not(:disabled,.is-active){background:var(--surface-muted)}.auto-tune-character-grid button.is-active{border-color:var(--ink);background:var(--pink-soft)}.auto-tune-character-grid button:focus-visible{outline-offset:1px}.auto-tune-character-grid strong{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.2}.auto-tune-character-grid small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1.3}.auto-tune-character-grid button:disabled,.auto-tune-character-grid button:disabled small{color:var(--grey-ink)}.auto-tune-character-grid button.is-active:disabled{border-color:var(--grey-ink);background:var(--grey)}.auto-tune-character-control:disabled .auto-tune-character-grid,.auto-tune-note-editor:disabled .auto-tune-note-lane{border-color:var(--grey-ink)}.auto-tune-note-lane{border:var(--rule);border-radius:var(--r-md);background:var(--surface-muted);min-width:0;height:104px;position:relative}.auto-tune-note-lane:before{border-top:var(--rule-soft);border-bottom:var(--rule-soft);pointer-events:none;content:"";position:absolute;inset:33.333% 0}.auto-tune-note-lane button{border:var(--rule);background:var(--blue);min-width:8px;height:12px;transition:background-color var(--dur-1) linear, box-shadow var(--dur-1) var(--ease);border-radius:4px;margin-top:-6px;padding:0;position:absolute}.auto-tune-note-lane button:before{content:"";position:absolute;inset:-9px -2px}.auto-tune-note-lane button:hover:not(:disabled){z-index:1;box-shadow:var(--shadow-xs)}.auto-tune-note-lane button.is-overridden,.auto-tune-note-lane button.is-selected{background:var(--accent)}.auto-tune-note-lane button.is-overridden:after{border-radius:var(--r-pill);background:var(--ink);content:"";width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:1px}.auto-tune-note-lane button.is-selected{z-index:2;outline:var(--bw) solid var(--ink);outline-offset:2px}.auto-tune-note-lane button:focus-visible{z-index:3;outline:var(--focus-width) solid var(--focus);outline-offset:2px}.auto-tune-note-lane button:disabled{border-color:var(--grey-ink);background:var(--grey);cursor:not-allowed}.auto-tune-note-lane button.is-selected:disabled{outline-color:var(--grey-ink)}.auto-tune-note-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.auto-tune-note-toolbar>span{min-width:0;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);overflow-wrap:anywhere;flex:120px;line-height:1.35}.auto-tune-note-toolbar>div{flex:none;gap:6px;margin-left:auto;display:flex}.auto-tune-note-toolbar .icon-tool{width:var(--ctl-sm);height:var(--ctl-sm)}.auto-tune-select-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.auto-tune-select-grid label{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.auto-tune-select-grid label>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-bold);line-height:1.2}.auto-tune-select-grid select{text-overflow:ellipsis;width:100%;min-width:0;transition:background-color var(--dur-1) linear;grid-area:2/1;overflow:hidden}.auto-tune-select-grid select:hover:not(:disabled){background:var(--surface-muted)}.auto-tune-select-chevron{margin-right:var(--sp-3);pointer-events:none;color:var(--ink);grid-area:2/1;place-self:center end}.auto-tune-select-grid select:disabled{border-color:var(--grey-ink);background:var(--grey);color:var(--grey-ink)}.auto-tune-select-grid select:disabled+.auto-tune-select-chevron{color:var(--grey-ink)}.auto-tune-planned-controls{gap:var(--sp-4)}.auto-tune-planned-controls legend{margin-bottom:calc(var(--sp-2) - var(--sp-4))}.auto-tune-engine-status{align-items:flex-start;gap:var(--sp-3);min-width:0;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);border-radius:var(--r-md);background:var(--surface-muted);color:var(--ink);transition:background-color var(--dur-2) linear;display:flex}.auto-tune-engine-status>svg{box-sizing:content-box;border:var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--ink);flex:none;padding:5px}.auto-tune-engine-status>div{flex:auto;gap:2px;min-width:0;padding-top:5px;display:grid}.auto-tune-engine-status strong{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.3}.auto-tune-engine-status p{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);overflow-wrap:anywhere;text-wrap:pretty;line-height:1.45}.auto-tune-engine-status.is-analyzing{background:var(--yellow-soft)}.auto-tune-engine-status.is-analyzing>svg{background:var(--yellow)}.auto-tune-engine-status.has-result{background:var(--green-soft)}.auto-tune-engine-status.has-result>svg{background:var(--live)}.auto-tune-engine-status.is-unsupported{background:var(--red-soft)}.auto-tune-engine-status.is-unsupported>svg{background:var(--danger)}.auto-tune-engine-status #auto-tune-vocal-caveat{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:var(--rule-soft)}.auto-tune-render-row{align-items:center;gap:var(--sp-2);min-width:0;margin-top:var(--sp-2);display:flex}.auto-tune-render-progress{border:var(--rule);border-radius:var(--r-pill);background:var(--white);flex:auto;min-width:0;height:14px;display:block;overflow:hidden}.auto-tune-render-progress>span{background:var(--live);height:100%;transition:width var(--dur-2) var(--ease);display:block}.auto-tune-render-percent{min-width:4ch;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);text-align:right;flex:none}@container auto-tune (min-width:600px){.auto-tune-intro{column-gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auto-tune-intro>.auto-tune-kicker,.auto-tune-intro>.auto-tune-title-row,.auto-tune-intro>.auto-tune-scope{grid-column:1}.auto-tune-panel .auto-tune-intro>.auto-tune-magic-button{grid-area:1/2/span 3;align-self:center}.auto-tune-intro>:not(.auto-tune-kicker,.auto-tune-title-row,.auto-tune-scope,.auto-tune-magic-button){grid-column:1/-1}}@container auto-tune (max-width:359px){.auto-tune-character-grid{grid-template-columns:minmax(0,1fr)}.auto-tune-character-grid button{align-content:center;align-items:baseline;column-gap:var(--sp-2);grid-template-columns:76px minmax(0,1fr);min-height:44px}}@container auto-tune (max-width:289px){.auto-tune-select-grid{grid-template-columns:minmax(0,1fr)}}@container auto-tune (min-width:520px){.auto-tune-planned-controls{gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr))}.auto-tune-planned-controls legend,.auto-tune-planned-controls>.studio-slider:last-child:nth-child(2n){grid-column:1/-1}}@media (max-width:820px),(hover:none) and (pointer:coarse){.auto-tune-note-toolbar .icon-tool{width:44px;height:44px}.auto-tune-select-grid select,.auto-tune-cancel-button{min-height:44px}.auto-tune-note-lane{height:128px}.auto-tune-note-lane button{min-width:10px;height:14px;margin-top:-7px}.auto-tune-note-lane button:before{inset:-15px -3px}}
.visualizer-stack{border:var(--rule);border-radius:var(--r-md);background:var(--surface);flex:auto;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-width:0;display:grid;overflow:clip;container:waveform/inline-size}.waveform-frame{--wf-head:32px;--wf-ruler:24px;isolation:isolate;background:var(--surface);min-height:196px;position:relative;overflow:hidden}.waveform-frame canvas{z-index:1;top:var(--wf-head);width:100%;height:calc(100% - var(--wf-head));cursor:default;touch-action:auto;-webkit-user-select:none;user-select:none;display:block;position:absolute;left:0}.waveform-frame canvas.is-scrubbable{cursor:crosshair;touch-action:none}.waveform-region-selection{top:var(--wf-head);bottom:var(--wf-ruler);left:var(--region-start);width:calc(var(--region-end) - var(--region-start));pointer-events:none;background:var(--yellow-soft);position:absolute}.waveform-region-selection:before,.waveform-region-selection:after{z-index:2;width:var(--bw);background:var(--ink);content:"";position:absolute;top:0;bottom:0}.waveform-region-selection:before{left:calc(var(--bw) / -2)}.waveform-region-selection:after{right:calc(var(--bw) / -2)}.waveform-frame.is-full-region .waveform-region-selection{display:none}.waveform-region-handle{--handle-center:calc(50% + var(--wf-head) / 2);z-index:4;top:var(--handle-center);left:clamp(18px, var(--handle-position), calc(100% - 18px));cursor:ew-resize;touch-action:none;background:0 0;border:0;place-items:center;width:36px;height:34px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.waveform-region-handle.is-start{top:calc(var(--handle-center) - 14px)}.waveform-region-handle.is-end{top:calc(var(--handle-center) + 14px)}.waveform-region-handle>span{min-width:34px;height:22px;padding:0 var(--sp-1);border:var(--rule);border-radius:var(--r-sm);background:var(--ink);box-shadow:0 0 0 var(--bw) var(--surface);color:var(--white);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.04em;transition:background-color var(--dur-1) linear, color var(--dur-1) linear;place-items:center;line-height:1;display:grid}.waveform-region-handle.is-start>span:after{content:"IN"}.waveform-region-handle.is-end>span:after{content:"OUT"}.waveform-region-handle:hover>span,.waveform-region-handle:active>span{background:var(--yellow);color:var(--ink)}.waveform-region-handle:focus-visible{outline:none}.waveform-region-handle:focus-visible>span{background:var(--yellow);color:var(--ink);outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.waveform-playhead{z-index:3;top:var(--wf-head);bottom:var(--wf-ruler);left:var(--playhead-position);width:var(--bw);pointer-events:none;background:var(--red);position:absolute;transform:translate(-50%)}.waveform-playhead:before{border:var(--rule);border-radius:var(--r-pill);background:var(--red);content:"";width:12px;height:12px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.waveform-hover-line{z-index:2;top:var(--wf-head);pointer-events:none;border-left:1px dashed var(--ink);opacity:0;width:0;transition:opacity var(--dur-1) linear;position:absolute;bottom:0;left:0}.waveform-hover-chip{z-index:5;pointer-events:none;border-radius:var(--r-pill);background:var(--ink);color:var(--white);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);white-space:nowrap;opacity:0;transition:opacity var(--dur-1) linear;padding:2px 8px;line-height:1.4;position:absolute;bottom:3px;left:0;transform:translate(-50%)}.waveform-caption{z-index:5;height:var(--wf-head);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3);border-bottom:var(--rule-soft);background:var(--surface);pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.waveform-caption span,.waveform-caption strong{min-width:0;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.waveform-caption span{max-width:60%;color:var(--ink);font-weight:var(--fw-bold);flex:none}.waveform-caption strong{color:var(--text-muted);font-weight:var(--fw-semibold);text-align:right;flex:1 1 0}.waveform-lane-labels{z-index:2;top:var(--wf-head);pointer-events:none;grid-template-rows:repeat(2,minmax(0,1fr));display:grid;position:absolute;bottom:24px;left:0;right:0}.waveform-lane-labels span{margin-left:var(--sp-2);padding:2px var(--sp-2) 2px 6px;border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-bold);place-self:center start;align-items:center;gap:6px;line-height:1.4;display:inline-flex}.waveform-lane-labels span:before{border:var(--rule);background:var(--blue);content:"";border-radius:3px;flex:none;width:10px;height:10px}.waveform-lane-labels span:last-child:before{background:var(--pink)}.waveform-empty{z-index:2;inset:var(--wf-head) 0 0;place-content:center;gap:var(--sp-1) var(--sp-4);padding:var(--sp-4) var(--sp-6);pointer-events:none;background:var(--surface);text-align:left;grid-template-columns:auto minmax(0,46ch);display:grid;position:absolute}.waveform-empty>svg{box-sizing:content-box;border:var(--rule);border-radius:var(--r-md);background:var(--pink);box-shadow:var(--shadow-xs);color:var(--ink);grid-row:1/span 3;align-self:start;padding:10px}.waveform-empty>strong{color:var(--ink);font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.2}.waveform-empty>p{color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.waveform-empty>.waveform-empty-actions{justify-content:flex-start}.timeline-control{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-top:var(--rule);background:var(--surface);grid-template-columns:52px minmax(0,1fr) 52px;display:grid}.timeline-control span{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em;text-align:center;line-height:1}.timeline-control span:last-child{color:var(--text-muted)}.timeline-control input[type=range]{--timeline-progress:0%;--range-empty:linear-gradient(90deg, var(--blue) 0 var(--timeline-progress), var(--white) var(--timeline-progress) 100%)}.timeline-control input[type=range]::-moz-range-progress{background:var(--blue)}.timeline-control input[type=range]:disabled{--range-empty:var(--grey)}.timeline-control input[type=range]:disabled::-webkit-slider-runnable-track{border-color:var(--grey-ink)}.timeline-control input[type=range]:disabled::-moz-range-track{border-color:var(--grey-ink)}.waveform-region-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);border-top:var(--rule-soft);background:var(--surface-muted);display:flex}.region-readout,.region-actions{align-items:center;display:flex}.region-readout{gap:var(--sp-2);min-width:0}.region-readout span{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;flex:none}.region-readout strong{min-width:0;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.region-readout small{padding:1px var(--sp-2);border:var(--rule);border-radius:var(--r-pill);background:var(--yellow-soft);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);flex:none;line-height:1.4}.region-actions{gap:var(--sp-2);flex:none}.region-actions .secondary-button{min-height:var(--ctl-sm);padding:0 var(--sp-3);font-size:var(--text-xs);gap:6px}@media (min-width:900px) and (max-height:760px){.waveform-frame{--wf-head:28px;min-height:172px}.timeline-control{padding-block:6px}.waveform-region-toolbar{min-height:46px;padding-block:6px}}@media (max-width:899px){.visualizer-stack{flex:none}.waveform-frame{min-height:320px}}@media (max-width:820px){.waveform-frame{min-height:290px}.waveform-region-handle{left:clamp(22px, var(--handle-position), calc(100% - 22px));width:44px;height:44px}.waveform-region-handle.is-start{top:calc(var(--handle-center) - 22px)}.waveform-region-handle.is-end{top:calc(var(--handle-center) + 22px)}.timeline-control input[type=range]{--range-thumb:24px;height:44px}.region-actions .secondary-button{min-height:var(--ctl-lg)}}@container waveform (max-width:500px){.timeline-control{gap:var(--sp-2);padding-inline:var(--sp-3);grid-template-columns:44px minmax(0,1fr) 44px}.timeline-control span{font-size:var(--text-xs)}.waveform-region-toolbar{align-items:stretch;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3);flex-direction:column}.region-readout{justify-content:flex-start}.region-actions .secondary-button{flex:1 1 0}}@media (max-width:520px){.waveform-frame{min-height:262px}.waveform-empty{justify-items:center;gap:var(--sp-1);padding:var(--sp-4);text-align:center;grid-template-columns:minmax(0,1fr)}.waveform-empty>svg{margin-bottom:var(--sp-1);grid-row:auto;align-self:auto;padding:7px}.waveform-empty>strong{font-size:var(--text-lg)}.waveform-empty>.waveform-empty-actions{justify-content:center}.timeline-control{padding-block:var(--sp-1)}}@media (hover:none) and (pointer:coarse){.waveform-region-handle{left:clamp(22px, var(--handle-position), calc(100% - 22px));width:44px;height:44px}.waveform-region-handle.is-start{top:calc(var(--handle-center) - 22px)}.waveform-region-handle.is-end{top:calc(var(--handle-center) + 22px)}.timeline-control input[type=range]{--range-thumb:24px;height:44px}.region-actions .secondary-button{min-height:var(--ctl-lg)}}
.monitor-spectrum,.level-meter{align-content:space-between;gap:var(--sp-2);min-width:0;padding:var(--sp-2) var(--sp-3) var(--sp-3);border:var(--rule);border-radius:var(--r-md);background:var(--surface);display:grid}.monitor-label{min-width:0;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;gap:6px;line-height:1.3;display:inline-flex}.monitor-label svg{color:var(--ink)}.monitor-spectrum canvas{width:100%;height:44px;display:block}.level-meter{--lm-label:1.1ch;--lm-readout:5ch;--lm-track:10px;--lm-col-gap:6px}.level-meter[data-variant=panel]{container:meter/inline-size}.level-meter-head{justify-content:space-between;align-items:center;gap:var(--sp-2);min-width:0;display:flex}.level-meter-channels{gap:5px;min-width:0;display:grid}.level-meter-channel,.level-meter-scale{grid-template-columns:var(--lm-label) minmax(0, 1fr) var(--lm-readout);align-items:center;gap:var(--lm-col-gap);min-width:0;font-family:var(--font-mono);font-size:var(--text-2xs);display:grid}.level-meter-channel-label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);text-align:center;line-height:1}.level-meter-track{height:var(--lm-track);border:var(--rule);border-radius:var(--r-pill);background:var(--surface);display:block;position:relative;overflow:hidden}.level-meter-fill{background:var(--green);clip-path:inset(0 100% 0 0);will-change:clip-path;position:absolute;inset:0}.level-meter-fill:before,.level-meter-fill:after{content:"";position:absolute;top:0;bottom:0}.level-meter-fill:before{background:var(--yellow);width:20%;left:70%}.level-meter-fill:after{background:var(--red);left:90%;right:0}.level-meter-tick{width:var(--bw);margin-left:calc(var(--bw) / -2);background:color-mix(in srgb, var(--ink) 22%, transparent);position:absolute;top:0;bottom:0}.level-meter-tick.is-warn{left:70%}.level-meter-tick.is-hot{left:90%}.level-meter-peak,.level-meter-hold{width:var(--bw);margin-left:calc(var(--bw) / -1);opacity:0;will-change:left, opacity;position:absolute;top:0;bottom:0;left:0}.level-meter-peak{background:color-mix(in srgb, var(--ink) 45%, transparent)}.level-meter-hold{background:var(--ink)}.level-meter-readout{min-width:0;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.02em;text-align:right;white-space:nowrap;line-height:1;overflow:hidden}.level-meter-scale{height:12px;color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:var(--fw-semibold);line-height:12px}.level-meter-scale-marks{grid-column:2;height:100%;position:relative}.level-meter-scale-marks span{position:absolute;top:0;transform:translate(-50%)}.level-meter-scale-marks span:first-child{left:0}.level-meter-scale-marks span.is-warn{left:70%}.level-meter-scale-marks span.is-hot{left:90%}.level-meter-scale-marks span:last-child{left:100%}.level-meter-clip{min-height:22px;padding:0 var(--sp-2) 0 3px;border:var(--rule);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-xs);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;flex:none;align-items:center;gap:5px;line-height:1;display:inline-flex;position:relative}.level-meter-clip:hover{background:var(--yellow-soft)}.level-meter-clip:active{box-shadow:var(--shadow-none);transform:translate(2px,2px)}.level-meter-clip-led{border:var(--rule);border-radius:var(--r-pill);background:var(--grey);width:14px;height:14px;color:var(--ink);font-size:9px;font-weight:var(--fw-bold);flex:none;place-items:center;line-height:1;display:inline-grid}.level-meter-clip[data-clipped=true]{background:var(--red-soft)}.level-meter-clip[data-clipped=true] .level-meter-clip-led{background:var(--red)}.level-meter-clip[data-tooltip]:before{z-index:var(--z-tooltip);pointer-events:none;border-radius:var(--r-sm);background:var(--ink);width:max-content;max-width:260px;color:var(--white);content:attr(data-tooltip);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);opacity:0;transition:opacity var(--dur-1) linear, transform var(--dur-1) var(--ease);visibility:hidden;padding:5px 8px;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 8px);right:-4px;transform:translateY(3px)}@media (hover:hover){.level-meter-clip[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translateY(0)}}.level-meter-clip[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:820px),(hover:none) and (pointer:coarse){.level-meter-clip:after{content:"";width:max(100%,44px);height:44px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@container meter (max-width:133px){.level-meter-clip{background:var(--grey);justify-content:center;width:22px;height:22px;min-height:22px;padding:0}.level-meter-clip:hover{background:var(--yellow-soft)}.level-meter-clip[data-clipped=true]{background:var(--red)}.level-meter-clip-led{width:auto;height:auto;font-size:var(--text-2xs);background:0 0;border:0}.level-meter-clip-text{display:none}.level-meter-clip[data-tooltip]:before{display:block}}@container meter (max-width:201px){.level-meter-scale-marks span.is-hot{display:none}}@container meter (max-width:120px){.level-meter-scale{display:none}}.level-meter[data-variant=inline]{--lm-track:8px;--lm-col-gap:5px;align-items:center;gap:var(--sp-2);padding:5px 6px 5px var(--sp-2);display:flex;container:meter-inline/inline-size}.level-meter[data-variant=inline] .level-meter-channels{flex:auto;gap:4px}@container meter-inline (max-width:149px){.level-meter-channel{grid-template-columns:var(--lm-label) minmax(0, 1fr)}.level-meter-readout{display:none}}@container meter-inline (max-width:239px){.level-meter-clip{background:var(--grey);justify-content:center;width:22px;height:22px;min-height:22px;padding:0}.level-meter-clip:hover{background:var(--yellow-soft)}.level-meter-clip[data-clipped=true]{background:var(--red)}.level-meter-clip-led{width:auto;height:auto;font-size:var(--text-2xs);background:0 0;border:0}.level-meter-clip-text{display:none}.level-meter-clip[data-tooltip]:before{display:block}}@media (forced-colors:active){.level-meter-track,.level-meter-clip-led{forced-color-adjust:none}}
.global-transport{align-items:center;gap:var(--sp-4);min-width:0;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);border:var(--rule);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);grid-template-columns:minmax(88px,1fr) auto auto minmax(260px,1.6fr) auto;grid-template-areas:"track controls time master export";display:grid}.global-transport-track{grid-area:track;align-content:center;gap:1px;min-width:0;line-height:1.25;display:grid}.global-transport-track>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.global-transport-track strong,.global-transport-track small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.global-transport-track strong{color:var(--ink);font-size:var(--text-md);font-weight:var(--fw-bold);letter-spacing:-.01em}.global-transport-track small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium)}.global-transport-controls{align-items:center;gap:var(--sp-2);grid-area:controls;min-width:0;display:flex}.global-transport-controls .transport-button{padding:0 var(--sp-3);gap:6px}.global-transport-controls .transport-button svg{width:var(--icon-md);height:var(--icon-md)}.global-transport-controls .global-play-button{min-width:var(--ctl-lg);min-height:var(--ctl-lg);margin-right:var(--sp-1);padding:0 var(--sp-4) 0 var(--sp-3);border-radius:var(--r-md);background:var(--primary);font-size:var(--text-md)}.global-transport-controls .global-play-button svg{width:var(--icon-lg);height:var(--icon-lg)}.global-transport-controls .global-play-button.is-playing{background:var(--live)}.global-transport-controls .global-play-button:disabled{background:var(--grey)}.global-timecode{min-width:0;height:var(--ctl-lg);padding:0 var(--sp-4);border:var(--rule);border-radius:var(--r-pill);background:var(--surface-muted);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);line-height:calc(var(--ctl-lg) - 2 * var(--bw));text-align:center;white-space:nowrap;grid-area:time;align-self:center;display:block}.global-timecode>span{margin-left:6px}.global-timecode>*{line-height:1}.global-timecode strong{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.03em}.global-master-strip{align-items:center;gap:var(--sp-2);grid-area:master;min-width:0;display:flex;container:master-strip/inline-size}.global-mute-button[data-tooltip]:after{top:auto;bottom:calc(100% + 8px)}.global-volume{--volume-fill:var(--select);flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex}.global-volume input[type=range]{--volume-at:calc(var(--range-thumb) / 2 + (100% - var(--range-thumb)) * var(--volume-value,1));flex:0 108px;width:108px;min-width:64px;display:block}.global-volume input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--volume-fill) 0 var(--volume-at), transparent var(--volume-at)), var(--range-empty)}.global-volume input[type=range]::-moz-range-progress{background:var(--volume-fill)}.global-volume.is-muted{--volume-fill:var(--grey)}.global-volume-readout{min-width:5.5ch;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.02em;text-align:right;white-space:nowrap;flex:none;line-height:1}.global-volume.is-muted .global-volume-readout{color:var(--text-muted)}.global-master-meter{flex:150px;min-width:132px}@container master-strip (max-width:309px){.global-volume-readout{display:none}}.global-export-button{min-height:var(--ctl-lg);justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);border:var(--rule);border-radius:var(--r-md);background:var(--primary);box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--fw-bold);white-space:nowrap;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);grid-area:export;line-height:1.15;display:inline-flex}.global-export-button:hover{box-shadow:var(--shadow);transform:var(--lift)}.global-export-button:active{box-shadow:var(--shadow-none);transform:var(--press)}@media (min-width:900px) and (max-height:760px){.global-transport{padding-block:6px}.global-transport-track>span{display:none}.global-transport-controls .global-play-button,.global-export-button{min-height:44px}.global-timecode{height:44px;line-height:calc(44px - 2 * var(--bw))}.global-timecode strong{font-size:var(--text-xl)}}@media (max-width:1535px){.global-transport{gap:var(--sp-3)}.global-timecode{padding:0 var(--sp-3)}.global-timecode strong{font-size:var(--text-xl)}}@media (max-width:1279px){.global-transport-controls .transport-button>span{display:none}.global-transport-controls .transport-button{width:var(--ctl-md);padding:0}.global-transport-controls .global-play-button>span{display:inline}.global-transport-controls .global-play-button{width:auto;padding:0 var(--sp-4) 0 var(--sp-3)}}@media (max-width:1120px){.global-transport-controls .global-play-button>span{display:none}.global-transport-controls .global-play-button{width:var(--ctl-lg);padding:0}.global-export-button{padding:0 var(--sp-4)}}@media (min-width:900px) and (max-width:999px){.global-transport{grid-template-columns:auto auto minmax(260px,1fr) auto;grid-template-areas:"controls time master export"}.global-transport-track{display:none}}@media (max-width:899px){.global-transport{gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"track controls export""time master master"}.global-transport-track small{display:none}.global-timecode{justify-self:start}}@media (max-width:820px){.global-transport{bottom:var(--sp-2);z-index:var(--z-transport);position:sticky}.global-transport-controls .transport-button{width:44px;min-height:44px}.global-transport-controls .global-play-button{width:var(--ctl-lg);min-height:var(--ctl-lg)}.global-timecode{height:44px;line-height:calc(44px - 2 * var(--bw))}.global-mute-button{width:44px;height:44px}.global-volume input[type=range]{flex-basis:88px;width:88px;height:44px}}@media (max-width:620px){.global-transport{gap:6px var(--sp-2);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"time master master""controls controls export";padding:6px}.global-transport-track{display:none}.global-transport-controls{grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:6px;display:grid}.global-transport-controls .transport-button,.global-transport-controls .global-play-button{width:auto;min-width:0;min-height:var(--ctl-lg);margin:0}.global-timecode{padding:0 var(--sp-3)}.global-timecode strong{font-size:var(--text-lg)}.global-export-button{min-height:var(--ctl-lg);padding:0 var(--sp-4)}}@media (max-width:520px){.global-transport{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"time export""controls controls""master master"}.global-volume{display:none}.global-master-meter .level-meter{padding-block:4px}.global-timecode{text-align:left;justify-self:stretch}.global-export-button{min-height:44px}}@media (max-width:360px){.global-timecode>span{display:none}}@media (hover:none) and (pointer:coarse){.global-mute-button{width:44px;height:44px}.global-volume input[type=range]{height:44px}.global-transport-controls .transport-button{width:auto;min-width:44px;min-height:44px}.global-transport-controls .global-play-button{min-width:var(--ctl-lg);min-height:var(--ctl-lg)}}
.export-center{gap:var(--sp-5);min-width:0;display:grid}.export-center-heading{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.export-center-title{align-items:center;column-gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.export-center-chip{border:var(--rule);border-radius:var(--r-md);background:var(--primary);width:32px;height:32px;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);grid-row:1/span 2;place-items:center;line-height:1;display:inline-grid}.export-center-title>span:not(.export-center-chip){color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);align-self:end;line-height:1.2}.export-center-title h3{font-size:var(--text-lg);align-self:start;line-height:1.25}.export-center-heading .master-badge{background:var(--green-soft)}.export-options{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.export-options label{cursor:pointer;grid-template-rows:auto auto;gap:6px;min-width:0;display:grid}.export-options label>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.2}.export-options select{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;width:100%;min-width:0;overflow:hidden}.export-options select:hover:not(:disabled){background:var(--yellow-soft)}.export-options select:disabled{border-color:var(--grey-ink);background:var(--grey);color:var(--grey-ink)}.export-options label>svg{margin-right:var(--sp-3);pointer-events:none;color:var(--ink);grid-area:2/1;place-self:center end}.export-options label:has(select:disabled)>svg{color:var(--grey-ink)}.export-actions{gap:var(--sp-3);min-width:0;display:flex}.export-actions .export-button{justify-content:flex-start;gap:var(--sp-3);min-width:0;min-height:60px;padding:0 var(--sp-4) 0 var(--sp-3);font-size:var(--text-md);flex:1 1 0}.export-actions .export-button svg{box-sizing:border-box;border:var(--rule);border-radius:var(--r-sm);background:var(--yellow-soft);width:34px;height:34px;padding:6px}.export-actions .export-button svg.spin{background:0 0;border:0;padding:5px}.export-actions .export-button:hover:not(:disabled){background:var(--yellow-soft)}.export-actions .export-button:hover:not(:disabled) svg{background:var(--primary)}.export-actions .export-button:disabled:has(.spin){border-color:var(--ink);background:var(--yellow-soft);color:var(--ink);transform:var(--press)}.export-actions .export-button:disabled:not(:has(.spin)) svg{border-color:var(--grey-ink);background:0 0}.export-actions .export-cancel-button{min-height:60px;padding:0 var(--sp-4);flex:none}.export-actions .export-cancel-button:hover:not(:disabled){background:var(--red-soft)}.export-progress{align-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-muted);font-size:var(--text-sm);font-weight:var(--fw-bold);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon label step""bar bar bar";display:grid}.export-progress>svg{grid-area:icon}.export-progress>span:not([class]){grid-area:label;min-width:0}.export-progress-step{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);grid-area:step}.export-progress-bar{border:var(--rule);border-radius:var(--r-pill);background:var(--white);grid-area:bar;grid-template-columns:repeat(3,minmax(0,1fr));height:14px;display:grid;overflow:hidden}.export-progress-bar>i{background:0 0;display:block}.export-progress-bar>i+i{border-left:var(--rule)}.export-progress-bar>i.is-done{background:var(--select)}.export-progress-bar>i.is-current{background:var(--select);animation:1.1s ease-in-out infinite alternate export-progress-pulse}.export-progress[data-stage=complete]{background:var(--green-soft)}.export-progress[data-stage=complete] .export-progress-bar>i{background:var(--live)}.export-progress[data-stage=complete] .export-progress-step{color:var(--ink)}.export-center:has(.export-result[data-stale]) .export-progress[data-stage=complete]{background:var(--surface-muted)}@keyframes export-progress-pulse{0%{background-color:var(--blue-soft)}to{background-color:var(--select)}}.export-result{align-items:center;gap:var(--sp-4);min-width:0;padding:var(--sp-4);border:var(--rule);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.export-result-stale{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:var(--rule);border-radius:var(--r-md);background:var(--orange-soft);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);line-height:1.4;display:grid}.export-result-stale>svg{box-sizing:content-box;width:var(--icon-md);height:var(--icon-md);border:var(--rule);border-radius:var(--r-pill);background:var(--warn);padding:5px}.master-report{gap:var(--sp-4);grid-column:1/-1;min-width:0;display:grid}.master-report-grid{border:var(--rule);border-radius:var(--r-md);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}.master-report-grid>div{min-width:0;padding:var(--sp-3) var(--sp-4);align-content:start;gap:3px;display:grid}.master-report-grid>div:nth-child(odd){border-right:var(--rule-soft)}.master-report-grid>div:nth-child(n+3){border-top:var(--rule-soft)}.master-report-grid span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.2}.master-report-grid strong{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.master-report-grid small{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1.35}.master-spectrum{gap:6px;min-width:0;margin:0;display:grid}.master-spectrum svg{width:100%;height:76px;padding:var(--sp-2) var(--sp-2) 0;border:var(--rule);border-radius:var(--r-md);background:var(--surface-muted)}.master-spectrum rect{fill:var(--select);stroke:var(--ink)}.master-spectrum figcaption{justify-content:space-between;gap:var(--sp-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);display:flex}.master-spectrum figcaption span:first-child,.master-spectrum figcaption span:last-child{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.ab-audition{align-items:center;gap:var(--sp-2) var(--sp-3);min-width:0;padding-top:var(--sp-4);border-top:var(--rule-soft);flex-wrap:wrap;display:flex}.ab-audition-label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);align-items:center;gap:6px;display:inline-flex}.ab-audition-actions{gap:var(--sp-1);border:var(--rule);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-xs);padding:3px;display:inline-flex}.ab-audition-actions button{min-width:36px;min-height:34px;padding:0 var(--sp-3);border:var(--bw) solid transparent;border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:background-color var(--dur-1) linear, border-color var(--dur-1) linear, color var(--dur-1) linear;background:0 0;justify-content:center;align-items:center;gap:6px;line-height:1.1;display:inline-flex}.ab-audition-actions button:last-child{padding:0}.ab-audition-actions button:hover:not(:disabled):not([aria-pressed=true]){background:var(--surface-muted);color:var(--ink)}.ab-audition-actions button[aria-pressed=true]{border-color:var(--ink);background:var(--select);color:var(--ink)}.ab-audition-actions button:disabled{color:var(--grey-ink)}.ab-audition-actions button:focus-visible{outline-offset:1px}.ab-audition>small{min-width:0;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);margin-left:auto}.ab-audition-muted{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);min-width:0;padding:6px 6px 6px var(--sp-3);border:var(--rule);border-radius:var(--r-md);background:var(--orange-soft);flex-wrap:wrap;flex:100%;display:flex}.ab-audition-muted>span{min-width:0;color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);align-items:center;gap:6px;line-height:1.3;display:inline-flex}.ab-audition-muted>span>svg{flex:none}.ab-audition-muted .secondary-button{min-height:var(--ctl-sm);padding:0 var(--sp-3);gap:6px}@media (max-width:820px),(hover:none) and (pointer:coarse){.ab-audition-muted .secondary-button{min-height:44px}}.export-result-report{gap:var(--sp-1) var(--sp-4);flex-wrap:wrap;min-width:0;display:flex}.export-result-report span{min-width:0;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);align-items:center;gap:6px;display:inline-flex}.export-result-report svg{color:var(--ink)}.export-result a{min-height:var(--ctl-lg);justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-6);border:var(--rule);border-radius:var(--r-md);background:var(--primary);box-shadow:var(--shadow);color:var(--ink);font-size:var(--text-md);font-weight:var(--fw-bold);white-space:nowrap;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) linear;line-height:1.15;text-decoration:none;display:inline-flex}.export-result a:focus-visible{outline-offset:3px}.export-result a svg{width:18px;height:18px}.export-result a:hover{box-shadow:var(--shadow-lg);transform:var(--lift)}.export-result a:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.export-result[data-stale]{background:var(--surface-muted)}.export-result[data-stale] .master-report-grid strong{color:var(--text-muted)}.export-result[data-stale] .master-spectrum rect{fill:var(--grey);stroke:var(--grey-ink)}.export-result[data-stale] a{background:var(--white);box-shadow:var(--shadow-sm)}.export-result[data-stale] a:hover{box-shadow:var(--shadow)}@media (max-width:640px){.export-options{grid-template-columns:repeat(2,minmax(0,1fr))}.export-result{padding:var(--sp-3);grid-template-columns:minmax(0,1fr)}.export-result a{width:100%}.ab-audition>small{flex-basis:100%;margin-left:0}}@media (max-width:520px){.export-center{gap:var(--sp-4)}.export-actions{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.export-actions .export-button{gap:var(--sp-2);min-height:56px;padding:0 var(--sp-2);font-size:var(--text-sm);white-space:normal;text-align:left}.export-actions .export-button svg{width:30px;height:30px;padding:5px}.export-actions .export-cancel-button{grid-column:1/-1;min-height:44px}.master-report-grid>div{padding:var(--sp-2) var(--sp-3)}.master-report-grid strong{font-size:var(--text-md)}.master-spectrum svg{height:64px;padding:var(--sp-1) var(--sp-1) 0}.master-spectrum rect{stroke-width:1.25px}.ab-audition-actions{flex:100%}.ab-audition-actions button:not(:last-child){flex:1 1 0}}@media (hover:none) and (pointer:coarse){.export-options select,.ab-audition-actions button{min-height:44px}.ab-audition-actions button:last-child{min-width:44px}}@media (max-width:820px){.export-options select,.ab-audition-actions button{min-height:44px}.ab-audition-actions button:last-child{min-width:44px}}
.export-dialog-backdrop,.shortcut-sheet-backdrop{z-index:var(--z-dialog);padding:var(--sp-5);background:color-mix(in srgb, var(--ink) 45%, transparent);overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.export-dialog{width:min(760px,100%);max-height:min(880px, calc(100dvh - 2 * var(--sp-5)));border:var(--rule);border-radius:var(--r-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-lg);color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.export-dialog-header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-6);border-bottom:var(--rule);flex:none;display:flex}.export-dialog-header>div{gap:var(--sp-1);min-width:0;display:grid}.export-dialog-header>div>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:1.2}.export-dialog-header h2{font-size:var(--text-2xl)}.export-dialog-body{overscroll-behavior:contain;min-height:0;padding:var(--sp-5) var(--sp-6) var(--sp-6);flex:auto;overflow-y:auto}.shortcut-sheet{width:min(460px,100%);max-height:min(600px, calc(100dvh - 2 * var(--sp-5)));border:var(--rule);border-radius:var(--r-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-lg);color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.shortcut-sheet:focus{outline:none}.shortcut-sheet-header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);border-bottom:var(--rule);flex:none;display:flex}.shortcut-sheet-header>span{align-items:center;gap:var(--sp-3);min-width:0;display:inline-flex}.shortcut-sheet-header>span>svg{box-sizing:content-box;border:var(--rule);border-radius:var(--r-md);background:var(--lilac);width:18px;height:18px;padding:6px}.shortcut-sheet-header strong{font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.shortcut-sheet-list{align-content:start;column-gap:var(--sp-5);min-height:0;padding:var(--sp-2) var(--sp-5);flex:auto;grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid;overflow-y:auto}.shortcut-sheet-list>div{grid-column:1/-1;grid-template-columns:subgrid;min-width:0;padding:var(--sp-3) 0;align-items:center;display:grid}.shortcut-sheet-list>div+div{border-top:var(--rule-soft)}.shortcut-sheet-list dt{flex-wrap:wrap;gap:6px;display:inline-flex}.shortcut-sheet-list dd{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);margin:0;line-height:1.35}.shortcut-sheet kbd{min-width:30px;min-height:30px;padding:0 var(--sp-2);font-family:var(--font-mono);font-size:var(--text-sm)}.shortcut-sheet>p{margin:0 var(--sp-5) var(--sp-5);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);flex:none;line-height:1.5}@media (max-width:820px){.export-dialog-backdrop,.shortcut-sheet-backdrop{padding:var(--sp-3)}.export-dialog,.shortcut-sheet{max-height:calc(100dvh - 2 * var(--sp-3))}.export-dialog-header .icon-tool,.shortcut-sheet-header .icon-tool{width:44px;height:44px}}@media (max-width:520px){.export-dialog-header{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4)}.export-dialog-header h2{font-size:var(--text-xl)}.export-dialog-body{padding:var(--sp-4)}.shortcut-sheet-header{padding-left:var(--sp-4)}.shortcut-sheet-list{column-gap:var(--sp-4);padding:var(--sp-1) var(--sp-4)}.shortcut-sheet>p{margin:0 var(--sp-4) var(--sp-4)}}@media (hover:none) and (pointer:coarse){.export-dialog-header .icon-tool,.shortcut-sheet-header .icon-tool{width:44px;height:44px}}