:root{--paper:#fafaf9;--paper-deep:#f4f4f2;--ink:#17171a;--muted:#6d6967;--line:#dededb;--control-line:#d5d5d2;--coral:#a54f62;--turquoise:#21c6c3;--turquoise-text:#087c79;--yellow:#f8bd16;--violet:#7550e8;--danger:#b42318;--success:#087c79;--focus:#a54f62;--wb-radius-sm:1rem;--wb-radius-md:1.125rem;--wb-radius-lg:1.25rem;--wb-radius-xl:1.375rem;--wb-control-sm:2.75rem;--wb-control-md:3rem;--wb-control-lg:3.5rem;--wb-sidebar:15rem;--wb-fast:.12s;--wb-state:.22s;--wb-signature:.42s;--ease:cubic-bezier(.16, 1, .3, 1);--ease-quart:cubic-bezier(.25, 1, .5, 1);--ease-quint:cubic-bezier(.22, 1, .36, 1)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);scroll-padding-top:5rem}body{min-width:20rem;color:var(--ink);background:var(--paper);font-kerning:normal;text-rendering:optimizelegibility;font-family:Manrope Local,Avenir Next,Avenir,sans-serif;font-size:1rem;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:not(:disabled),summary{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{color:var(--ink);background:var(--yellow)}.skip-link{min-height:var(--wb-control-sm);border-radius:var(--wb-radius-sm);color:var(--paper);background:var(--ink);transition:transform var(--wb-fast) var(--ease-quart);padding:.625rem 1rem;font-size:.875rem;font-weight:700}.wordmark,.auth-wordmark,.studio-wordmark,.app-brand,.soundfield-name,.landing-footer strong{letter-spacing:-.04em;font-family:inherit;font-style:normal;font-weight:750}.soundfield-brand{--brand-coral:var(--coral);--brand-turquoise:var(--turquoise);--brand-ink:var(--ink);--brand-cutout:var(--paper);gap:.5rem}.soundfield-name{font-size:1em}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:.625rem;font-size:.8125rem;font-weight:700;line-height:1.4}.eyebrow>span{background:var(--coral);border-radius:1rem;flex:none;width:1rem;height:.25rem}.hero-copy h1,.section-intro h2,.landing-cta h2,.auth-heading h1,.auth-status-page h1,.auth-simple-content h1,.onboarding-layout aside h1,.legal-page h1,.flow-title h1,.processing-copy h1,.dashboard-hero h1,.library-title h1,.profile-header h1{letter-spacing:-.055em;font-family:inherit;font-style:normal;font-weight:750}.hero-copy h1 em,.section-intro h2 em,.landing-cta h2 em,.auth-heading h1 em,.auth-status-page h1 em,.auth-simple-content h1 em,.onboarding-layout aside h1 em,.legal-page h1 em,.flow-title h1 em,.processing-copy h1 em,.dashboard-hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit}.hero-lede,.stem-line p,.auth-heading>p:last-child,.auth-simple-content>p:not(.eyebrow):not(.form-error),.onboarding-layout aside>p:last-child,.legal-lede,.flow-title>p:last-child,.profile-info p,.score-empty p,.studio-empty-result p,.lyrics-lines button{font-family:inherit}.button,.provider-button,.billing-compare-button,.danger-button{min-height:var(--wb-control-lg);border:1px solid var(--ink);border-radius:var(--wb-radius-lg);transition:transform var(--wb-fast) var(--ease-quart), color var(--wb-state) var(--ease-quart), background-color var(--wb-state) var(--ease-quart), border-color var(--wb-state) var(--ease-quart), opacity var(--wb-fast) linear;padding:.75rem 1.25rem;font-size:1rem;font-weight:700}.button-small{min-height:var(--wb-control-sm);padding:.625rem 1rem;font-size:.875rem}.button-dark{color:var(--paper);background:var(--ink)}.button-outline{color:var(--ink);background:0 0}.button-paper{color:var(--ink);border-color:var(--paper);background:var(--paper)}.button:active,.provider-button:active,.billing-compare-button:active{transform:scale(.98)}.text-link{min-height:var(--wb-control-sm);text-underline-offset:.3rem;border-bottom:0;font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1px}.album-art{border-radius:var(--wb-radius-md)}.waveform{min-height:7rem}.form-error,.form-message,.auth-configuration-error{border-radius:var(--wb-radius-sm);padding:.875rem 1rem;font-size:.875rem;line-height:1.45}.form-error,.auth-configuration-error{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 32%, var(--line));background:color-mix(in srgb, var(--coral) 8%, var(--paper))}.form-message{color:var(--turquoise-text);border:1px solid color-mix(in srgb, var(--turquoise-text) 28%, var(--line));background:color-mix(in srgb, var(--turquoise) 12%, var(--paper))}.landing-shell{background:var(--paper);overflow:clip}.landing-nav,.hero,.stems-section,.landing-pricing{width:min(100% - 3rem,75rem)}.landing-nav{border-bottom-color:var(--line);gap:1rem;height:auto;min-height:5rem}.landing-nav .wordmark{min-height:var(--wb-control-sm);font-size:1.375rem}.landing-nav-links{color:var(--muted);gap:2rem;margin-inline-start:auto;font-size:.875rem;font-weight:600}.landing-nav-links a{min-height:var(--wb-control-sm);align-items:center;display:inline-flex}.language-switcher{color:var(--muted);gap:.25rem;font-size:.8125rem;font-weight:700}.language-switcher button,.language-switcher-compact button{min-width:var(--wb-control-sm);min-height:var(--wb-control-sm);border-radius:var(--wb-radius-sm);padding:.5rem}.language-switcher button[aria-pressed=true]{color:var(--ink);background:var(--paper-deep);text-decoration:none}.landing-nav-links a:after{display:none}.hero{gap:clamp(3rem,6vw,6rem);min-height:auto;padding:clamp(4rem,8vw,7rem) 0 clamp(5rem,9vw,8rem)}.hero-copy h1{max-width:10ch;margin:1.25rem 0;font-size:clamp(3.25rem,7vw,5.25rem);line-height:.94}.hero-lede{max-width:34rem;color:var(--muted);font-size:clamp(1.0625rem,1.7vw,1.25rem);line-height:1.6}.hero-actions{gap:1rem;margin-top:2rem}.hero-record{border:1px solid var(--line);border-radius:var(--wb-radius-xl);background:var(--paper-deep);width:100%;max-width:36rem;padding:clamp(1.25rem,3vw,2rem)}.hero-preview-head{align-items:center}.hero-preview-head>div{gap:.25rem}.hero-preview-head span,.wave-legend{color:var(--muted);font-size:.8125rem}.hero-preview-head strong{font-size:1.125rem}.hero-record .waveform{border-radius:var(--wb-radius-md);background:var(--paper);border:0;min-height:8rem;margin:1.25rem 0 1rem;padding:.75rem}.hero-record .wave-ink{--stem-color:var(--ink)}.wave-legend{justify-content:flex-start;gap:.75rem 1rem}.wave-legend i{width:.625rem;height:.625rem}.stems-section{padding:clamp(4.5rem,8vw,7rem) 0}.section-intro{margin-bottom:clamp(2.5rem,5vw,4rem)}.section-intro h2,.landing-pricing .section-intro h2{max-width:12ch;margin:1rem 0 0;font-size:clamp(2.75rem,5.5vw,4.5rem);line-height:.98}.stem-list{border-top-color:var(--ink)}.stem-line{border-bottom-color:var(--line);grid-template-columns:2rem 3rem minmax(0,1fr);gap:1rem;min-height:6.5rem}.stem-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.stem-icon{width:2.5rem}.stem-line h3{font-size:clamp(1.375rem,2.5vw,1.875rem)}.stem-line p{color:var(--muted);font-size:.9375rem;line-height:1.5}.stem-rule{display:none}.landing-pricing{padding:clamp(4.5rem,8vw,7rem) 0}.landing-pricing .section-intro{grid-template-columns:minmax(0,.9fr) minmax(18rem,1.1fr);gap:1rem clamp(2rem,6vw,6rem)}.landing-pricing .section-intro>p:last-child{color:var(--muted);font-size:1rem;line-height:1.6}.billing-cadence{width:fit-content;min-height:var(--wb-control-lg);border-radius:var(--wb-radius-xl);background:var(--line);border:0;margin:0 0 1.5rem;padding:.25rem}.billing-cadence button{min-height:var(--wb-control-md);border-radius:var(--wb-radius-md);color:var(--muted);background:0 0;border:0;padding:.5rem 1rem;font-size:.875rem}.billing-cadence button.active{color:var(--ink);border-radius:var(--wb-radius-md);background:var(--paper)}.billing-cadence small{color:inherit;font-size:.75rem}.pricing-grid{border-top:1px solid var(--ink);gap:0}.price-card,.price-card-featured{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:1.5rem}.price-card-featured{background:color-mix(in srgb, var(--turquoise) 10%, var(--paper))}.price-card>div:first-child>span{font-family:inherit;font-size:1.375rem;font-weight:700}.price-card>div:first-child>small{border-radius:var(--wb-radius-sm);color:var(--ink);background:var(--turquoise);padding:.375rem .625rem;font-size:.75rem}.price-card h3{margin:1.25rem 0 .5rem;font-size:clamp(1.875rem,3vw,2.5rem)}.price-card h3 small,.price-card p,.price-card .price-total{font-size:.875rem}.plan-features{border-bottom:1px solid var(--line);padding:1.5rem 0}.plan-features>strong{font-size:.9375rem}.plan-features ul{color:var(--muted);font-size:.875rem}.plan-features li:before{color:var(--turquoise-text)}.renewal-copy{color:var(--muted);text-align:start;font-size:.8125rem;line-height:1.5}.landing-cta{color:var(--ink);background:var(--yellow);text-align:start;padding:clamp(5rem,9vw,8rem) 1.5rem}.landing-cta>p,.landing-cta h2,.landing-cta .button{width:min(100%,64rem);margin-inline:auto}.landing-cta>p{color:var(--ink);font-size:.8125rem;font-weight:700}.landing-cta h2{margin-top:1.5rem;margin-bottom:2rem;font-size:clamp(3rem,6vw,5rem);line-height:.96}.landing-cta .button{width:fit-content;color:var(--paper);border-color:var(--ink);background:var(--ink);margin-inline-start:max(0px,50% - 32rem)}.landing-footer{color:var(--muted);border-top-color:var(--line);padding:1.5rem max(1.5rem,50vw - 37.5rem);font-size:.8125rem}.landing-footer a{min-height:var(--wb-control-sm);color:var(--ink);align-items:center;display:inline-flex}.auth-page,.auth-status-page,.auth-simple-page{color:var(--ink);background:var(--paper)}.auth-page{grid-template-columns:1fr}.auth-wordmark{top:1.5rem;min-height:var(--wb-control-sm);color:var(--ink);font-size:1.375rem;inset-inline-start:1.5rem}.auth-panel{width:min(100% - 3rem,30rem);padding:6rem 0 3rem}.auth-panel>.language-switcher{top:1.5rem;z-index:2;position:absolute;inset-inline-end:1.5rem}.auth-panel>*{animation-duration:var(--wb-signature)}.auth-tabs{min-height:var(--wb-control-lg);border-radius:var(--wb-radius-xl);background:var(--line);border:0;padding:.25rem}.auth-tabs button{min-height:var(--wb-control-md);border-radius:var(--wb-radius-md);color:var(--muted);padding:.5rem .75rem;font-size:.9375rem}.auth-tabs button:after{display:none}.auth-tabs button[aria-pressed=true]{color:var(--ink);background:var(--paper)}.auth-heading{margin:2.5rem 0 1.75rem}.auth-heading h1,.auth-status-page h1,.auth-simple-content h1{margin:1rem 0;font-size:clamp(2.75rem,6vw,4.25rem);line-height:.98}.auth-heading>p:last-child,.auth-simple-content>p:not(.eyebrow):not(.form-error){color:var(--muted);font-size:1.0625rem;line-height:1.6}.oauth-stack{gap:.75rem}.provider-button{width:100%;min-height:var(--wb-control-lg);border-radius:var(--wb-radius-md)}.provider-apple{color:var(--paper);background:var(--ink)}.provider-google{color:var(--ink);background:var(--paper)}.auth-divider{color:var(--muted);margin:1.5rem 0 .25rem;font-size:.75rem}.auth-form label,.onboarding-form>label,.password-disclosure form label,.danger-zone form label{color:var(--ink);margin:1rem 0 .5rem;font-size:.875rem;font-weight:700}.auth-form input,.onboarding-form>input,.password-disclosure form input,.danger-zone form input,.library-panel input[type=search]{min-height:var(--wb-control-lg);border:1px solid var(--line);border-radius:var(--wb-radius-md);color:var(--ink);background:var(--paper);transition:border-color var(--wb-fast) linear, box-shadow var(--wb-fast) linear;padding:0 1rem;font-size:1rem}.auth-form input:focus,.onboarding-form>input:focus,.password-disclosure form input:focus,.danger-zone form input:focus,.library-panel input[type=search]:focus{border-color:var(--turquoise-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--turquoise) 28%, transparent);outline:0;transform:none}.forgot-link,.auth-text-button,.verify-actions button{min-height:var(--wb-control-sm);font-size:.8125rem}.field-hint,.auth-note{color:var(--muted);font-size:.8125rem;line-height:1.5}.auth-note{max-width:30rem;margin:1.5rem auto}.auth-note a{color:var(--ink)}.auth-visual{color:var(--paper);background:var(--ink)}.auth-visual-copy{width:min(78%,30rem)}.auth-visual-copy>p{margin:0 0 2rem;font-family:inherit;font-size:clamp(2.75rem,4.5vw,4.25rem);font-weight:750;line-height:.98}.auth-visual-copy em{font-family:inherit;font-style:normal;font-weight:inherit}.auth-visual-copy .waveform{color:var(--paper);opacity:1}.auth-status-page{padding:1.5rem}.auth-status-page>section{width:min(100%,44rem);padding:4rem 0}.auth-status-actions{gap:.75rem;margin-top:1.5rem}.auth-simple-page>header,.legal-page>header{border-bottom-color:var(--line);min-height:5rem;padding:0 max(1.5rem,50vw - 37.5rem)}.auth-simple-content{width:min(100% - 3rem,34rem);padding:clamp(3.5rem,7vw,6rem) 0}.session-loader{min-height:100svh;color:var(--muted);background:var(--paper);gap:1rem}.session-loader svg{width:3.5rem;color:var(--turquoise-text)}.onboarding-page{color:var(--ink);background:var(--paper)}.onboarding-header{min-height:5rem;padding:0 1.5rem}.onboarding-header .wordmark{min-height:var(--wb-control-sm);font-size:1.25rem}.onboarding-header>span{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.875rem}.onboarding-progress{background:var(--line);border-radius:1rem;width:min(100% - 3rem,64rem);height:.25rem;margin:0 auto}.onboarding-progress i{border-radius:inherit;background:var(--ink);transition:transform var(--wb-state) var(--ease-quint)}.onboarding-layout{width:min(100% - 3rem,64rem);padding:clamp(3rem,7vw,6rem) 0}.onboarding-layout aside h1{max-width:12ch;margin:1rem 0;font-size:clamp(2.75rem,5.5vw,4.5rem);line-height:.98}.onboarding-layout aside>p:last-child{max-width:30rem;color:var(--muted);font-size:1.0625rem;line-height:1.6}.onboarding-form{max-width:34rem;margin-top:2.5rem}.preference-fieldset{margin-bottom:1.5rem}.preference-fieldset legend{margin-bottom:.75rem;font-size:.875rem;font-weight:700}.instrument-choice-grid{border-top:1px solid var(--line);gap:0}.instrument-choice-grid legend{grid-column:1/-1}.preference-fieldset label,.instrument-choice-grid label,.instrument-choice-grid label:last-child{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:5rem;padding:.875rem 0}.instrument-choice-grid label:nth-of-type(odd){padding-inline-end:1rem}.instrument-choice-grid label:nth-of-type(2n){border-inline-start:1px solid var(--line);padding-inline-start:1rem}.preference-fieldset label>span{gap:.25rem}.preference-fieldset label strong{font-size:1rem}.preference-fieldset label small{color:var(--muted);font-size:.8125rem;line-height:1.4}.preference-fieldset label>svg{width:1.5rem;color:var(--turquoise-text)}.preference-fieldset label:has(input:checked){color:var(--ink);background:color-mix(in srgb, var(--turquoise) 10%, transparent)}.preference-fieldset label:has(input:checked) strong{color:var(--ink)}.onboarding-secondary-actions button{min-height:var(--wb-control-sm);font-size:.875rem}.onboarding-page>footer{padding:1.25rem 1.5rem max(1.25rem, env(safe-area-inset-bottom));color:var(--muted);border-top-color:var(--line);font-size:.8125rem}.legal-page{color:var(--ink);background:var(--paper)}.legal-page article{width:min(100% - 3rem,56rem);padding:clamp(3.5rem,7vw,6rem) 0}.legal-page h1{max-width:13ch;margin:1rem 0 1.5rem;font-size:clamp(3rem,6vw,4.75rem);line-height:.98}.legal-lede{max-width:48rem;color:var(--muted);margin-bottom:clamp(3rem,6vw,5rem);font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.65}.legal-page article section{border-top-color:var(--line);grid-template-columns:minmax(10rem,.35fr) minmax(0,.65fr);gap:1.5rem;padding:1.75rem 0}.legal-page article section h2{font-size:1.125rem}.legal-page article section p,.legal-caveat{color:var(--muted);font-size:.9375rem;line-height:1.75}.legal-caveat{border:1px solid var(--line);border-inline-start:.25rem solid var(--yellow);border-radius:var(--wb-radius-sm);background:var(--paper-deep);margin-top:2rem;padding:1.25rem}.studio-shell,.studio-content{color:var(--ink);background:var(--paper)}.studio-shell{min-height:100svh;padding-bottom:5.25rem}.studio-content{min-width:0;min-height:100svh;padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.studio-sidebar{display:none}.studio-bottom-nav{height:calc(5rem + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);color:var(--muted);border-top:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.studio-bottom-nav button,.studio-sidebar nav button{min-height:var(--wb-control-sm);color:var(--muted);transition:color var(--wb-fast) linear, background-color var(--wb-state) var(--ease-quart), transform var(--wb-fast) var(--ease-quart);font-size:.75rem;font-weight:650}.studio-bottom-nav button{gap:.25rem;position:relative}.studio-bottom-nav svg{width:1.5rem;height:1.5rem}.studio-bottom-nav button.active{color:var(--ink)}.studio-bottom-nav button.active:before{content:"";background:var(--turquoise-text);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.375rem;left:50%;transform:translate(-50%)}.studio-bottom-nav button:nth-child(2) svg{color:var(--paper);background:var(--ink);border-radius:50%;padding:.25rem}.dashboard-hero,.library-title,.library-panel,.profile-page,.flow-grid,.processing-layout{width:min(100% - 3rem,58rem);margin-inline:auto}.dashboard-hero{padding:clamp(2.5rem,6vw,4.5rem) 0 1.5rem}.dashboard-hero h1,.library-title h1,.profile-header h1{margin:.5rem 0 0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.08}.import-action{width:100%;min-height:4.5rem;color:var(--paper);border-radius:var(--wb-radius-xl);background:var(--ink);transition:transform var(--wb-fast) var(--ease-quart);border:0;grid-template-columns:2.5rem minmax(0,1fr) 1.5rem;gap:.875rem;padding:.5rem 1.25rem}.import-action>span{width:2.5rem;height:2.5rem;color:var(--ink);background:var(--paper);transition:transform var(--wb-state) var(--ease-quart);border-radius:50%}.import-action>span svg,.import-action>svg{width:1.25rem}.import-action strong{font-size:1.0625rem}.import-action small{color:color-mix(in srgb, var(--paper) 78%, var(--muted));font-size:.8125rem;line-height:1.4}.library-panel{padding-bottom:4rem}.library-panel-head{border-bottom:1px solid var(--ink);min-height:3.5rem}.library-panel-head h2{font-size:1.25rem}.library-panel-head button{min-height:var(--wb-control-sm);font-size:.875rem;font-weight:650}.library-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.library-search{min-width:0;display:block}.library-reset{justify-self:end}.library-title{min-height:8rem;padding:clamp(2.5rem,6vw,4rem) 0 1.5rem}.floating-add{width:var(--wb-control-lg);height:var(--wb-control-lg);color:var(--paper);background:var(--ink);border-radius:50%;bottom:1.25rem}.floating-add svg{width:1.5rem}.filter-tabs{border-radius:var(--wb-radius-xl);background:var(--line);border:0;gap:.25rem;width:fit-content;min-width:min(100%,28rem);margin:1rem 0 .5rem;padding:.25rem}.filter-tabs button{min-height:var(--wb-control-sm);border-radius:var(--wb-radius-md);color:var(--muted);border:0;padding:.5rem .75rem;font-size:.875rem}.filter-tabs button[aria-pressed=true]{color:var(--ink);border-radius:var(--wb-radius-md);background:var(--paper)}.track-row{border-bottom:1px solid var(--line);min-height:6rem;transition:background-color var(--wb-state) var(--ease-quart), transform var(--wb-fast) var(--ease-quart);background:0 0;border-radius:0;grid-template-columns:4.375rem minmax(0,1fr) 7rem 1.25rem;gap:1rem;padding:.75rem 0}.track-row .album-art{border-radius:var(--wb-radius-md);width:4.375rem}.track-copy{gap:.375rem}.track-copy strong{letter-spacing:-.02em;font-size:1.125rem}.track-copy small,.track-status{color:var(--muted);font-size:.8125rem}.track-copy i{width:.625rem;height:.625rem}.track-status-completed{color:var(--turquoise-text)}.library-inline-error{color:var(--danger);border-top:0;border-bottom:1px solid color-mix(in srgb, var(--danger) 28%, var(--line));margin:0;padding:1rem 0;font-size:.875rem}.library-loading{min-height:10rem;color:var(--muted);gap:.75rem;font-size:.875rem}.library-loading span,.studio-audio-state span{border-color:var(--line);border-top-color:var(--turquoise-text);width:1rem;height:1rem}.empty-state{min-height:18rem;padding:3rem 1.5rem}.empty-state svg{width:3.5rem;color:var(--turquoise-text)}.empty-state h3{font-size:1.5rem}.empty-state p{max-width:30rem;color:var(--muted);font-size:.9375rem;line-height:1.55}.flow-page,.processing-page{min-height:100svh;color:var(--ink);background:var(--paper)}.flow-header{min-height:4.5rem;color:var(--ink);border-bottom:1px solid var(--line);background:var(--paper);padding:0 1rem}.flow-header>button:first-child,.studio-icon-button{width:var(--wb-control-sm);height:var(--wb-control-sm);color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;display:grid}.flow-header svg,.studio-icon-button svg{width:1.25rem}.processing-pill{min-height:2rem;color:var(--turquoise-text);border-radius:var(--wb-radius-sm);background:color-mix(in srgb, var(--turquoise) 14%, var(--paper));align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.flow-grid{padding:clamp(2.5rem,6vw,5rem) 0 5rem}.flow-title{align-self:start}.flow-title h1{margin:.75rem 0 1rem;font-size:clamp(2.75rem,5.5vw,4.25rem);line-height:.98}.flow-title h1 br{display:initial}.flow-title h1 em{margin-inline-start:0}.flow-title>p:last-child{max-width:28rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.flow-form{background:0 0;border:0;border-radius:0;margin-top:2.5rem;padding:0}.file-drop{border:1px solid var(--line);border-radius:var(--wb-radius-xl);background:var(--paper-deep);min-height:10rem;overflow:hidden}.file-drop-error{border-color:var(--danger)}.file-drop>button:first-child{gap:.5rem;min-height:10rem}.file-drop>button svg{width:2.25rem}.file-drop>button strong{font-size:1rem}.file-drop>button small{color:var(--muted);font-size:.8125rem}.selected-file{border:1px solid var(--line);border-radius:var(--wb-radius-xl);background:var(--paper);min-height:5.5rem;padding:.75rem}.selected-file .album-art{width:4rem}.selected-file strong{font-size:1rem}.selected-file small,.selected-file>span:last-child{color:var(--muted);font-size:.8125rem}.file-error{margin-top:.75rem}.mode-choice{margin-top:2rem}.mode-choice legend{margin-bottom:.5rem;font-size:.9375rem;font-weight:700}.mode-choice label{border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:3rem minmax(0,1fr) 1.5rem;gap:.875rem;min-height:5rem;padding:.75rem 0}.mode-choice label:first-of-type{border-top:1px solid var(--line)}.mode-choice label:has(input:checked){background:color-mix(in srgb, var(--turquoise) 10%, transparent)}.mode-icon{border-radius:var(--wb-radius-sm);background:var(--paper-deep);width:3rem;height:3rem}.mode-icon svg{width:1.75rem}.mode-choice label strong{font-size:1rem}.mode-choice label small{color:var(--muted);font-size:.8125rem;line-height:1.4}.mode-choice label>i{border:2px solid var(--line);width:1.5rem;height:1.5rem}.mode-choice input:checked~i{border-color:var(--ink)}.mode-choice input:checked~i:after{background:var(--ink);inset:.25rem}.credit-estimate{border:1px solid color-mix(in srgb, var(--yellow) 70%, var(--line));border-radius:var(--wb-radius-sm);background:color-mix(in srgb, var(--yellow) 14%, var(--paper));margin-top:1.5rem;padding:1rem}.credit-estimate strong,.credit-estimate span{font-size:.875rem}.credit-estimate small{color:var(--muted);font-size:.75rem}.processing-note{min-height:var(--wb-control-sm);border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;margin:1rem 0;padding:.75rem 0;font-size:.8125rem}.status-dot{background:var(--turquoise-text);width:.625rem;height:.625rem}.launch-button{min-height:var(--wb-control-lg);border-radius:var(--wb-radius-lg);margin-top:0}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.dialog-overlay{z-index:80;background:color-mix(in srgb, var(--ink) 62%, transparent);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);position:fixed;inset:0}.dialog-content{z-index:81;color:var(--ink);border:1px solid var(--line);background:var(--paper);box-shadow:0 1.5rem 5rem color-mix(in srgb, var(--ink) 24%, transparent);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-overlay[data-state=open],.dialog-content[data-state=open]{animation:dialog-fade-in var(--wb-state) var(--ease-quart)}.dialog-close{width:var(--wb-control-sm);height:var(--wb-control-sm);top:1rem;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:1rem}.dialog-close svg{width:1.125rem}.dialog-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1}.dialog-description{color:var(--muted);margin:.75rem 0 0;font-size:.9375rem;line-height:1.55}.new-track-dialog{border-radius:var(--wb-radius-xl);flex-direction:column;width:min(100vw - 2rem,42rem);max-height:min(54rem,100svh - 2rem);display:flex;overflow:hidden}.new-track-dialog-header{border-bottom:1px solid var(--line);padding:1.5rem 4.5rem 1.25rem 1.5rem}.new-track-dialog-header .eyebrow{margin:0 0 .75rem}.new-track-dialog-form{overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:1.5rem;overflow-y:auto}.new-track-dialog-form .mode-choice{margin-top:1.5rem}.dialog-close:disabled,.new-track-dialog-form button:disabled,.new-track-dialog-form input:disabled{cursor:not-allowed}@supports (content-visibility:auto){.studio-view-library .track-row{content-visibility:auto;contain-intrinsic-block-size:6rem}}.processing-layout{padding:clamp(2.5rem,6vw,5rem) 0}.processing-album{border-radius:var(--wb-radius-xl);width:8.75rem}.processing-copy>p{color:var(--muted);margin:0;font-size:.875rem}.processing-copy h1{margin:.75rem 0 1rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.processing-copy>span{color:var(--turquoise-text);font-size:.875rem;font-weight:700}.progress-visual{width:9rem}.progress-visual strong{font-size:2.75rem}.progress-visual circle:first-child{stroke:var(--line)}.progress-ring{stroke:var(--turquoise-text)}.processing-stages{margin-bottom:1.5rem}.processing-stages li{min-height:3.5rem;color:var(--muted);border-bottom-color:var(--line);font-size:.875rem}.processing-stages li>span{border-color:var(--line);border-radius:50%;width:2rem;height:2rem}.processing-stages .current,.processing-stages .done{color:var(--ink)}.processing-stages .current>span,.processing-stages .done>span{color:var(--paper);border-color:var(--turquoise-text);background:var(--turquoise-text);animation:none}.profile-page{padding:clamp(2.5rem,6vw,4.5rem) 0 6rem}.profile-header{align-items:center;gap:1.5rem}.profile-header .button{flex:none}.profile-card{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);gap:1rem;min-height:5.5rem;margin:1.5rem 0 0;padding:1rem 0}.profile-avatar{background:var(--yellow);border-radius:50%;width:3.5rem;height:3.5rem}.profile-avatar svg{width:1.75rem}.profile-card strong{font-size:1rem}.profile-card p{color:var(--muted);margin-top:.25rem;font-size:.8125rem}.billing-panel,.security-panel{border-top:1px solid var(--ink);border-bottom:0;margin:3rem 0 0;padding:2rem 0 0}.profile-page .security-panel{border-top:1px solid var(--ink);padding-top:2rem}.billing-heading,.security-heading{align-items:center;gap:1rem;margin-bottom:1.25rem}.billing-heading h2,.security-heading h2{letter-spacing:-.04em;margin:.375rem 0 0;font-size:clamp(1.75rem,3vw,2.25rem)}.billing-heading-actions{gap:.75rem}.billing-status{min-height:2rem;color:var(--turquoise-text);border:1px solid color-mix(in srgb, var(--turquoise-text) 28%, var(--line));border-radius:var(--wb-radius-sm);background:color-mix(in srgb, var(--turquoise) 10%, var(--paper));align-items:center;padding:.375rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.billing-compare-button{min-height:var(--wb-control-sm);color:var(--ink);border-color:var(--ink);border-radius:var(--wb-radius-sm);background:0 0;padding:.625rem 1rem;font-size:.875rem}.billing-message{min-height:5rem;color:var(--muted);align-items:center;font-size:.9375rem;display:flex}.current-plan-card{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin-bottom:1.5rem;padding:1.5rem 0}.current-plan-card>div:first-child strong{letter-spacing:-.04em;font-family:inherit;font-size:1.75rem}.current-plan-card p,.current-plan-card small,.current-plan-card>span{color:var(--muted);font-size:.8125rem;line-height:1.5}.token-meter{background:var(--line);border-radius:1rem;height:.375rem}.token-meter i{border-radius:inherit;background:var(--turquoise-text)}.billing-management{border-top-color:var(--line);gap:1rem;min-height:4.5rem;margin-top:1rem;padding-top:1rem}.billing-plan-options{padding-top:.5rem}.billing-error button{min-height:var(--wb-control-sm);color:var(--danger);font-weight:700}.identity-list{border-top-color:var(--line)}.identity-row,.password-disclosure>button{border-bottom-color:var(--line);min-height:4.5rem}.identity-row{grid-template-columns:2.75rem minmax(0,1fr) auto;gap:.875rem}.identity-mark{border-color:var(--line);width:2.5rem;height:2.5rem}.identity-row strong,.password-disclosure strong{font-size:.9375rem}.identity-row small,.password-disclosure small,.security-note,.danger-zone p{color:var(--muted);font-size:.8125rem;line-height:1.45}.identity-row>button{min-height:var(--wb-control-sm);padding-inline-start:1rem;font-size:.8125rem}.identity-connected{color:var(--turquoise-text);font-size:.75rem}.password-disclosure>button>span:last-child{transition:transform var(--wb-state) var(--ease-quart)}.password-disclosure>div{transition:grid-template-rows var(--wb-signature) var(--ease-quint), opacity var(--wb-state) linear}.danger-zone{border-top:1px solid color-mix(in srgb, var(--danger) 42%, var(--line));margin-top:2rem;padding:1.5rem 0 0}.danger-zone>div:first-child>strong,.danger-zone>button,.take-delete{color:var(--danger)}.danger-button{color:var(--paper);border-color:var(--danger);background:var(--danger)}.song-studio{--daw-canvas:var(--paper);--daw-panel:var(--paper);--daw-rail:var(--paper-deep);--daw-line:var(--line);--daw-ink:var(--ink);--daw-topbar:var(--paper);min-width:0;min-height:100svh;color:var(--ink);background:var(--paper);padding-bottom:5.75rem}.song-studio-header{z-index:42;grid-template-columns:var(--wb-control-sm) minmax(0, 1fr) auto;min-height:4rem;color:var(--ink);border-bottom:1px solid var(--line);background:var(--paper);gap:.75rem;padding:.5rem 1rem;position:sticky;top:0}.song-studio-header>h1,.song-studio-header>strong{max-width:min(100%,36rem);color:var(--ink);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:inherit;font-size:1rem;font-weight:700;overflow:hidden}.mobile-tools-trigger{min-height:var(--wb-control-sm);color:var(--ink);border:1px solid var(--line);border-radius:var(--wb-radius-sm);background:var(--paper);align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.mobile-tools-trigger svg{width:1.25rem}.studio-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.studio-live-status{min-height:var(--wb-control-sm);color:var(--muted);font-size:.8125rem}.studio-live-status i{background:var(--turquoise-text);width:.625rem;height:.625rem;box-shadow:none}.song-studio-layout{width:100%;max-width:none;padding:0 0 2rem}.song-studio-intro{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:1.25rem;min-height:4.5rem;padding:.75rem 1.25rem;display:flex}.song-studio-intro .studio-kicker{margin:0}.song-studio-intro h1{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-family:inherit;font-size:1.375rem;font-weight:750;line-height:1.15;overflow:hidden}.song-studio-intro .studio-meta{flex:none;max-width:none;margin:0;padding:0;overflow:visible}.song-studio-intro .studio-meta span{border:1px solid var(--line);border-radius:var(--wb-radius-sm);min-height:2.25rem;color:var(--muted);background:var(--paper-deep);padding:0 .75rem;font-size:.75rem}.studio-timeline{overscroll-behavior-x:contain;border-bottom:1px solid var(--line);background:var(--paper);scrollbar-color:var(--muted) var(--paper-deep);scrollbar-width:thin;min-width:0;padding:0;overflow-x:auto}.studio-arrangement{background:var(--paper);min-width:58rem}.arrangement-ruler,.arrangement-overview,.arrangement-track{grid-template-columns:13rem minmax(45rem,1fr)}.arrangement-ruler{min-height:var(--wb-control-sm);color:var(--muted);border-bottom:1px solid var(--line);background:var(--paper-deep);font-size:.75rem}.arrangement-corner{border-right:1px solid var(--line);background:var(--paper-deep);padding:0 .75rem}.arrangement-corner strong{letter-spacing:.06em;font-size:.75rem}.arrangement-time-ruler{background-color:var(--paper-deep);background-image:none}.arrangement-time-ruler span{min-height:var(--wb-control-sm);border-left-color:color-mix(in srgb, var(--muted) 50%, var(--line));padding:.75rem .375rem 0;font-size:.75rem}.arrangement-time-ruler span:last-child{border-right-color:color-mix(in srgb, var(--muted) 50%, var(--line))}.arrangement-overview{border-bottom:1px solid var(--line);min-height:8rem}.arrangement-track-head{grid-template-columns:1.5rem minmax(0, 1fr) var(--wb-control-sm) var(--wb-control-sm);grid-template-rows:var(--wb-control-sm) var(--wb-control-sm);border-right:1px solid var(--line);background:var(--paper-deep);gap:.25rem .375rem;min-width:0;min-height:6rem;padding:.625rem}.arrangement-track-head>span{color:var(--muted);font-size:.75rem}.arrangement-track-head>div{gap:.375rem}.arrangement-track-head>div i{width:.625rem;height:.625rem}.arrangement-track-head strong{font-size:.875rem}.arrangement-track-head small{color:var(--muted);font-size:.75rem}.arrangement-track-head input{height:var(--wb-control-sm);accent-color:var(--ink)}.arrangement-track-head button{min-width:var(--wb-control-sm);min-height:var(--wb-control-sm);border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:50%;font-size:.75rem;font-weight:800}.arrangement-track-head button.active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.arrangement-master-head{grid-template-rows:auto;grid-template-columns:1.5rem minmax(0,1fr);min-height:8rem}.arrangement-master-lane,.arrangement-lane,.real-note-lane>div:last-child,.compare-waveforms{background-image:none}.arrangement-master-lane{background-color:var(--paper);min-width:0}.arrangement-master-lane .studio-section-strip{min-height:var(--wb-control-sm);border-bottom:1px solid var(--line)}.arrangement-master-lane .studio-section-strip button{min-width:var(--wb-control-sm);min-height:var(--wb-control-sm);border-right:1px solid var(--line);gap:.25rem;padding:0 .375rem}.arrangement-master-lane .studio-section-strip button span{font-size:.75rem}.arrangement-master-lane .studio-section-strip button i{border-radius:1rem;height:.25rem}.arrangement-master-lane .studio-waveform-canvas,.arrangement-master-lane .studio-audio-state{background:var(--paper);border:0;min-height:5.25rem;margin:0}.arrangement-loop-editor{border-bottom:1px solid var(--line);background:var(--paper-deep);grid-template-columns:auto minmax(9rem,1fr) auto;gap:.5rem;min-height:3.5rem;padding:.375rem .5rem}.arrangement-loop-editor>button{min-width:6.5rem;min-height:var(--wb-control-sm);color:var(--ink);border:1px solid var(--line);border-radius:var(--wb-radius-sm);background:var(--paper);grid-template-columns:1.75rem auto;gap:.375rem;padding:.25rem .5rem;font-size:.75rem}.arrangement-loop-editor>button strong{width:1.75rem;height:1.75rem;color:var(--paper);background:var(--ink);border-radius:50%;font-size:.75rem}.arrangement-loop-editor>button.is-set strong{color:var(--ink);background:var(--yellow)}.arrangement-loop-editor>p{color:var(--muted)}.arrangement-loop-editor>p strong{color:var(--ink);font-size:.75rem}.arrangement-loop-editor>p span{font-size:.75rem}.studio-section-strip button.is-loop-target,.arrangement-clip.is-loop-target{box-shadow:inset 0 0 0 2px var(--yellow)}.studio-waveform-shell{min-height:5.25rem}.studio-waveform-loop-markers>span{border-radius:var(--wb-radius-sm);min-width:1.75rem;height:1.75rem;color:var(--paper);background:var(--ink);padding:0 .375rem;font-size:.75rem;top:.25rem}.studio-waveform-loop-markers.is-active>span{color:var(--ink);background:var(--yellow)}.arrangement-track{border-bottom:1px solid var(--line);min-height:6rem}.arrangement-track:nth-child(2n) .arrangement-track-head{background:color-mix(in srgb, var(--paper-deep) 72%, var(--paper))}.arrangement-lane{background-color:var(--paper);min-width:0}.arrangement-lane:after{border-top-color:var(--line)}.arrangement-clip{border-radius:var(--wb-radius-sm);min-width:3rem;min-height:5.5rem;color:var(--ink);border:1px solid;margin:.25rem .125rem;padding:.375rem}.arrangement-clip>span{font-size:.75rem}.arrangement-clip>i{opacity:.72;height:3.75rem;margin-top:.25rem}.arrangement-clip.clip-coral{border-color:color-mix(in srgb, var(--coral) 55%, var(--ink));background:color-mix(in srgb, var(--coral) 22%, var(--paper))}.arrangement-clip.clip-yellow{border-color:color-mix(in srgb, var(--yellow) 65%, var(--ink));background:color-mix(in srgb, var(--yellow) 28%, var(--paper))}.arrangement-clip.clip-violet{border-color:color-mix(in srgb, var(--violet) 58%, var(--ink));background:color-mix(in srgb, var(--violet) 18%, var(--paper))}.arrangement-clip.clip-turquoise{border-color:var(--turquoise-text);background:color-mix(in srgb, var(--turquoise) 24%, var(--paper))}.arrangement-clip.clip-ink{color:var(--paper);border-color:var(--ink);background:var(--ink)}.arrangement-clip.is-active{box-shadow:inset 0 0 0 2px var(--ink)}.arrangement-track.is-muted .arrangement-lane{opacity:.4}.arrangement-track.is-solo .arrangement-track-head{box-shadow:inset .25rem 0 var(--yellow)}.arrangement-playhead{background:var(--coral);width:2px}.arrangement-playhead:before{border-top-color:var(--coral)}.arrangement-status{min-height:var(--wb-control-sm);color:var(--muted);background:var(--paper-deep);grid-template-columns:6rem minmax(0,1fr) 6rem;padding:0 .75rem;font-size:.75rem}.arrangement-status strong{color:var(--ink)}.arrangement-take-lane{min-height:6rem}.arrangement-take-clip{border:1px solid color-mix(in srgb, var(--coral) 55%, var(--ink));border-radius:var(--wb-radius-sm);color:color-mix(in srgb, var(--coral) 70%, var(--ink));background:color-mix(in srgb, var(--coral) 22%, var(--paper));padding:.375rem;top:.25rem;bottom:.25rem}.arrangement-take-clip>span{font-size:.75rem}.arrangement-take-clip>i{height:3.5rem}.studio-audio-state{min-height:5.25rem;color:var(--muted);border-color:var(--line);font-size:.875rem}.studio-audio-state.is-error{color:var(--danger)}.studio-tabs{max-width:calc(100% - 2rem);min-height:var(--wb-control-lg);border-radius:var(--wb-radius-xl);background:var(--line);border:0;gap:.25rem;margin:1rem;padding:.25rem}.studio-tabs button{min-height:var(--wb-control-md);border-radius:var(--wb-radius-md);color:var(--muted);background:0 0;border:0;padding:.5rem;font-size:.8125rem;font-weight:700}.studio-tabs button[aria-selected=true]{color:var(--ink);border-radius:var(--wb-radius-md);background:var(--paper)}.studio-tabs button>span{min-width:1.5rem;height:1.5rem;color:var(--ink);background:var(--yellow);margin-inline-start:.375rem;font-size:.75rem}.studio-tab-panel{background:var(--paper);border:0;min-height:18rem;margin:0;padding:0 1rem 1.5rem}.panel-heading{border-bottom:1px solid var(--ink);align-items:center;min-height:4.5rem;padding:1rem 0}.panel-heading p{color:var(--muted);margin:0 0 .25rem;font-size:.75rem}.panel-heading h3{margin:0;font-size:1.25rem}.panel-heading>span{max-width:12rem;color:var(--muted);font-size:.75rem;line-height:1.4}.real-chord-track{border-bottom-color:var(--line);height:5.5rem}.real-chord-track>span{border-left-color:var(--line);min-width:3rem;font-size:1rem}.real-chord-track>span.active{color:var(--danger);background:color-mix(in srgb, var(--coral) 10%, var(--paper))}.real-note-lane{border-bottom-color:var(--line);grid-template-columns:7rem minmax(0,1fr);min-height:8.5rem}.real-note-lane>div:first-child span{color:var(--muted);font-size:.75rem}.real-note-lane>div:last-child{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-color:var(--paper-deep)}.real-note-lane i{background:var(--violet);border-radius:.375rem;height:.75rem}.real-note-lane i.active{background:var(--coral)}.lyrics-lines{max-height:28rem}.lyrics-lines button{min-height:4rem;color:var(--ink);border-bottom-color:var(--line);grid-template-columns:4rem minmax(0,1fr);padding:.75rem 0;font-size:clamp(1rem,2vw,1.25rem)}.lyrics-lines button span{color:var(--muted);font-family:inherit;font-size:.75rem}.lyrics-lines button:not(.active){color:var(--muted)}.lyrics-lines button.active{color:var(--danger);transform:none}.take-actions{border-bottom-color:var(--line)}.record-take-action,.import-take-action{border-color:var(--line);grid-template-columns:3.5rem minmax(0,1fr);gap:.875rem;min-height:5.5rem;padding:.75rem}.record-take-action>i,.import-take-action>i{border-radius:50%;width:3.5rem;height:3.5rem}.record-take-action strong,.import-take-action strong{font-size:.9375rem}.record-take-action small,.import-take-action small{color:var(--muted);font-size:.75rem}.recording-input-warning{border-bottom-color:var(--line);padding:1rem 0;font-size:.8125rem}.take-row{grid-template-columns:minmax(8rem, 1fr) minmax(6rem, .8fr) var(--wb-control-sm) var(--wb-control-sm) auto auto;border-bottom-color:var(--line);gap:.5rem;min-height:5.5rem}.take-seek span{color:var(--muted);font-size:.75rem}.take-row>button:not(.take-seek,.take-delete){width:var(--wb-control-sm);height:var(--wb-control-sm);border-color:var(--line);font-size:.75rem}.take-row>a,.take-delete{min-height:var(--wb-control-sm);font-size:.75rem}.studio-empty-result{border-bottom-color:var(--line);min-height:14rem}.studio-empty-result svg{width:2.75rem;color:var(--turquoise-text)}.studio-empty-result strong{font-size:1.125rem}.studio-empty-result p{color:var(--muted);font-size:.9375rem;line-height:1.55}.compare-panel{gap:1.25rem}.compare-enable{min-height:var(--wb-control-sm);border:1px solid var(--line);border-radius:var(--wb-radius-sm);background:0 0;padding:0 .875rem;font-size:.8125rem;font-weight:700}.compare-enable.is-active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.compare-source-row{gap:1rem}.compare-source-row label>span,.compare-waveforms>div span{color:var(--muted);font-size:.75rem}.compare-source-row select{min-height:var(--wb-control-lg);border:1px solid var(--line);border-radius:var(--wb-radius-sm);color:var(--ink);background:var(--paper);padding:0 2.5rem 0 1rem;font-size:.875rem}.compare-waveforms{border:1px solid var(--line);border-radius:var(--wb-radius-md);background-color:var(--paper-deep);min-height:10rem;padding:1rem}.compare-waveforms path{mix-blend-mode:normal}.compare-waveforms>div strong,.compare-crossfader>span,.compare-note{font-size:.75rem}.compare-crossfader input,.take-row input,.studio-track input[type=range]{accent-color:var(--ink)}.studio-tools{border-inline-start:1px solid var(--line);background:var(--paper-deep);min-width:0;padding:1rem;overflow:hidden}.studio-tools-desktop{display:none}.practice-tools{gap:1rem}.studio-tool-heading{min-height:var(--wb-control-sm);align-items:center;gap:.75rem}.studio-tool-heading p{color:var(--muted);margin:0 0 .25rem;font-size:.75rem}.studio-tool-heading h2{margin:0;font-size:1rem}.studio-tool-heading>button,.save-loop-button,.studio-tool-close{min-height:var(--wb-control-sm);border:1px solid var(--line);border-radius:var(--wb-radius-sm);color:var(--ink);background:var(--paper);padding:.5rem .75rem;font-size:.75rem;font-weight:700}.studio-tool-heading>button.is-active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.section-loop-button{border:1px solid var(--line);border-radius:var(--wb-radius-md);background:var(--paper);grid-template-columns:2.75rem minmax(0,1fr);min-height:5rem;padding:.75rem}.section-loop-button>span{font-size:1.5rem}.section-loop-button strong{font-size:.875rem}.section-loop-button small{color:var(--muted);font-size:.75rem}.section-loop-button.is-active{color:var(--ink);border-color:var(--yellow);background:color-mix(in srgb, var(--yellow) 18%, var(--paper))}.section-loop-button.is-active small{color:var(--muted)}.studio-loop-status{border-color:var(--line);grid-template-columns:2.5rem minmax(0,1fr);min-height:4rem;padding:.625rem 0}.studio-loop-status>span{width:2.5rem;height:2.5rem;color:var(--muted);background:var(--line)}.studio-loop-status.is-active>span{color:var(--ink);background:var(--yellow)}.studio-loop-status strong{font-size:.8125rem}.studio-loop-status small{color:var(--muted);font-size:.75rem}.studio-tools .ab-controls,.ab-controls{grid-template-columns:var(--wb-control-sm) minmax(0, 1fr) var(--wb-control-sm);border:1px solid var(--line);border-radius:var(--wb-radius-md);background:var(--paper);min-height:4rem;padding:.5rem}.ab-controls>button:not(.ab-clear){width:var(--wb-control-sm);height:var(--wb-control-sm);color:var(--paper);background:var(--violet);border-radius:50%}.ab-controls>span,.ab-controls .ab-clear{font-size:.75rem}.saved-loop-list{gap:.75rem}.saved-loop-list>p{color:var(--muted);font-size:.75rem}.saved-loop-list>div{gap:.5rem}.saved-loop-list button{border:1px solid var(--line);border-radius:var(--wb-radius-sm);background:var(--paper);min-width:9rem;min-height:3.5rem;padding:.625rem .75rem;font-size:.8125rem}.saved-loop-list button span{color:var(--muted);font-size:.75rem}.studio-context-controls{padding:1.25rem 0}.studio-context-controls>button{min-height:var(--wb-control-sm);color:var(--ink);border:1px solid var(--line);border-radius:var(--wb-radius-sm);background:var(--paper);justify-self:start;padding:.5rem 1rem}.studio-context-controls>button.is-active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.key-control{grid-template-columns:5rem var(--wb-control-sm) minmax(6rem, 1fr) var(--wb-control-sm);border-color:var(--line);min-height:5rem}.key-control button{width:var(--wb-control-sm);height:var(--wb-control-sm);border-color:var(--line);font-size:1.25rem}.key-control output,.audio-honesty{font-size:.75rem}.studio-track{grid-template-columns:2rem minmax(5rem, .7fr) minmax(5rem, 1fr) var(--wb-control-sm) var(--wb-control-sm);border-bottom-color:var(--line);gap:.375rem;min-height:4.75rem}.studio-track label{font-size:.875rem}.studio-track>button{width:var(--wb-control-sm);height:var(--wb-control-sm);border-color:var(--line);font-size:.75rem}.studio-transport,.song-studio .studio-transport{min-height:5.25rem;padding-block:.625rem max(.625rem, env(safe-area-inset-bottom));padding-inline:max(1rem, env(safe-area-inset-left), env(safe-area-inset-right));top:auto;inset-inline:0;z-index:50;grid-template-columns:var(--wb-control-lg) minmax(6rem, auto) var(--wb-control-md) minmax(5rem, 1fr);color:var(--ink);border-top:1px solid var(--line);background:var(--paper);border-bottom:0;gap:.75rem;position:fixed;bottom:0}.song-studio .studio-transport .studio-play,.studio-transport .studio-play{width:var(--wb-control-lg);height:var(--wb-control-lg);color:var(--paper);background:var(--ink);border:0;border-radius:50%}.studio-play svg{width:1.5rem}.song-studio .studio-loop-toggle,.studio-loop-toggle{width:auto;min-width:6rem;min-height:var(--wb-control-md);color:var(--ink);border:1px solid var(--line);border-radius:var(--wb-radius-md);background:var(--paper);justify-content:center;align-items:center;gap:.5rem;padding:0 .875rem;font-size:.8125rem;display:inline-flex}.song-studio .studio-transport>button.studio-loop-toggle{color:var(--ink);border-color:var(--line);border-radius:var(--wb-radius-md);background:var(--paper)}.song-studio .studio-transport>button.studio-loop-toggle.is-active,.song-studio .studio-loop-toggle.is-active,.studio-loop-toggle.is-active{color:var(--ink);border-color:var(--yellow);background:var(--yellow)}.studio-record{width:var(--wb-control-md);height:var(--wb-control-md);border:1px solid var(--line);background:var(--paper);border-radius:50%}.song-studio .studio-transport>button.studio-record{width:var(--wb-control-md);height:var(--wb-control-md);border-color:var(--line);background:var(--paper);border-radius:50%}.studio-record i{background:var(--coral);width:1.125rem;height:1.125rem}.studio-record.is-recording i{border-radius:.25rem}.studio-transport output{color:var(--ink);font-variant-numeric:tabular-nums;justify-self:end;font-size:.875rem}.studio-transport output span{color:var(--muted)}.studio-toast{width:min(100% - 2rem,34rem);min-height:var(--wb-control-lg);color:var(--paper);border-radius:var(--wb-radius-md);background:var(--ink);padding:.75rem 1rem;font-size:.8125rem;bottom:6.25rem}.studio-toast button{width:var(--wb-control-sm);height:var(--wb-control-sm);color:var(--paper)}.studio-count-in{color:var(--paper);background:color-mix(in srgb, var(--ink) 92%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-tools-backdrop{background:color-mix(in srgb, var(--ink) 54%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-tools-sheet{max-height:min(82svh,48rem);padding:0 1.25rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:var(--wb-radius-xl) var(--wb-radius-xl) 0 0;color:var(--ink);background:var(--paper);box-shadow:none;animation:mobile-sheet-in var(--wb-state) var(--ease) both}.mobile-tools-sheet>header{border-bottom-color:var(--line);background:var(--paper);min-height:4.5rem}.mobile-tools-sheet>header p{color:var(--muted);font-size:.75rem}.mobile-tools-sheet>header h2{font-size:1.25rem}.mobile-tools-sheet>header button,.mobile-tools-sheet .studio-tool-close{width:var(--wb-control-sm);height:var(--wb-control-sm);border:1px solid var(--line);background:var(--paper);border-radius:50%}.library-controls{border-bottom:1px solid var(--line);padding:1rem 0 .5rem}.library-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.library-search{width:min(100%,30rem);min-width:0}.library-search input{width:100%}.library-results-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem}.library-reset{flex:none}.playlists-page{width:min(100% - 3rem,58rem);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 0 6rem}.playlists-index,.playlist-detail{width:100%}.playlists-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.playlists-header>div{min-width:0}.playlists-header h1,.playlist-detail-head h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin:.5rem 0 0;font-size:clamp(2.5rem,6vw,4rem);font-weight:750;line-height:1}.playlists-header>div>p:last-child,.playlist-detail-head>div>p:last-child{max-width:39rem;color:var(--muted);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.playlist-create{min-height:var(--wb-control-lg);color:var(--paper);border:1px solid var(--ink);border-radius:var(--wb-radius-lg);background:var(--ink);align-items:center;gap:.625rem;padding:.75rem 1.125rem;font-size:.9375rem;font-weight:700;display:inline-flex}.playlist-create svg{width:1.25rem;height:1.25rem}.playlist-error{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 32%, var(--line));border-radius:var(--wb-radius-sm);background:color-mix(in srgb, var(--coral) 8%, var(--paper));margin:0 0 1.5rem;padding:.875rem 1rem;font-size:.875rem}.playlist-empty{border-top:1px solid var(--ink);text-align:center;place-content:center;justify-items:center;gap:.75rem;min-height:20rem;padding:3.5rem 1.5rem;display:grid}.playlist-empty>svg{width:3.5rem;height:3.5rem;color:var(--turquoise-text)}.playlist-empty h2{letter-spacing:-.03em;margin:.5rem 0 0;font-size:1.5rem}.playlist-empty p{max-width:31rem;color:var(--muted);margin:0 0 .75rem;font-size:.9375rem;line-height:1.55}.playlist-list{border-top:1px solid var(--ink)}.playlist-row{width:100%;min-height:6rem;color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:start;transition:background-color var(--wb-state) var(--ease-quart);background:0 0;grid-template-columns:3.25rem minmax(0,1fr) 1.25rem;align-items:center;gap:1rem;padding:.75rem 0;display:grid}.playlist-count{border-radius:var(--wb-radius-md);background:var(--turquoise);font-variant-numeric:tabular-nums;place-items:center;width:3.25rem;height:3.25rem;font-size:1rem;font-weight:750;display:grid}.playlist-copy{gap:.25rem;min-width:0;display:grid}.playlist-copy strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;overflow:hidden}.playlist-copy small{color:var(--muted);font-size:.8125rem}.playlist-row>svg{width:1.25rem}.playlist-editor{border:1px solid var(--line);border-radius:var(--wb-radius-xl);background:var(--paper-deep);gap:.75rem;margin-bottom:2rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.playlist-editor h2{letter-spacing:-.035em;max-width:32rem;margin:.5rem 0 0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.playlist-editor label{margin-top:.25rem;font-size:.875rem;font-weight:700}.playlist-editor input{width:100%;min-height:var(--wb-control-lg);color:var(--ink);border:1px solid var(--line);border-radius:var(--wb-radius-md);background:var(--paper);padding:0 1rem}.playlist-editor input:focus{border-color:var(--turquoise-text);outline:3px solid color-mix(in srgb, var(--turquoise) 28%, transparent);outline-offset:0}.playlist-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.playlist-detail-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 1.5rem;margin-bottom:1.5rem;display:grid}.playlist-back{width:fit-content;min-height:var(--wb-control-sm);color:var(--ink);background:0 0;border:0;grid-column:1/-1;align-items:center;gap:.5rem;padding:0;font-size:.875rem;font-weight:700;display:inline-flex}.playlist-back svg{width:1.25rem}.playlist-primary{width:min(100%,31rem);min-height:var(--wb-control-lg);color:var(--paper);border:1px solid var(--ink);border-radius:var(--wb-radius-lg);background:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.playlist-primary svg{width:1.25rem}.playlist-section{margin-top:2.5rem}.playlist-section h2{border-bottom:1px solid var(--ink);letter-spacing:-.025em;margin:0;padding-bottom:.875rem;font-size:1.25rem}.playlist-section-empty{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:2.5rem 0;font-size:.9375rem;line-height:1.55}.playlist-track-row{border-bottom:1px solid var(--line);gap:.75rem;padding:1rem 0;display:grid}.playlist-track-main{width:100%;min-height:4.25rem;color:var(--ink);text-align:start;background:0 0;border:0;grid-template-columns:1.5rem 3.75rem minmax(0,1fr) 1.25rem;align-items:center;gap:.875rem;padding:0;display:grid}.playlist-track-main .album-art{border-radius:var(--wb-radius-md);width:3.75rem}.playlist-track-index{color:var(--muted);text-align:center;font-size:.8125rem;font-weight:700}.playlist-track-copy,.playlist-add-row>span{gap:.25rem;min-width:0;display:grid}.playlist-track-copy strong,.playlist-add-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.playlist-track-copy small,.playlist-add-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.playlist-track-main>svg{width:1.25rem}.playlist-track-actions{flex-wrap:wrap;gap:.5rem;padding-inline-start:2.375rem;display:flex}.playlist-track-actions>button,.playlist-add-row>button{min-width:var(--wb-control-sm);min-height:var(--wb-control-sm);color:var(--ink);border:1px solid var(--line);border-radius:var(--wb-radius-sm);background:var(--paper);justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:700;display:inline-flex}.playlist-track-actions .playlist-practice{border-radius:var(--wb-radius-lg);border-color:#0000;padding:.5rem 1rem;font-size:.8125rem}.playlist-practice-learning{background:var(--coral)!important}.playlist-practice-polishing{background:var(--yellow)!important}.playlist-practice-ready{background:var(--turquoise)!important}.playlist-add-row{grid-template-columns:3.5rem minmax(0, 1fr) var(--wb-control-sm);border-bottom:1px solid var(--line);align-items:center;gap:.875rem;min-height:5rem;padding:.75rem 0;display:grid}.playlist-add-row .album-art{width:3.5rem}.playlist-add-row>button{width:var(--wb-control-sm);color:var(--paper);border-color:var(--ink);background:var(--ink);border-radius:50%;padding:0}.playlist-add-row>button svg{width:1.25rem}.playlist-danger{border-top:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));margin-top:3rem;padding-top:1.5rem}.button-danger,.button-danger-outline{min-height:var(--wb-control-lg);border:1px solid var(--danger);border-radius:var(--wb-radius-lg);padding:.75rem 1.25rem;font-weight:700}.button-danger{color:var(--paper);background:var(--danger)}.button-danger-outline{color:var(--danger);background:0 0}.playlist-delete-confirm{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line));border-radius:var(--wb-radius-md);background:color-mix(in srgb, var(--coral) 7%, var(--paper));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.playlist-delete-confirm p{max-width:38rem;color:var(--muted);margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.playlist-delete-confirm>div:last-child{flex-wrap:wrap;gap:.75rem;display:flex}body *{font-family:inherit!important}@media (hover:hover) and (pointer:fine){.button:hover,.provider-button:hover,.billing-compare-button:hover,.import-action:hover,.floating-add:hover,.studio-icon-button:hover,.mobile-tools-trigger:hover{transform:translateY(-1px)}.button-dark:hover,.provider-apple:hover{color:var(--paper);background:color-mix(in srgb, var(--ink) 88%, var(--turquoise-text))}.button-outline:hover,.provider-google:hover,.billing-compare-button:hover{color:var(--ink);background:var(--paper-deep)}.button-paper:hover{color:var(--ink);border-color:var(--paper);background:var(--paper)}.landing-nav-links a:hover{color:var(--ink)}.track-row:hover{background:var(--paper-deep)}.track-row:hover .track-copy strong{text-decoration:none}.import-action:hover>span{transform:rotate(90deg)}.studio-sidebar nav button:hover,.studio-account:hover{color:var(--ink);background:var(--paper-deep)}.playlist-row:hover,.playlist-track-main:hover{background:var(--paper-deep)}.playlist-create:hover,.playlist-primary:hover,.playlist-add-row>button:hover{color:var(--paper);background:color-mix(in srgb, var(--ink) 88%, var(--turquoise-text))}.arrangement-track-head button:hover,.take-row>button:not(.take-seek,.take-delete):hover{border-color:var(--ink)}}@media (min-width:35rem){.instrument-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.landing-nav-links{display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(22rem,.85fr);align-items:center}.auth-page{grid-template-columns:minmax(20rem,.78fr) minmax(28rem,1.22fr)}.auth-wordmark{--brand-cutout:var(--ink);color:var(--paper)}.auth-visual{justify-content:center;align-items:center;min-height:100svh;padding:3rem;display:flex}.auth-panel{padding:3rem 0}.onboarding-layout{grid-template-columns:minmax(17rem,.8fr) minmax(24rem,1fr);gap:clamp(3rem,7vw,6rem);display:grid}.onboarding-form{margin-top:0}.flow-grid{grid-template-columns:minmax(17rem,.72fr) minmax(27rem,1fr);gap:clamp(3rem,7vw,6rem);display:grid}.flow-title{position:sticky;top:6rem}.flow-form{margin-top:0}.processing-layout{grid-template-columns:8.75rem minmax(0,1fr);column-gap:2rem}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card{border-inline-end:1px solid var(--line);border-bottom-color:var(--ink)}.price-card:last-child{border-inline-end:0}.plan-features{grid-template-columns:minmax(10rem,.55fr) minmax(0,1.45fr);gap:1rem 2rem;display:grid}}@media (min-width:64rem){.studio-shell{padding-bottom:0;padding-inline-start:var(--wb-sidebar)}.studio-content{padding-bottom:0}.studio-sidebar{width:var(--wb-sidebar);z-index:45;color:var(--ink);border-inline-end:1px solid var(--line);background:var(--paper);flex-direction:column;padding:1.25rem 1rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.studio-wordmark{--brand-cutout:var(--paper);min-height:var(--wb-control-sm);color:var(--ink);padding:0 .5rem;font-size:1.375rem}.studio-sidebar nav{gap:.375rem;margin:2.5rem 0 0}.studio-sidebar nav button{border-radius:var(--wb-radius-sm);min-height:3rem;color:var(--muted);flex-direction:row;justify-content:flex-start;gap:.75rem;padding:0 .75rem;font-size:.875rem}.studio-sidebar nav button svg{width:1.375rem;height:1.375rem}.studio-sidebar nav button.active{color:var(--ink);background:var(--paper-deep)}.studio-sidebar nav button.active:before{display:none}.studio-sidebar nav button:nth-child(2){min-height:var(--wb-control-lg);color:var(--paper);background:var(--ink);margin:.75rem 0}.studio-sidebar nav button:nth-child(2) svg{color:var(--ink);background:var(--paper);border-radius:50%;padding:.25rem}.studio-account{width:100%;min-height:4rem;color:var(--ink);border:0;border-top:1px solid var(--line);border-radius:var(--wb-radius-sm);text-align:start;background:0 0;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.625rem;margin-top:auto;padding:.5rem;display:grid}.studio-account.active{background:var(--paper-deep)}.studio-account-avatar{width:2.75rem;height:2.75rem;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;display:grid}.studio-account-avatar svg{width:1.375rem}.studio-account-copy{gap:.125rem;min-width:0;display:grid}.studio-account-copy strong,.studio-account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-account-copy strong{font-size:.8125rem}.studio-account-copy small{color:var(--muted);font-size:.75rem}.studio-bottom-nav{display:none}.dashboard-hero{grid-template-columns:minmax(0,.75fr) minmax(24rem,1.25fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.studio-transport,.song-studio .studio-transport,.studio-toast{inset-inline-start:var(--wb-sidebar)}}@media (min-width:68rem){.mobile-tools-trigger,.mobile-tools-backdrop{display:none}.studio-live-status{display:flex}.song-studio-layout{grid-template-columns:minmax(0,1fr) 19rem;grid-template-areas:"intro intro""timeline tools""tabs tools""panel tools";align-items:stretch;column-gap:0;min-height:calc(100svh - 4rem);display:grid}.song-studio-intro{grid-area:intro}.studio-timeline{grid-area:timeline}.studio-tabs{grid-area:tabs}.studio-tab-panel{grid-area:panel;min-height:100%}.studio-tools{grid-area:tools;position:relative;top:auto}.studio-tools-desktop{display:block}}@media (max-width:47.99rem){.landing-nav,.hero,.stems-section,.landing-pricing{width:min(100% - 2rem,75rem)}.landing-nav{flex-wrap:nowrap;gap:.5rem;min-height:4.5rem;padding:.5rem 0}.landing-nav .wordmark{font-size:1.125rem}.landing-nav .button{min-height:var(--wb-control-sm);padding:.5rem .75rem;font-size:.8125rem}.hero{gap:3rem;padding:3rem 0 4rem}.hero-copy h1{margin:1rem 0;font-size:clamp(2.875rem,14vw,3.75rem)}.hero-lede{font-size:1.0625rem;line-height:1.55}.hero-actions{grid-template-columns:1fr;margin-top:1.5rem;display:grid}.hero-actions .button,.hero-actions .text-link{width:100%}.hero-actions .text-link{justify-content:center}.hero-record{padding:1rem}.hero-record .waveform{min-height:6.5rem;margin:1rem 0 .75rem}.stems-section,.landing-pricing{padding:4rem 0}.section-intro h2,.landing-pricing .section-intro h2,.landing-cta h2{font-size:clamp(2.5rem,12vw,3.5rem)}.landing-pricing .section-intro{display:block}.landing-pricing .section-intro h2{margin:1rem 0}.billing-cadence{width:100%}.billing-cadence button{flex:1}.landing-cta .button{margin-inline-start:0}.landing-footer{flex-direction:column;align-items:flex-start}.auth-panel{width:min(100% - 2rem,30rem);padding-top:6rem}.auth-heading h1,.auth-status-page h1,.auth-simple-content h1{font-size:clamp(2.625rem,12vw,3.5rem)}.auth-simple-content,.legal-page article,.onboarding-layout{width:min(100% - 2rem,56rem)}.onboarding-header{padding:0 1rem}.onboarding-progress{width:calc(100% - 2rem)}.onboarding-layout{padding:2.5rem 0 4rem}.onboarding-layout aside h1{font-size:clamp(2.5rem,12vw,3.5rem)}.onboarding-form{margin-top:2rem}.instrument-choice-grid label:nth-of-type(odd),.instrument-choice-grid label:nth-of-type(2n){border-inline-start:0;padding-inline:0}.legal-page article section{grid-template-columns:1fr;gap:.5rem}.legal-page h1{font-size:clamp(2.75rem,12vw,3.75rem)}.plan-features{grid-template-columns:1fr}.dashboard-hero,.library-title,.library-panel,.profile-page,.flow-grid,.processing-layout{width:min(100% - 2rem,58rem)}.dashboard-hero{padding:2rem 0 1rem}.dashboard-hero h1,.library-title h1,.profile-header h1{font-size:clamp(2rem,10vw,2.75rem)}.import-action{min-height:4rem;padding:.5rem 1rem}.import-action small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-title{min-height:7rem;padding:2rem 0 1rem}.track-row{grid-template-columns:4rem minmax(0,1fr) 1.25rem;gap:.875rem;min-height:5.5rem}.track-row .album-art{width:4rem}.track-status{display:none}.filter-tabs{width:100%;min-width:0}.flow-grid{padding:2.5rem 0 4rem}.flow-title h1{font-size:clamp(2.5rem,12vw,3.5rem)}.flow-form{margin-top:2rem}.processing-layout{padding-top:2rem}.processing-album{width:min(34vw,8rem)}.processing-copy>p{margin-top:1rem}.processing-copy h1{font-size:clamp(2.25rem,11vw,3rem)}.progress-visual{width:7.5rem;margin:1.25rem 0}.progress-visual strong{font-size:2.25rem}.profile-header,.billing-heading,.security-heading{align-items:flex-start}.billing-heading,.security-heading{flex-direction:column}.billing-heading-actions{justify-content:space-between;width:100%}.current-plan-card,.billing-management{min-width:0}.song-studio{width:100%;max-width:100vw;overflow-x:clip}.song-studio-header{min-height:4rem;padding:.5rem .75rem}.song-studio-header>h1,.song-studio-header>strong{font-size:.9375rem}.mobile-tools-trigger{width:var(--wb-control-sm);justify-content:center;padding:0}.mobile-tools-trigger>span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.song-studio-intro{align-items:center;min-height:5rem;padding:.75rem}.song-studio-intro .studio-meta{justify-content:flex-end;max-width:12rem}.song-studio-intro .studio-meta span{min-height:2rem;padding:0 .625rem}.studio-timeline{scroll-snap-type:x proximity;width:100%;max-width:100vw}.studio-arrangement{min-width:50rem}.arrangement-ruler,.arrangement-overview,.arrangement-track{grid-template-columns:11.5rem minmax(38.5rem,1fr)}.arrangement-corner,.arrangement-track-head{scroll-snap-align:start}.arrangement-track-head{grid-template-columns:1.25rem minmax(0, 1fr) var(--wb-control-sm) var(--wb-control-sm);padding:.5rem}.arrangement-loop-editor{grid-template-columns:6rem minmax(10rem,1fr) 6rem}.arrangement-loop-editor>button{min-width:6rem}.studio-tabs{max-width:calc(100% - 1.5rem);margin:.75rem}.studio-tabs button{min-width:0;padding:.375rem .25rem;font-size:clamp(.75rem,2.8vw,.8125rem)}.studio-tab-panel{padding-inline:.75rem}.take-actions{grid-template-columns:1fr}.import-take-action{border-top:1px solid var(--line);border-inline-start:0}.take-row{grid-template-columns:minmax(0, 1fr) var(--wb-control-sm) var(--wb-control-sm);padding:.75rem 0}.take-row input,.take-row>a,.take-row .take-delete{grid-column:1/-1}.compare-source-row{grid-template-columns:1fr}.studio-transport,.song-studio .studio-transport{min-height:5rem;padding:.5rem .75rem max(.5rem, env(safe-area-inset-bottom));grid-template-columns:var(--wb-control-lg) var(--wb-control-md) var(--wb-control-md) minmax(4rem, 1fr);gap:.5rem}.song-studio .studio-loop-toggle,.studio-loop-toggle{min-width:var(--wb-control-md);padding:0}.song-studio .studio-loop-toggle strong,.studio-loop-toggle strong{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.studio-transport output{font-size:.75rem}.studio-transport output span{display:none}.mobile-tools-sheet>.practice-tools{padding-top:1rem}.mobile-tools-sheet .studio-tool-heading{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);min-height:4rem;position:sticky;top:0}}@media (max-width:34.99rem){.new-track-dialog{border-inline-end:0;border-bottom:0;border-radius:var(--wb-radius-xl) var(--wb-radius-xl) 0 0;border-inline-start:0;width:100%;max-height:calc(100svh - 1rem);top:auto;bottom:0;transform:translate(-50%)}.new-track-dialog-header,.new-track-dialog-form{padding-inline:1rem}.instrument-choice-grid{grid-template-columns:1fr}.landing-footer{gap:.5rem}.stem-line{grid-template-columns:1.5rem 2.5rem minmax(0,1fr);gap:.75rem}.profile-header{display:grid}.profile-header .button{justify-self:start}.billing-heading-actions{flex-direction:column;align-items:flex-start}.current-plan-card>span{text-align:start}.current-plan-card{grid-template-columns:minmax(0,1fr)}.current-plan-card>span,.current-plan-card>small,.billing-management{grid-column:1}.billing-management,.studio-tab-panel .panel-heading{flex-direction:column;align-items:flex-start}.panel-heading>span{text-align:start;max-width:100%}}@media (max-width:23rem){.landing-nav{flex-wrap:wrap}.landing-nav>.button{width:100%}.landing-nav .language-switcher{margin-inline-start:auto}.hero-copy h1{font-size:2.75rem}.track-row{grid-template-columns:3.5rem minmax(0,1fr) 1.25rem;gap:.625rem}.track-row .album-art{width:3.5rem}.track-copy strong{font-size:1rem}.filter-tabs button{padding-inline:.375rem;font-size:.75rem}.song-studio-intro .studio-meta span:nth-child(n+3){display:none}.studio-tabs button{font-size:.75rem}.studio-tabs button>span{display:none}.studio-transport,.song-studio .studio-transport{grid-template-columns:var(--wb-control-md) var(--wb-control-sm) var(--wb-control-sm) minmax(3.5rem, 1fr);gap:.375rem}.song-studio .studio-transport .studio-play,.studio-transport .studio-play{width:var(--wb-control-md);height:var(--wb-control-md)}.studio-record,.song-studio .studio-loop-toggle,.studio-loop-toggle{width:var(--wb-control-sm);min-width:var(--wb-control-sm);height:var(--wb-control-sm)}.song-studio .studio-transport>button.studio-record{width:var(--wb-control-sm);height:var(--wb-control-sm)}}@media (pointer:coarse){.landing-nav-links a,.landing-footer a,.library-panel-head button,.identity-row>button,.take-row>a,.take-delete{min-height:var(--wb-control-sm)}}@media (max-width:47.99rem){.playlists-page{width:min(100% - 2rem,58rem);padding-top:2rem}.playlists-header{align-items:stretch}.playlist-create,.playlist-primary{justify-content:center;width:100%}.playlist-detail-head{grid-template-columns:minmax(0,1fr);align-items:start}.playlist-detail-head>.button{justify-self:start}.playlist-track-actions{padding-inline-start:0}}@media (max-width:34.99rem){.studio-bottom-nav button{font-size:.6875rem}.studio-bottom-nav svg{width:1.375rem;height:1.375rem}.library-search,.library-reset{width:100%}.playlist-editor-actions>.button{flex:8rem}.playlist-track-main{grid-template-columns:1.25rem 3.25rem minmax(0,1fr) 1.125rem;gap:.625rem}.playlist-track-main .album-art{width:3.25rem}.playlist-track-actions .playlist-practice{flex:8rem}.playlist-delete-confirm>div:last-child,.playlist-delete-confirm>div:last-child .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.skip-link{transition:none}}