:root{--app9-radius-control: 9px;--app9-radius-field: 10px;--app9-radius-panel: 16px;--app9-radius-pill: 999px;--app9-space-xs: 4px;--app9-space-sm: 8px;--app9-space-md: 16px;--app9-space-lg: 24px;--app9-space-xl: 32px;--app9-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--app9-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--app9-text-micro: 10px;--app9-text-label: 11px;--app9-text-label-lg: 12px;--app9-text-body: 13px;--app9-text-body-lg: 14px;--app9-text-lede: 16px;--app9-text-title: 17px;--app9-text-title-lg: 18px;--app9-text-headline: 25px;--app9-text-display-compact: 34px;--app9-text-display: clamp(38px, 5vw, 62px);--app9-weight-body: 400;--app9-weight-medium: 500;--app9-weight-label: 750;--app9-weight-title: 750;--app9-weight-headline: 800;--app9-weight-display: 850;--app9-motion-fast: .14s;--app9-motion-base: .2s;--app9-ease: cubic-bezier(.2,.8,.2,1);--app9-control-min-height: 44px;--app9-control-height: 36px;--app9-header-height: 64px;--app9-header-height-mobile: 56px;--app9-header-max-width: 1200px;--app9-shadow-sm: 0 1px 2px rgba(0,0,0,.08);--app9-shadow-md: 0 6px 16px rgba(0,0,0,.12);--app9-shadow-lg: 0 18px 40px rgba(0,0,0,.18)}:root{--app9-surface: #f7f8fb;--app9-panel: #ffffff;--app9-soft: #f0f2f7;--app9-line: #dfe3eb;--app9-ink: #141923;--app9-muted: #5d6675;--app9-muted-strong: #344054;--app9-brand: #0077b6;--app9-brand-soft: #eef8fd;--app9-on-brand: #ffffff;--app9-ocean: #0077b6;--app9-ocean-text: #006b9f;--app9-ocean-soft: #eef8fd;--app9-on-ocean: #ffffff;--app9-success: #16805b;--app9-danger: #c13c52;--app9-warning: #a15c07;--app9-warning-soft: #fdf3e3}:root[data-app9-theme=dark]{--app9-surface: #0d1119;--app9-panel: #151b25;--app9-soft: #1c2431;--app9-line: #2b3545;--app9-ink: #f4f6fa;--app9-muted: #a4adbb;--app9-muted-strong: #d0d5dd;--app9-brand: #5bc0e5;--app9-brand-soft: #102f43;--app9-on-brand: #071822;--app9-ocean: #5bc0e5;--app9-ocean-text: #7bd0f5;--app9-ocean-soft: #102f43;--app9-on-ocean: #071822;--app9-success: #55d3a4;--app9-danger: #ff8295;--app9-warning: #e0a457;--app9-warning-soft: #2e2413}:root.dark{--app9-surface: #0d1119;--app9-panel: #151b25;--app9-soft: #1c2431;--app9-line: #2b3545;--app9-ink: #f4f6fa;--app9-muted: #a4adbb;--app9-muted-strong: #d0d5dd;--app9-brand: #5bc0e5;--app9-brand-soft: #102f43;--app9-on-brand: #071822;--app9-ocean: #5bc0e5;--app9-ocean-text: #7bd0f5;--app9-ocean-soft: #102f43;--app9-on-ocean: #071822;--app9-success: #55d3a4;--app9-danger: #ff8295;--app9-warning: #e0a457;--app9-warning-soft: #2e2413}@media(prefers-color-scheme:dark){:root:not([data-app9-theme=light]):not(.light){--app9-surface: #0d1119;--app9-panel: #151b25;--app9-soft: #1c2431;--app9-line: #2b3545;--app9-ink: #f4f6fa;--app9-muted: #a4adbb;--app9-muted-strong: #d0d5dd;--app9-brand: #5bc0e5;--app9-brand-soft: #102f43;--app9-on-brand: #071822;--app9-ocean: #5bc0e5;--app9-ocean-text: #7bd0f5;--app9-ocean-soft: #102f43;--app9-on-ocean: #071822;--app9-success: #55d3a4;--app9-danger: #ff8295;--app9-warning: #e0a457;--app9-warning-soft: #2e2413}}:root{--app9-brand: #b45309;--app9-brand-soft: #fdf1e0;--app9-on-brand: #ffffff}:root[data-app9-theme=dark]{--app9-brand: #f5a524;--app9-brand-soft: #3a2a0d;--app9-on-brand: #1a1204}:root.dark{--app9-brand: #f5a524;--app9-brand-soft: #3a2a0d;--app9-on-brand: #1a1204}@media(prefers-color-scheme:dark){:root:not([data-app9-theme=light]):not(.light){--app9-brand: #f5a524;--app9-brand-soft: #3a2a0d;--app9-on-brand: #1a1204}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#060a0f;color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#060a0f}button,input,select,textarea{font:inherit}button{cursor:pointer}.studio-shell{min-height:100vh;background:linear-gradient(135deg,rgba(45,212,191,.08),transparent 28%),radial-gradient(circle at 78% 12%,rgba(245,158,11,.18),transparent 28%),#060a0f;color:#f5f7fb}.legal-footer{color:#9ca3af;font-size:12px;line-height:1.5;padding:0 28px 28px}.legal-footer a{color:#f5f7fb;font-weight:800}.studio-shell[data-theme=light]{color-scheme:light;background:#f6f8fb;color:#111827}.studio-shell[data-theme=light] .legal-footer{color:#6b7280}.studio-shell[data-theme=light] .legal-footer a{color:#111827}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:18px;border-bottom:1px solid rgba(148,163,184,.18);background:#060a0fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 28px}.studio-shell[data-theme=light] .site-header{background:#ffffffe0}.brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#2dd4bf);color:#061016;font-size:13px;font-weight:900}.brand strong,.brand small{display:block;line-height:1.05}.brand strong{font-size:17px;letter-spacing:.01em}.brand small{color:#2dd4bf;font-size:12px;font-weight:800;text-transform:uppercase}nav{display:inline-flex;justify-content:center;gap:4px}nav button,nav a,.icon-button,.hero-actions button,.order-panel button,.filter-toggle,.license-options button,.license-button,.studio-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172a9e;color:inherit;padding:0 13px}nav button,nav a{color:#cbd5e1;font-size:14px;text-decoration:none}nav button.active{border-color:#2dd4bf6b;background:#2dd4bf1f;color:#e6fffb}.header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.credit-balance{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(245,158,11,.28);border-radius:8px;background:#78350f33;color:#fde68a;min-height:38px;padding:0 11px;font-size:13px}main{display:grid;gap:20px;width:min(1480px,calc(100% - 48px));margin:0 auto;padding:28px 0 72px}.hero-section{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(420px,1.14fr);gap:18px;min-height:0;align-items:stretch}.hero-copy,.hero-product,.workspace-section{border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0a1018bd;box-shadow:0 20px 80px #0000004d}.studio-shell[data-theme=light] .hero-copy,.studio-shell[data-theme=light] .hero-product,.studio-shell[data-theme=light] .workspace-section,.studio-shell[data-theme=light] .library-panel,.studio-shell[data-theme=light] .detail-panel,.studio-shell[data-theme=light] .studio-form,.studio-shell[data-theme=light] .pricing-card,.studio-shell[data-theme=light] .flow-card,.studio-shell[data-theme=light] .step-card{background:#ffffffdb}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,42px)}.hero-copy h1{max-width:780px;margin:0;font-size:clamp(40px,4.6vw,60px);line-height:.98;letter-spacing:0}.hero-copy p{max-width:660px;margin:18px 0 0;color:#a9b7c8;font-size:19px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions button:first-child,.license-button,.studio-form button{border-color:transparent;background:linear-gradient(135deg,#f59e0b,#2dd4bf);color:#051014;font-weight:900}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:28px}.hero-stats span{border-top:1px solid rgba(148,163,184,.18);color:#91a2b8;padding-top:12px;font-size:13px}.hero-stats strong{display:block;color:#f8fafc;font-size:21px}.hero-product{display:grid;grid-template-rows:1fr auto;gap:12px;padding:18px}.hero-player{display:grid;grid-template-columns:minmax(160px,220px) 1fr auto;gap:18px;align-items:center;min-height:280px;border-radius:8px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0206178a;padding:22px}.hero-player img,.detail-cover{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;box-shadow:0 24px 60px #00000052}.hero-player span,.detail-copy span{color:#2dd4bf;font-size:12px;font-weight:900;text-transform:uppercase}.hero-player h2{margin:8px 0 0;font-size:clamp(27px,2.6vw,38px);line-height:1}.hero-player p{max-width:560px;color:#a9b7c8;line-height:1.55}.hero-player>button,.play-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(45,212,191,.4);border-radius:999px;background:#2dd4bf24;color:#bffcf5}.waveform{display:grid;grid-template-columns:repeat(12,1fr);align-items:center;gap:5px;height:58px}.waveform span{display:block;min-height:12px;border-radius:999px;background:#94a3b852}.waveform.active span{background:linear-gradient(180deg,#fde68a,#2dd4bf)}.order-panel{display:grid;gap:14px;border:1px solid rgba(245,158,11,.2);border-radius:8px;background:#78350f24;padding:18px}.order-panel h3,.section-heading h2,.detail-copy h3,.license-box h4,.similar-list h4,.admin-model h3{margin:0}.mini-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.mini-form-grid span{color:#91a2b8;font-size:12px}.mini-form-grid strong{font-size:13px}.order-panel button{justify-content:space-between}.workspace-section{padding:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading.stacked{display:grid;justify-content:start}.section-heading h2{font-size:clamp(28px,3vw,44px);line-height:1}.section-heading p{max-width:720px;margin:8px 0 0;color:#94a3b8;line-height:1.5}.factory-note{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(45,212,191,.22);border-radius:8px;background:#2dd4bf14;color:#bffcf5;padding:10px 12px;font-size:13px;white-space:nowrap}.catalog-notice{margin:-10px 0 16px;color:#f8d38a;font-size:13px}.library-layout{display:grid;grid-template-columns:minmax(500px,1fr) 340px;gap:18px}.library-panel,.detail-panel,.studio-form,.pricing-card,.flow-card,.step-card,.admin-model{border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#02061752}.library-panel,.detail-panel{padding:14px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 140px 140px 150px auto;gap:9px;margin-bottom:12px}.search-field,.select-filter{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172a94;padding:0 10px}.search-field input,.select-filter select,.studio-form input,.studio-form select,.studio-form textarea{width:100%;border:0;outline:0;background:transparent;color:inherit}.select-filter{display:grid;grid-template-columns:1fr;gap:0;padding:5px 10px}.select-filter span,.studio-form label span{color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase}.filter-toggle.active{border-color:#2dd4bf;color:#bffcf5}.track-list{display:grid;gap:8px}.track-row{display:grid;grid-template-columns:44px minmax(260px,1fr) 220px 86px 52px;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172a6b;padding:8px}.track-row.active{border-color:#2dd4bf7a;background:#2dd4bf14}.track-main{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px;border:0;background:transparent;color:inherit;text-align:left}.track-main img{width:48px;height:48px;border-radius:7px;object-fit:cover}.track-main strong,.track-main small{display:block}.track-main small,.track-duration,.track-price{color:#94a3b8;font-size:12px}.row-wave .waveform{height:38px}.track-price{color:#fde68a;font-weight:800}.detail-panel{display:grid;align-content:start;gap:14px}.detail-copy p{color:#a8b5c7;line-height:1.5}.detail-audio{width:100%;height:38px}.metadata-grid,.rate-table{display:grid;grid-template-columns:1fr 1.3fr;gap:8px 14px;border-top:1px solid rgba(148,163,184,.16);padding-top:14px}.metadata-grid span,.rate-table span{color:#94a3b8;font-size:12px}.metadata-grid strong,.rate-table strong{font-size:13px}.license-box{display:grid;gap:12px;border:1px solid rgba(245,158,11,.2);border-radius:8px;background:#78350f24;padding:14px}.license-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.license-options button{min-height:34px;padding:0 8px;font-size:12px;text-transform:capitalize}.license-options button.active{background:#fde68a;color:#111827}.license-total{display:flex;justify-content:space-between;color:#fde68a}.similar-list{display:grid;gap:7px;color:#94a3b8;font-size:13px}.split-section{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(460px,1fr);gap:18px}.order-types,.producer-steps,.flow-grid,.pricing-grid{display:grid;gap:12px}.order-types{grid-template-columns:repeat(2,1fr)}.order-types>div{display:grid;gap:8px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#0f172a5c;padding:16px}.order-types p,.step-card span,.flow-card p,.admin-model p{color:#94a3b8;line-height:1.5}.order-types span{color:#fde68a}.studio-form{display:grid;gap:12px;padding:16px}.studio-form label{display:grid;gap:6px}.studio-form input,.studio-form select,.studio-form textarea{min-height:42px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172a8a;padding:0 10px}.studio-form textarea{min-height:96px;padding:10px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;flex-wrap:wrap;gap:12px;color:#cbd5e1;font-size:13px}.check-row label{display:inline-flex;grid-template-columns:none;align-items:center;gap:7px}.success-message{display:inline-flex;align-items:center;gap:7px;margin:0;color:#86efac}.pricing-grid{grid-template-columns:repeat(4,1fr)}.pricing-card{display:grid;gap:10px;padding:18px}.pricing-card.featured{border-color:#2dd4bf7a;background:#2dd4bf14}.pricing-card span{color:#2dd4bf;font-size:13px;font-weight:900}.pricing-card strong{font-size:28px}.pricing-card p{margin:0;color:#fde68a;font-weight:800}.pricing-card small{color:#94a3b8;line-height:1.45}.rate-table{margin-top:16px;border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:16px}.producer-steps,.flow-grid{grid-template-columns:repeat(2,1fr)}.step-card,.flow-card,.admin-model{display:grid;gap:9px;padding:16px}.step-card svg,.flow-card svg,.order-types svg{color:#2dd4bf}.admin-model{margin-top:16px}.empty-message{margin:0;color:#94a3b8;padding:18px}@media(max-width:900px){.site-header{grid-template-columns:1fr}nav{justify-content:start;overflow-x:auto}.hero-section,.library-layout,.split-section{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){main{width:min(100% - 28px,1480px);padding-top:16px}.site-header{padding:12px 14px}.hero-copy{padding:26px}.hero-player,.track-row,.filters,.order-types,.producer-steps,.flow-grid,.pricing-grid,.hero-stats,.two-col{grid-template-columns:1fr}.row-wave{display:none}.section-heading{display:grid}}img.brand-mark{object-fit:cover}:root{--studio-player-height: 72px}html:has(.studio-app-shell){background:var(--app9-surface)}.studio-app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--app9-surface);color:var(--app9-ink);font-family:var(--app9-font-sans);color-scheme:light}@media(max-width:480px){.studio-app-shell .app9-header{--app9-space-md: 8px}.studio-app-shell [data-app9-lockup]{min-width:0;flex-shrink:1!important}.studio-app-shell [data-app9-lockup]>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-app-shell [data-app9-lockup]>span:first-child,.studio-app-shell .app9-header-actions{flex-shrink:0}}:root[data-app9-theme=dark] .studio-app-shell,:root.dark .studio-app-shell{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-app9-theme=light]):not(.light) .studio-app-shell{color-scheme:dark}}.studio-main{flex:1;width:100%;max-width:var(--app9-header-max-width);margin:0 auto;padding:var(--app9-space-xl) var(--app9-space-lg) calc(var(--app9-space-xl) + var(--studio-player-height))}.studio-page{display:grid;gap:var(--app9-space-lg);align-content:start}.studio-page h1{margin:0;font-size:var(--app9-text-headline);font-weight:var(--app9-weight-headline);letter-spacing:-.01em}.studio-page p{margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.55}.studio-credit-chip{display:inline-flex;align-items:center;height:var(--app9-control-height);padding:0 12px;border:1px solid var(--app9-line);border-radius:var(--app9-radius-pill);background:var(--app9-brand-soft);color:var(--app9-ink);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label);text-decoration:none;white-space:nowrap}.studio-credit-chip:hover{border-color:var(--app9-brand)}.studio-player{position:fixed;inset:auto 0 0 0;z-index:40;display:flex;align-items:center;gap:var(--app9-space-md);min-height:var(--studio-player-height);padding:12px max(var(--app9-space-lg),calc((100vw - var(--app9-header-max-width)) / 2));border-top:1px solid var(--app9-line);background:var(--app9-panel);color:var(--app9-ink);box-shadow:var(--app9-shadow-lg)}.studio-player__toggle,.studio-player__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:1px solid var(--app9-line);border-radius:var(--app9-radius-pill);background:var(--app9-soft);color:var(--app9-ink);font-size:14px;line-height:1}.studio-player__toggle{background:var(--app9-brand);border-color:transparent;color:var(--app9-on-brand)}.studio-player__close{margin-left:auto;font-size:18px}.studio-player__meta{display:grid;gap:2px;min-width:0;max-width:280px}.studio-player__meta strong{overflow:hidden;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-title);text-overflow:ellipsis;white-space:nowrap}.studio-player__meta span{color:var(--app9-muted);font-size:var(--app9-text-label);font-variant-numeric:tabular-nums}.studio-player__seek{flex:1;min-width:80px;accent-color:var(--app9-brand)}.studio-player__seek:disabled{opacity:.4}.studio-player__queue{color:var(--app9-muted);font-size:var(--app9-text-label);font-weight:var(--app9-weight-label);white-space:nowrap}@media(max-width:720px){.studio-main{padding-right:var(--app9-space-md);padding-left:var(--app9-space-md)}.studio-player{gap:var(--app9-space-sm);padding:10px var(--app9-space-md)}.studio-player__meta{max-width:40vw}.studio-player__queue{display:none}}.create-page{display:grid;gap:var(--app9-space-lg);align-content:start;min-width:0}.create-page ::selection{background:var(--app9-brand-soft);color:var(--app9-ink)}.create-page__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--app9-space-md)}.create-page__header h1{margin:0;font-size:var(--app9-text-headline);font-weight:var(--app9-weight-headline);letter-spacing:-.02em}.create-page__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--app9-space-lg)}@media(min-width:960px){.create-page__layout{grid-template-columns:minmax(0,1fr) 360px}}.create-page__form{display:grid;gap:var(--app9-space-md);align-content:start;min-width:0}.create-page__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--app9-space-md);align-items:end}.create-page__submit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app9-space-md);padding-top:var(--app9-space-xs)}.create-page__hint{margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg)}.create-page__hint a{color:var(--app9-brand);font-weight:var(--app9-weight-medium);text-underline-offset:3px}.create-page__error{margin:0;border-radius:var(--app9-radius-field);background:color-mix(in srgb,var(--app9-danger) 12%,var(--app9-panel));color:var(--app9-danger);padding:10px 14px;font-size:var(--app9-text-body-lg);line-height:1.5}.create-page__rail{display:grid;gap:var(--app9-space-sm);align-content:start;align-self:start;min-width:0}@media(min-width:960px){.create-page__rail{position:sticky;top:calc(var(--app9-header-height) + var(--app9-space-md))}}.create-page__rail h2{margin:var(--app9-space-sm) 0 0;font-size:var(--app9-text-title);font-weight:var(--app9-weight-title);letter-spacing:-.01em}.tabs{display:inline-flex;gap:2px;border-radius:var(--app9-radius-pill);background:var(--app9-soft);padding:3px}.tab{min-height:32px;border:0;border-radius:var(--app9-radius-pill);background:transparent;color:var(--app9-muted);padding:0 14px;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-medium);transition:background-color var(--app9-motion-fast) var(--app9-ease),color var(--app9-motion-fast) var(--app9-ease)}.tab:hover{color:var(--app9-ink)}.tab.is-active{background:var(--app9-panel);color:var(--app9-ink);font-weight:var(--app9-weight-label);box-shadow:var(--app9-shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--app9-control-height);border:1px solid transparent;border-radius:var(--app9-radius-control);background:var(--app9-brand);color:var(--app9-on-brand);padding:0 14px;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-label);line-height:1;text-decoration:none;white-space:nowrap;transition:background-color var(--app9-motion-fast) var(--app9-ease),border-color var(--app9-motion-fast) var(--app9-ease),color var(--app9-motion-fast) var(--app9-ease)}summary.btn{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}summary.btn::-webkit-details-marker{display:none}summary.btn::marker{content:""}.btn:hover:not(:disabled):not(.is-disabled){background-image:linear-gradient(#00000017,#00000017)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed}.btn.is-disabled{pointer-events:none}.btn--ghost{background:transparent;border-color:var(--app9-line);color:var(--app9-ink);font-weight:var(--app9-weight-medium)}.btn--ghost:hover:not(:disabled):not(.is-disabled){background-image:none;background-color:var(--app9-soft);border-color:var(--app9-muted)}.btn--primary{min-height:44px;border-radius:var(--app9-radius-field);padding:0 20px;font-size:var(--app9-text-lede)}.btn--icon{width:var(--app9-control-height);padding:0}.chip{border:1px solid var(--app9-line);border-radius:var(--app9-radius-pill);background:var(--app9-panel);color:var(--app9-muted-strong);padding:8px 14px;font-size:var(--app9-text-body-lg);text-align:left;transition:background-color var(--app9-motion-fast) var(--app9-ease),border-color var(--app9-motion-fast) var(--app9-ease),color var(--app9-motion-fast) var(--app9-ease)}.chip:hover:not(:disabled){border-color:var(--app9-brand);background:var(--app9-brand-soft);color:var(--app9-ink)}.chip:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.tab:focus-visible,.menu__item:focus-visible,.menu__delete:focus-visible,.track-row__play:focus-visible,.tier-picker__option:has(input:focus-visible),.segmented__option:has(input:focus-visible){outline:2px solid var(--app9-brand);outline-offset:2px}.field-card{display:grid;border:1px solid var(--app9-line);border-radius:var(--app9-radius-panel);background:var(--app9-panel)}.field-card:focus-within{border-color:var(--app9-brand)}.field-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--app9-space-md);padding:14px var(--app9-space-md) 0}.field-card__header h2{margin:0;font-size:var(--app9-text-title);font-weight:var(--app9-weight-title);letter-spacing:-.01em}.field-card__textarea{width:100%;min-height:240px;border:0;background:transparent;color:var(--app9-ink);caret-color:var(--app9-brand);padding:10px var(--app9-space-md) 14px;font-family:inherit;font-size:var(--app9-text-body-lg);line-height:1.65;outline:none;resize:vertical}.field-card__textarea::placeholder{color:var(--app9-muted)}.field-card__textarea:disabled{color:var(--app9-muted);cursor:not-allowed}.field-card__textarea--short{min-height:104px}.field-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--app9-space-sm);border-top:1px solid var(--app9-line);padding:10px 12px 10px var(--app9-space-md)}.field-card__counter{color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-variant-numeric:tabular-nums}.field-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.switch{display:inline-flex;align-items:center;gap:8px;color:var(--app9-muted-strong);font-size:var(--app9-text-body-lg);cursor:pointer}.switch input{width:16px;height:16px;margin:0;accent-color:var(--app9-brand)}.tier-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--app9-space-sm);min-width:0;border:0;margin:0;padding:0}.tier-picker__legend{grid-column:1 / -1;color:var(--app9-muted);padding:0;font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label)}.tier-picker__option{position:relative;display:grid;gap:3px;align-content:start;border:1px solid var(--app9-line);border-radius:var(--app9-radius-field);background:var(--app9-panel);padding:12px 14px;cursor:pointer;transition:background-color var(--app9-motion-fast) var(--app9-ease),border-color var(--app9-motion-fast) var(--app9-ease)}.tier-picker__option input,.segmented__option input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.tier-picker__option:hover{border-color:var(--app9-muted)}.tier-picker__option.is-selected{border-color:var(--app9-brand);background:var(--app9-brand-soft)}.tier-picker__option.is-disabled{opacity:.55;cursor:not-allowed}.tier-picker__label{color:var(--app9-ink);font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-title)}.tier-picker__blurb{color:var(--app9-muted);font-size:var(--app9-text-body);line-height:1.45}.tier-picker__cost{margin-top:4px;color:var(--app9-muted-strong);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label);font-variant-numeric:tabular-nums}.tier-picker__option.is-selected .tier-picker__cost{color:var(--app9-brand)}.segmented{min-width:0;border:0;margin:0;padding:0}.segmented legend{color:var(--app9-muted);margin-bottom:6px;padding:0;font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label)}.segmented__option{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--app9-control-height);min-width:44px;border:1px solid var(--app9-line);border-radius:var(--app9-radius-pill);background:var(--app9-panel);color:var(--app9-muted-strong);margin:0 6px 0 0;padding:0 14px;font-size:var(--app9-text-body-lg);cursor:pointer;transition:background-color var(--app9-motion-fast) var(--app9-ease),border-color var(--app9-motion-fast) var(--app9-ease),color var(--app9-motion-fast) var(--app9-ease)}.segmented__option:hover{border-color:var(--app9-muted)}.segmented__option.is-selected{border-color:var(--app9-brand);background:var(--app9-brand-soft);color:var(--app9-ink);font-weight:var(--app9-weight-label)}.text-field{display:grid;gap:6px;min-width:0;color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label)}.text-field input{min-height:var(--app9-control-height);border:1px solid var(--app9-line);border-radius:var(--app9-radius-control);background:var(--app9-panel);color:var(--app9-ink);caret-color:var(--app9-brand);padding:0 12px;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-body);outline:none}.text-field input::placeholder{color:var(--app9-muted)}.text-field input:focus{border-color:var(--app9-brand)}.menu{position:relative;flex:none}.menu[open]>summary:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block}.menu__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:grid;gap:2px;min-width:220px;max-width:320px;border-radius:var(--app9-radius-field);background:var(--app9-panel);padding:6px;box-shadow:var(--app9-shadow-lg)}.menu--right .menu__panel{right:0;left:auto}.menu__item{display:grid;gap:2px;justify-items:start;width:100%;border:0;border-radius:var(--app9-radius-control);background:transparent;color:var(--app9-ink);padding:8px 10px;font-size:var(--app9-text-body-lg);text-align:left;text-decoration:none;transition:background-color var(--app9-motion-fast) var(--app9-ease)}.menu__item:hover:not(:disabled){background:var(--app9-soft)}.menu__item:disabled{opacity:.45;cursor:not-allowed}.menu__item strong{font-weight:var(--app9-weight-title)}.menu__item span{color:var(--app9-muted);font-size:var(--app9-text-body)}.menu__item--action{margin-top:4px;border-top:1px solid var(--app9-line);border-radius:0;color:var(--app9-brand);padding-top:10px;font-weight:var(--app9-weight-label)}.menu__item--danger{color:var(--app9-danger)}.menu__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px}.menu__row .menu__item{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__delete{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:var(--app9-radius-control);background:transparent;color:var(--app9-muted);padding:0;transition:background-color var(--app9-motion-fast) var(--app9-ease),color var(--app9-motion-fast) var(--app9-ease)}.menu__delete:hover{background:var(--app9-soft);color:var(--app9-danger)}.menu__empty{margin:0;color:var(--app9-muted);padding:8px 10px;font-size:var(--app9-text-body-lg)}form.menu__panel{gap:10px;min-width:280px;padding:12px}form.menu__panel label{display:grid;gap:6px;color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label)}form.menu__panel input{min-height:var(--app9-control-height);border:1px solid var(--app9-line);border-radius:var(--app9-radius-control);background:var(--app9-panel);color:var(--app9-ink);caret-color:var(--app9-brand);padding:0 12px;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-body);outline:none}form.menu__panel input:focus{border-color:var(--app9-brand)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--app9-ink) 55%,transparent);padding:var(--app9-space-lg)}.modal__panel{display:grid;gap:var(--app9-space-md);width:min(560px,100%);max-height:calc(100vh - 2 * var(--app9-space-lg));overflow:auto;border-radius:var(--app9-radius-panel);background:var(--app9-panel);padding:var(--app9-space-lg);box-shadow:var(--app9-shadow-lg);scrollbar-width:thin;scrollbar-color:var(--app9-line) transparent}.modal__panel--wide{width:min(880px,100%)}.modal__panel h3{margin:0;font-size:var(--app9-text-title-lg);font-weight:var(--app9-weight-title);letter-spacing:-.01em}.modal__panel textarea,.modal__panel input{width:100%;border:1px solid var(--app9-line);border-radius:var(--app9-radius-field);background:var(--app9-surface);color:var(--app9-ink);caret-color:var(--app9-brand);padding:10px 12px;font-family:inherit;font-size:var(--app9-text-body-lg);line-height:1.6;outline:none;resize:vertical}.modal__panel textarea:focus,.modal__panel input:focus{border-color:var(--app9-brand)}.modal__panel textarea::placeholder{color:var(--app9-muted)}.modal__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--app9-space-sm)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--app9-space-sm);margin:0;padding:0;list-style:none}.template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-content:start;border-radius:var(--app9-radius-field);background:var(--app9-soft);padding:14px}.template-card strong{grid-column:1;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-title)}.template-card__genre{grid-column:2;justify-self:end;align-self:start;color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label)}.template-card p{grid-column:1 / -1;margin:0;color:var(--app9-muted);font-size:var(--app9-text-body);line-height:1.5}.template-card .btn{grid-column:1 / -1;justify-self:start;margin-top:2px}.job-tray{display:grid;gap:6px;margin:0;padding:0;list-style:none}.job-tray__item{display:flex;align-items:center;justify-content:space-between;gap:var(--app9-space-sm);border:1px solid var(--app9-line);border-radius:var(--app9-radius-field);background:var(--app9-panel);padding:10px 12px;animation:studio-job-in var(--app9-motion-base) var(--app9-ease) both}.job-tray__item--streaming{border-color:var(--app9-brand)}.job-tray__item--failed .job-tray__meta span{color:var(--app9-danger)}.job-tray__meta{display:grid;gap:2px;min-width:0}.job-tray__meta strong{overflow:hidden;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-title);text-overflow:ellipsis;white-space:nowrap}.job-tray__meta span{color:var(--app9-muted);font-size:var(--app9-text-label-lg);line-height:1.4}.job-tray__actions{display:flex;flex:none;align-items:center;gap:6px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--app9-line);border-top-color:var(--app9-brand);border-radius:var(--app9-radius-pill);animation:studio-spin .8s linear infinite}@keyframes studio-job-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes studio-spin{to{transform:rotate(360deg)}}@keyframes studio-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.job-tray__item{animation:none}.spinner{animation:studio-pulse 1.4s ease-in-out infinite}}ul.track-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}li.track-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--app9-space-sm);border:0;border-radius:var(--app9-radius-field);background:transparent;padding:6px 8px;transition:background-color var(--app9-motion-fast) var(--app9-ease)}li.track-row:hover{background:var(--app9-soft)}li.track-row.is-current{background:var(--app9-brand-soft)}.track-row__play{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--app9-line);border-radius:var(--app9-radius-pill);background:var(--app9-panel);color:var(--app9-ink);padding:0;transition:background-color var(--app9-motion-fast) var(--app9-ease),border-color var(--app9-motion-fast) var(--app9-ease),color var(--app9-motion-fast) var(--app9-ease)}.track-row__play:hover{border-color:var(--app9-brand);color:var(--app9-brand)}li.track-row.is-current .track-row__play{border-color:transparent;background:var(--app9-brand);color:var(--app9-on-brand)}.track-row__meta{display:grid;gap:1px;min-width:0}.track-row__meta strong{overflow:hidden;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-medium);text-overflow:ellipsis;white-space:nowrap}.track-row__meta span{color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-variant-numeric:tabular-nums}.track-row__meta input{width:100%;min-height:28px;border:1px solid var(--app9-brand);border-radius:var(--app9-radius-control);background:var(--app9-panel);color:var(--app9-ink);caret-color:var(--app9-brand);padding:0 8px;font-size:var(--app9-text-body-lg);outline:none}li.track-row .btn--icon{border-color:transparent;color:var(--app9-muted)}li.track-row .btn--icon:hover{border-color:var(--app9-line);color:var(--app9-ink)}.easy-composer{display:grid;gap:var(--app9-space-md);align-content:start;border:1px solid var(--app9-line);border-radius:var(--app9-radius-panel);background:var(--app9-panel);padding:var(--app9-space-lg)}.easy-composer__greeting{max-width:58ch;margin:0;color:var(--app9-muted-strong);font-size:var(--app9-text-lede);line-height:1.55}.easy-composer__chips{display:flex;flex-wrap:wrap;gap:6px}.easy-composer__thread{display:grid;gap:6px;margin:0;padding:0;list-style:none}.easy-composer__thread:empty{display:none}.easy-composer__turn{max-width:46ch;border-radius:var(--app9-radius-field);padding:10px 14px;font-size:var(--app9-text-body-lg);line-height:1.55;animation:studio-job-in var(--app9-motion-base) var(--app9-ease) both}.easy-composer__turn--you{justify-self:end;background:var(--app9-brand-soft);color:var(--app9-ink)}.easy-composer__turn--studio{justify-self:start;background:var(--app9-soft);color:var(--app9-muted-strong)}.easy-composer__input{display:flex;flex-wrap:wrap;gap:var(--app9-space-sm)}.easy-composer__input input{flex:1 1 220px;min-height:44px;border:1px solid var(--app9-line);border-radius:var(--app9-radius-field);background:var(--app9-surface);color:var(--app9-ink);caret-color:var(--app9-brand);padding:0 14px;font-size:var(--app9-text-body-lg);outline:none}.easy-composer__input input::placeholder{color:var(--app9-muted)}.easy-composer__input input:focus{border-color:var(--app9-brand)}.easy-composer__input .btn{min-height:44px;padding:0 18px}@media(prefers-reduced-motion:reduce){.easy-composer__turn{animation:none}}.empty{margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.5}@media(max-width:640px){.create-page__header{align-items:flex-start}.easy-composer{padding:var(--app9-space-md)}.easy-composer__turn{max-width:100%}.menu__panel{max-width:min(320px,calc(100vw - 32px))}}.home,.library,.playlist,.pricing{display:grid;align-content:start;min-width:0}.library,.playlist,.pricing{gap:var(--app9-space-lg)}.home{gap:var(--app9-space-xl)}.home ::selection,.library ::selection,.playlist ::selection,.pricing ::selection{background:var(--app9-brand-soft);color:var(--app9-ink)}.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app9-space-sm)}.form-error{margin:0;border-radius:var(--app9-radius-field);background:color-mix(in srgb,var(--app9-danger) 12%,var(--app9-panel));color:var(--app9-danger);padding:10px 14px;font-size:var(--app9-text-body-lg);line-height:1.5}.empty a{color:var(--app9-brand);font-weight:var(--app9-weight-medium);text-underline-offset:3px}.btn--sm{min-height:26px;padding:0 8px;font-size:var(--app9-text-body)}.btn--icon.btn--sm{width:26px;padding:0}.songwriter-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:var(--app9-space-xl)}.songwriter-starter{display:grid;gap:var(--app9-space-md);min-width:0;padding:var(--app9-space-lg);border:1px solid var(--app9-line);border-radius:var(--app9-radius-panel);background:var(--app9-panel)}.songwriter-starter h2{margin:0;font-size:var(--app9-text-headline);letter-spacing:-.02em}.songwriter-starter p,.songwriter-faq p,.pilot-panel p{margin:0;color:var(--app9-muted-strong);font-size:var(--app9-text-body-lg);line-height:1.65;max-width:70ch}.songwriter-starter__choices{display:grid;gap:var(--app9-space-xs);margin:0;padding:0;border:0}.songwriter-starter__choices legend{padding:0 0 var(--app9-space-xs);font-weight:var(--app9-weight-medium)}.songwriter-starter__choices label{display:flex;align-items:center;gap:var(--app9-space-sm);min-height:44px;cursor:pointer}.songwriter-starter__choices input{accent-color:var(--app9-brand)}.songwriter-starter textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:8em;padding:12px;font:inherit;font-size:var(--app9-text-body-lg);font-weight:400;line-height:1.6;border:1px solid var(--app9-line);border-radius:var(--app9-radius-field);background:var(--app9-surface);color:var(--app9-ink);caret-color:var(--app9-brand)}.songwriter-starter .songwriter-starter__note{font-size:var(--app9-text-body)}.songwriter-faq{gap:0}.songwriter-faq h2{margin-bottom:var(--app9-space-lg)}.songwriter-faq details{border-top:1px solid var(--app9-line);padding-block:var(--app9-space-md)}.songwriter-faq summary{cursor:pointer;font-size:var(--app9-text-title);font-weight:var(--app9-weight-medium);min-height:28px}.songwriter-faq details[open] summary{margin-bottom:var(--app9-space-sm)}.songwriter-close{padding-block:var(--app9-space-lg)}.songwriter-close a:not(.btn),.pilot-panel a{color:var(--app9-brand);text-underline-offset:3px}.songwriter-starter :focus-visible,.songwriter-faq summary:focus-visible{outline:2px solid var(--app9-brand);outline-offset:4px}.pilot-panel{display:grid;justify-items:start;gap:var(--app9-space-sm);border-block:1px solid var(--app9-line);padding-block:var(--app9-space-md)}@media(max-width:860px){.songwriter-intro{grid-template-columns:minmax(0,1fr)}.songwriter-starter{padding:var(--app9-space-md)}}.home__hero{display:grid;justify-items:start;gap:var(--app9-space-md);padding-bottom:var(--app9-space-sm)}.home__hero>*{animation:studio-hero-in .56s var(--app9-ease) both}.home__hero>*:nth-child(2){animation-delay:70ms}.home__hero>*:nth-child(3){animation-delay:.14s}.home__hero>*:nth-child(4){animation-delay:.21s}@keyframes studio-hero-in{0%{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.home__hero h1{max-width:17ch;margin:0;font-size:var(--app9-text-display);font-weight:var(--app9-weight-display);letter-spacing:-.03em;line-height:1.03;text-wrap:balance}.home__lede{max-width:56ch;margin:0;color:var(--app9-muted-strong);font-size:var(--app9-text-title-lg);line-height:1.55;text-wrap:pretty}.home__fine{max-width:56ch;margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.55}.home__section{display:grid;align-content:start;gap:var(--app9-space-md);min-width:0}.home__section h2{max-width:22ch;margin:0;font-size:var(--app9-text-headline);font-weight:var(--app9-weight-headline);letter-spacing:-.02em;text-wrap:balance}.home__section-lede{max-width:66ch;margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.6}.home__prose{max-width:66ch;margin:0;color:var(--app9-muted-strong);font-size:var(--app9-text-body-lg);line-height:1.7}.home__fine a,.home__prose a{color:var(--app9-brand);font-weight:var(--app9-weight-medium);text-underline-offset:3px}.steps{display:grid;margin:0;padding:0;list-style:none;counter-reset:studio-step}.steps__item{display:grid;grid-template-columns:var(--app9-space-lg) minmax(0,1fr);gap:4px var(--app9-space-sm);border-top:1px solid var(--app9-line);padding:var(--app9-space-md) 0;counter-increment:studio-step}.steps__item:last-child{border-bottom:1px solid var(--app9-line)}.steps__item:before{content:counter(studio-step);grid-row:1 / span 2;color:var(--app9-muted);font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-label);font-variant-numeric:tabular-nums;line-height:1.45}.steps__item h3{margin:0;font-size:var(--app9-text-title);font-weight:var(--app9-weight-title);letter-spacing:-.01em}.steps__item p{max-width:66ch;margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.6}.library__header,.playlist__title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--app9-space-md)}.library__header h1,.playlist__title-row h1,.pricing__header h1{margin:0;font-size:var(--app9-text-headline);font-weight:var(--app9-weight-headline);letter-spacing:-.02em}.library__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app9-space-md)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip.is-active{border-color:var(--app9-brand);background:var(--app9-brand-soft);color:var(--app9-ink);font-weight:var(--app9-weight-label)}.library__search,.library__new-playlist input,.playlist__title-form input{flex:1 1 220px;min-width:0;min-height:var(--app9-control-height);border:1px solid var(--app9-line);border-radius:var(--app9-radius-control);background:var(--app9-panel);color:var(--app9-ink);caret-color:var(--app9-brand);padding:0 12px;font-family:inherit;font-size:var(--app9-text-body-lg);outline:none}.library__search::placeholder,.library__new-playlist input::placeholder{color:var(--app9-muted)}.library__search:focus,.library__new-playlist input:focus,.playlist__title-form input:focus{border-color:var(--app9-brand)}.library__search::-webkit-search-cancel-button{filter:grayscale(1);opacity:.55}.library__new-playlist{display:flex;flex-wrap:wrap;gap:var(--app9-space-sm);max-width:520px}.playlist-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.playlist-list__item a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--app9-space-sm);border-radius:var(--app9-radius-field);color:var(--app9-ink);padding:12px;text-decoration:none;transition:background-color var(--app9-motion-fast) var(--app9-ease)}.playlist-list__item a:hover{background:var(--app9-soft)}.playlist-list__item strong{overflow:hidden;font-size:var(--app9-text-body-lg);font-weight:var(--app9-weight-title);text-overflow:ellipsis;white-space:nowrap}.playlist-list__item span{color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-variant-numeric:tabular-nums;white-space:nowrap}.playlist__header{display:grid;gap:var(--app9-space-sm)}.playlist__back{display:inline-flex;align-items:center;justify-self:start;gap:6px;color:var(--app9-muted);font-size:var(--app9-text-body-lg);text-decoration:none;transition:color var(--app9-motion-fast) var(--app9-ease)}.playlist__back:hover{color:var(--app9-ink)}.playlist__title-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app9-space-sm);flex:1 1 320px}.playlist__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app9-space-sm)}.playlist__count{margin:0;color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-variant-numeric:tabular-nums}.playlist__rows{display:grid;gap:2px;margin:0;padding:0;list-style:none}.playlist__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--app9-space-sm)}.playlist__reorder{display:grid;gap:2px}ul.track-list--nested{gap:0;min-width:0}.pricing__header{display:grid;justify-items:start;gap:var(--app9-space-md)}.pricing__intro{max-width:68ch;margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.65}.pricing__balance{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app9-space-md);margin:0;color:var(--app9-muted-strong);font-size:var(--app9-text-body-lg)}.pricing__balance strong{color:var(--app9-ink);font-weight:var(--app9-weight-title);font-variant-numeric:tabular-nums}.pricing__scroll{overflow-x:auto;min-width:0}.pricing__table{width:100%;border-collapse:collapse;font-size:var(--app9-text-body-lg)}.pricing__table caption{color:var(--app9-muted);padding-bottom:var(--app9-space-sm);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label);text-align:left}.pricing__table th,.pricing__table td{border-bottom:1px solid var(--app9-line);padding:12px var(--app9-space-sm);text-align:left;vertical-align:top}.pricing__table th:first-child,.pricing__table td:first-child{padding-left:0}.pricing__table th:last-child,.pricing__table td:last-child{padding-right:0}.pricing__table thead th{color:var(--app9-muted);font-size:var(--app9-text-label-lg);font-weight:var(--app9-weight-label)}.pricing__table tbody th{color:var(--app9-ink);font-weight:var(--app9-weight-title);white-space:nowrap}.pricing__table tbody td{color:var(--app9-muted);line-height:1.5}.pricing__table tbody tr:last-child th,.pricing__table tbody tr:last-child td{border-bottom:0}.pricing__table tbody tr{transition:background-color var(--app9-motion-fast) var(--app9-ease)}.pricing__table tbody tr:hover{background:var(--app9-soft)}.pricing__table .pricing__cost{color:var(--app9-ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.pricing__table tbody td.pricing__cost{color:var(--app9-ink);font-weight:var(--app9-weight-label)}.pricing__none{color:var(--app9-muted);font-weight:var(--app9-weight-body)}.pricing__note{max-width:68ch;margin:0;color:var(--app9-muted);font-size:var(--app9-text-body-lg);line-height:1.65}.home a:not(.btn):focus-visible,.library a:not(.btn):focus-visible,.playlist a:not(.btn):focus-visible,.pricing a:not(.btn):focus-visible{outline:2px solid var(--app9-brand);outline-offset:3px;border-radius:var(--app9-radius-control)}.library__search:focus-visible,.library__new-playlist input:focus-visible,.playlist__title-form input:focus-visible{outline:2px solid var(--app9-brand);outline-offset:1px}@media(max-width:640px){.home{gap:var(--app9-space-lg)}.home__hero h1{max-width:100%}.library__header,.playlist__title-row{align-items:flex-start}.library__filters{gap:var(--app9-space-sm)}.playlist__row{grid-template-columns:auto minmax(0,1fr);row-gap:4px;padding-bottom:var(--app9-space-sm)}.playlist__row>.btn{grid-column:2;justify-self:start}.pricing__table th,.pricing__table td{padding:10px 6px}}@media(prefers-reduced-motion:reduce){.home__hero>*{animation:none}}