.spotify-skip-track{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:.75rem}.spotify-skip-track span{display:grid;gap:.15rem}.spotify-skip-track small{color:var(--muted)}.spotify-review-row:has([data-skip-track]:checked){opacity:.58}.spotify-review-row:has([data-skip-track]:checked) .spotify-match-card{text-decoration:line-through}
.content-editor-source{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.content-editor{min-height:9rem;background:var(--surface,#17191f);color:inherit}
.ql-toolbar.ql-snow,.ql-container.ql-snow{border-color:var(--line,#3a3f4b)!important}
.ql-toolbar.ql-snow{border-radius:.65rem .65rem 0 0;background:var(--surface-secondary);color:var(--text-primary)}
.ql-container.ql-snow{border-radius:0 0 .65rem .65rem;font:inherit;min-height:9rem}
.ql-editor{min-height:9rem;color:inherit}
.content-card-editor,.content-card-editor .ql-editor{min-height:18rem}
.ql-snow .ql-stroke{stroke:var(--text-primary)!important}.ql-snow .ql-fill{fill:var(--text-primary)!important}.ql-snow .ql-picker{color:var(--text-primary)!important}.ql-snow .ql-picker-options{background:var(--surface-elevated)!important;color:var(--text-primary)!important}.ql-snow button:hover .ql-stroke,.ql-snow button.ql-active .ql-stroke,.ql-snow .ql-picker-label:hover .ql-stroke,.ql-snow .ql-picker-label.ql-active .ql-stroke{stroke:var(--accent)!important}.ql-snow button:hover .ql-fill,.ql-snow button.ql-active .ql-fill{fill:var(--accent)!important}

:root {
  color-scheme: light;
  font-family: Arial, Helvetica, ui-sans-serif, system-ui, sans-serif;
  background: #F2F0E9;
  color: #080909;
  --brand-ink: #080909; --brand-paper: #F2F0E9; --brand-turquoise: #70EAD7; --brand-orange: #E9662F; --brand-gold: #E9B455;
  --surface-page: #F2F0E9; --surface-primary: #FCFBF7; --surface-elevated: #FFFFFF; --surface-secondary: #E8E5DC; --surface-inset: #EEECE5;
  --text-primary: #080909; --text-secondary: #3E3D38; --text-muted: #5F5E58; --text-on-accent: #080909;
  --border-subtle: #D8D4C9; --border-standard: #BBB8AE; --border-strong: #77746C; --shadow-elevated: 0 2rem 5rem rgba(8,9,9,.14);
  --input-background: #FCFBF7; --input-text: #080909; --input-placeholder: #68665F; --input-border: #77746C; --input-border-hover: #3E3D38; --input-disabled-background: #DDD9CF;
  --accent: #B14A20; --accent-hover: #913A19; --accent-active: #743016; --link: #8C3918; --link-hover: #5F2813; --focus-ring: #B14A20;
  --surface-hover: #E8E5DC; --surface-selected: #F7DDBF; --navigation-active: #F7DDBF; --surface-disabled: #DDD9CF; --text-disabled: #68665F;
  --status-success: #166534; --status-success-surface: #E4F4E8; --status-warning: #7A3E0B; --status-warning-surface: #FFF0CE;
  --status-error: #B42318; --status-error-surface: #FDE8E5; --status-info: #145C55; --status-info-surface: #D9F7F2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    background: #080909;
    color: #F2F0E9;
    --surface-page: #080909; --surface-primary: #101211; --surface-elevated: #171918; --surface-secondary: #202321; --surface-inset: #0D0F0E;
    --text-primary: #F2F0E9; --text-secondary: #D0D4D0; --text-muted: #9BA19C; --text-on-accent: #080909;
    --border-subtle: #292D2A; --border-standard: #3A3F3B; --border-strong: #626862; --shadow-elevated: 0 2rem 5rem rgba(0,0,0,.36);
    --input-background: #101211; --input-text: #F2F0E9; --input-placeholder: #9BA19C; --input-border: #626862; --input-border-hover: #9BA19C; --input-disabled-background: #202321;
    --accent: #70EAD7; --accent-hover: #9AF2E4; --accent-active: #4DD8C2; --link: #70EAD7; --link-hover: #B9F7ED; --focus-ring: #70EAD7;
    --surface-hover: #202321; --surface-selected: #16332F; --navigation-active: #16332F; --surface-disabled: #202321; --text-disabled: #858B86;
    --status-success: #7BE3A3; --status-success-surface: #13271B; --status-warning: #E9B455; --status-warning-surface: #2B2111;
    --status-error: #FF9B91; --status-error-surface: #301714; --status-info: #70EAD7; --status-info-surface: #12312D;
  }
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  background: #080909;
  color: #F2F0E9;
  --surface-page: #080909; --surface-primary: #101211; --surface-elevated: #171918; --surface-secondary: #202321; --surface-inset: #0D0F0E;
  --text-primary: #F2F0E9; --text-secondary: #D0D4D0; --text-muted: #9BA19C; --text-on-accent: #080909;
  --border-subtle: #292D2A; --border-standard: #3A3F3B; --border-strong: #626862; --shadow-elevated: 0 2rem 5rem rgba(0,0,0,.36);
  --input-background: #101211; --input-text: #F2F0E9; --input-placeholder: #9BA19C; --input-border: #626862; --input-border-hover: #9BA19C; --input-disabled-background: #202321;
  --accent: #70EAD7; --accent-hover: #9AF2E4; --accent-active: #4DD8C2; --link: #70EAD7; --link-hover: #B9F7ED; --focus-ring: #70EAD7;
  --surface-hover: #202321; --surface-selected: #16332F; --navigation-active: #16332F; --surface-disabled: #202321; --text-disabled: #858B86;
  --status-success: #7BE3A3; --status-success-surface: #13271B; --status-warning: #E9B455; --status-warning-surface: #2B2111;
  --status-error: #FF9B91; --status-error-surface: #301714; --status-info: #70EAD7; --status-info-surface: #12312D;
}

* { box-sizing: border-box; }
html { min-width: 20rem; }
body { margin: 0; min-height: 100vh; background: var(--surface-page); color: var(--text-primary); }
a { color: var(--link); text-underline-offset: .2em; }
a:hover { color: var(--link-hover); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: .18rem solid var(--focus-ring); outline-offset: .2rem; }
button, input, select { font: inherit; }
input:not([type]), input[type="text"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="search"], input[type="email"], input[type="number"], textarea, select { width: 100%; min-height: 2.7rem; padding: .65rem .75rem; border: 1px solid var(--input-border); border-radius: .5rem; background: var(--input-background); color: var(--input-text); }
textarea { min-height: 7rem; resize: vertical; font: inherit; line-height: 1.55; }
input::placeholder { color: var(--input-placeholder); opacity: 1; }
input:hover, select:hover { border-color: var(--input-border-hover); }
input:disabled, select:disabled { background: var(--input-disabled-background); color: var(--text-disabled); }
.public-shell { width: min(100% - 2rem, 76rem); margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 17rem minmax(0, 1fr); }
.app-workspace { min-width: 0; min-height: 100vh; display: flex; flex-direction: column; }
.public-header, .app-header { border-bottom: 1px solid var(--border-standard); }
.public-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 0; }
.public-utilities { display: flex; align-items: center; gap: .65rem; }
.theme-control { display: inline-flex; align-items: center; gap: .4rem; color: var(--text-secondary); font-size: .72rem; font-weight: 650; }
.theme-control select { width: auto; min-height: 2.35rem; padding: .45rem 1.8rem .45rem .6rem; }
.app-sidebar { position: sticky; top: 0; z-index: 30; display: flex; flex-direction: column; gap: 1rem; width: 17rem; height: 100vh; padding: 1rem; overflow-y: auto; border-right: 1px solid var(--border-standard); background: var(--surface-primary); transition: width .18s ease, transform .18s ease; }
.sidebar-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.identity { display: flex; align-items: center; gap: .7rem; color: var(--text-primary); font-weight: 750; letter-spacing: -.02em; text-decoration: none; white-space: nowrap; }
.mark { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .6rem; background: var(--accent); color: var(--text-on-accent); font-size: .78rem; }
.environment { align-self: flex-start; padding: .32rem .62rem; border: 1px solid var(--border-standard); border-radius: 999px; color: var(--text-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }
.primary-nav { display: grid; gap: 1rem; min-width: 0; }
.nav-group { display: grid; gap: .2rem; }
.nav-group h2 { margin: 0 0 .2rem; padding: 0 .65rem; color: var(--text-muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; }
.primary-nav a { display: flex; align-items: center; gap: .7rem; min-height: 2.55rem; padding: .5rem .65rem; border-radius: .55rem; color: var(--text-muted); font-size: .82rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.nav-icon { display: grid; place-items: center; flex: 0 0 1.4rem; width: 1.4rem; height: 1.4rem; color: currentColor; font-size: 1rem; }
.primary-nav a:hover { background: var(--surface-hover); color: var(--text-primary); }
.primary-nav a[aria-current="page"] { background: var(--navigation-active); color: var(--text-primary); }
.primary-nav span[aria-disabled="true"] { opacity: .45; }
.discovery-status-filters { display:flex; flex-wrap:wrap; gap:.55rem; margin:0 0 1.25rem; }
.discovery-status-filters a { padding:.65rem .9rem; border:1px solid var(--border-subtle); border-radius:999px; color:var(--text-muted); font-size:.78rem; font-weight:800; text-decoration:none; }
.discovery-status-filters a[aria-current="page"] { background:var(--accent); border-color:var(--accent); color:#101114; }
.discovery-generation-list { display:grid; gap:1rem; }
.discovery-generation-card { margin:0; }
.discovery-generation-card>header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.discovery-generation-card h2 { margin:.2rem 0 .45rem; }
.discovery-generation-card header p:last-child { color:var(--text-muted); font-size:.84rem; }
.discovery-draft-preview dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.discovery-draft-preview dl>div { padding:.85rem; border:1px solid var(--border-subtle); border-radius:.55rem; background:var(--surface-subtle); }
.discovery-draft-preview dt { margin-bottom:.45rem; color:var(--text-muted); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.discovery-draft-preview dd { margin:0; white-space:pre-wrap; }
.discovery-generation-actions { display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; margin-top:1rem; }
.discovery-generation-actions form { margin:0; }
.nav-toggle { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 1px solid var(--border-standard); border-radius: .55rem; background: transparent; color: var(--text-primary); cursor: pointer; }
.nav-mobile-toggle, .nav-scrim { display: none; }
.user-context { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--border-standard); }
.user-avatar { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--surface-selected); font-weight: 800; }
.user-context .theme-control, .user-context form { grid-column: 1 / -1; }
.user-context > span { display: flex; flex-direction: column; min-width: 0; }
.user-context strong, .user-context small { max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-context small { color: var(--text-muted); font-size: .7rem; }
.quiet-button, .primary-action, .secondary-action { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: .65rem .9rem; border-radius: .55rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.quiet-button { border: 1px solid var(--border-standard); background: transparent; color: var(--text-primary); }
.quiet-button:hover, .secondary-action:hover { background: var(--surface-hover); }
.primary-action { border: 1px solid var(--accent); background: var(--accent); color: var(--text-on-accent); }
.primary-action:hover { border-color: var(--accent-hover); background: var(--accent-hover); color: var(--text-on-accent); }
.primary-action:active { border-color: var(--accent-active); background: var(--accent-active); }
.secondary-action { border: 1px solid var(--border-strong); color: var(--text-primary); }
.app-main { width: min(100% - 2rem, 76rem); flex: 1; margin: 0 auto; padding: clamp(2rem, 6vw, 4.5rem) 0; }
.public-main { flex: 1; display: grid; place-items: center; padding: 3rem 0; }
.app-footer { width: min(100% - 2rem, 76rem); margin: 0 auto; padding: 1.25rem 0; border-top: 1px solid var(--border-standard); color: var(--text-muted); font-size: .72rem; }
html[data-nav-collapsed="true"] .app-shell { grid-template-columns: 4.75rem minmax(0, 1fr); }
html[data-nav-collapsed="true"] .app-sidebar { width: 4.75rem; padding-inline: .65rem; overflow-x: hidden; }
html[data-nav-collapsed="true"] .app-sidebar .nav-label, html[data-nav-collapsed="true"] .app-sidebar .environment, html[data-nav-collapsed="true"] .app-sidebar .nav-group h2, html[data-nav-collapsed="true"] .app-sidebar .theme-control { display: none; }
html[data-nav-collapsed="true"] .sidebar-heading { justify-content: center; flex-wrap: wrap; }
html[data-nav-collapsed="true"] .identity, html[data-nav-collapsed="true"] .primary-nav a { justify-content: center; }
html[data-nav-collapsed="true"] .nav-toggle span { transform: rotate(180deg); }
html[data-nav-collapsed="true"] .user-context { grid-template-columns: 1fr; justify-items: center; }
html[data-nav-collapsed="true"] .user-context form { grid-column: auto; }
.locked-card { width: min(100%, 39rem); padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid var(--border-standard); border-radius: 1.25rem; background: var(--surface-primary); box-shadow: var(--shadow-elevated); }
.eyebrow, .section-label { margin: 0 0 .7rem; color: var(--accent); font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .12em; }
h1, h2, p { overflow-wrap: anywhere; }
h1 { margin: 0; font-size: clamp(2.25rem, 7vw, 4.25rem); line-height: .98; letter-spacing: -.055em; }
h2 { margin: 0; font-size: clamp(1.12rem, 3vw, 1.55rem); line-height: 1.2; letter-spacing: -.025em; }
.lede { margin: 1rem 0 0; max-width: 42rem; color: var(--text-muted); font-size: 1.03rem; line-height: 1.65; }
.subtitle { margin: .65rem 0 0; color: var(--text-muted); font-size: 1.2rem; }
.status { display: flex; align-items: center; gap: .65rem; margin: 2rem 0 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--border-standard); color: var(--text-secondary); font-size: .9rem; }
.status-dot { width: .65rem; height: .65rem; border-radius: 50%; background: var(--status-warning); box-shadow: 0 0 0 .3rem var(--status-warning-surface); }
.page-heading { margin-bottom: 2rem; }
.context-heading, .context-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; }
.metric { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; }
.metric strong { font-size: 2.25rem; letter-spacing: -.05em; }
.metric span { color: var(--text-muted); font-size: .78rem; }
.mission-panel { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: clamp(1.3rem, 4vw, 2.25rem); border: 1px solid var(--border-strong); border-radius: 1rem; background: var(--surface-elevated); }
.mission-panel p:not(.section-label), .dashboard-grid p, .context-actions p { color: var(--text-muted); line-height: 1.55; }
.dashboard-grid { display: grid; gap: 1px; margin-top: 1.5rem; border: 1px solid var(--border-standard); border-radius: 1rem; overflow: hidden; background: var(--border-standard); }
.dashboard-grid > section { min-width: 0; padding: 1.35rem; background: var(--surface-primary); }
.dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; }
.dashboard-live-state { display: inline-flex; align-items: center; gap: .55rem; flex: 0 0 auto; padding: .55rem .8rem; border: 1px solid color-mix(in srgb,var(--status-success) 45%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--status-success-surface) 72%,transparent); color: var(--status-success); font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.dashboard-live-state i { width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 .25rem color-mix(in srgb,currentColor 15%,transparent),0 0 1rem currentColor; }
.command-dashboard { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 1rem; }
.command-dashboard > * { min-width: 0; }
.command-mission { position: relative; grid-column: span 8; min-height: 14rem; overflow: hidden; border-color: color-mix(in srgb,var(--brand-turquoise) 32%,var(--border-standard)); background: linear-gradient(135deg,color-mix(in srgb,var(--surface-elevated) 92%,#6d28d9),color-mix(in srgb,var(--surface-primary) 88%,#0891b2)); box-shadow: 0 1.4rem 4rem color-mix(in srgb,#050714 20%,transparent); }
.command-mission::before { content: ''; position: absolute; inset: auto -7rem -10rem auto; width: 24rem; height: 24rem; border: 4rem solid color-mix(in srgb,var(--brand-turquoise) 9%,transparent); border-radius: 50%; pointer-events: none; }
.command-mission::after { content: ''; position: absolute; inset: -7rem auto auto 42%; width: 18rem; height: 18rem; border-radius: 50%; background: color-mix(in srgb,#c026d3 9%,transparent); filter: blur(.2rem); pointer-events: none; }
.command-mission > * { position: relative; z-index: 1; }
.command-mission h2 { max-width: 32rem; font-size: clamp(1.75rem,3.5vw,3rem); }
.command-mission p:not(.section-label) { max-width: 38rem; }
.command-mission .primary-action { gap: .8rem; flex: 0 0 auto; border: 0; border-radius: 999px; box-shadow: 0 .75rem 2rem color-mix(in srgb,var(--accent) 30%,transparent); }
.dashboard-stat,.dashboard-status-card,.dashboard-command-card { border: 1px solid color-mix(in srgb,var(--border-standard) 70%,transparent); border-radius: 1.15rem; background: linear-gradient(145deg,var(--surface-elevated),var(--surface-primary)); box-shadow: 0 1rem 2.75rem color-mix(in srgb,#050714 12%,transparent); }
.dashboard-stat { grid-column: span 4; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1rem; min-height: 14rem; padding: 1.4rem; color: var(--text-primary); text-decoration: none; overflow: hidden; position: relative; }
.dashboard-stat::after { content: ''; position: absolute; width: 10rem; height: 10rem; right: -4rem; bottom: -5rem; border-radius: 50%; background: color-mix(in srgb,var(--brand-turquoise) 15%,transparent); }
.dashboard-stat:hover { color: var(--text-primary); transform: translateY(-2px); border-color: var(--brand-turquoise); }
.dashboard-stat > span:last-child { display: grid; gap: .15rem; }
.dashboard-stat small { color: var(--text-muted); font-size: .72rem; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-stat strong { font-size: clamp(3rem,7vw,5.5rem); line-height: .9; letter-spacing: -.08em; }
.dashboard-stat em { margin-top: .65rem; color: var(--accent); font-size: .75rem; font-style: normal; font-weight: 800; }
.dashboard-stat-icon { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border: 1px solid color-mix(in srgb,var(--brand-turquoise) 55%,transparent); border-radius: .8rem; background: linear-gradient(135deg,color-mix(in srgb,#c026d3 80%,var(--surface-primary)),color-mix(in srgb,var(--brand-turquoise) 82%,var(--surface-primary))); color: #fff; box-shadow: 0 .6rem 1.6rem color-mix(in srgb,#6d28d9 25%,transparent); font-weight: 900; }
.dashboard-status-card { grid-column: span 4; display: flex; align-items: flex-start; gap: 1rem; padding: 1.35rem; }
.dashboard-status-card h2 { font-size: 1.15rem; }
.dashboard-status-card p:last-child { margin-bottom: 0; color: var(--text-muted); font-size: .84rem; }
.dashboard-command-card { grid-column: span 4; display: flex; flex-direction: column; padding: 1.35rem; min-height: 16rem; }
.dashboard-command-card.dashboard-next { grid-column: span 8; }
.dashboard-card-heading { display: flex; align-items: flex-start; gap: .85rem; }
.dashboard-card-number { display: grid; place-items: center; flex: 0 0 auto; width: 2.25rem; height: 2.25rem; border: 1px solid var(--border-standard); border-radius: .7rem; color: var(--accent); font-size: .7rem; font-weight: 900; }
.dashboard-command-card > p { color: var(--text-muted); line-height: 1.55; }
.dashboard-empty-signal { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; margin-top: auto; padding: .45rem .65rem; border-radius: 999px; background: var(--surface-secondary); color: var(--text-muted); font-size: .7rem; font-weight: 750; }
.dashboard-empty-signal::before { content: ''; width: .42rem; height: .42rem; border-radius: 50%; background: var(--status-success); }
.dashboard-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin: 1.2rem 0 0; }
.dashboard-actions li { min-width: 0; }
.dashboard-actions a { display: grid; grid-template-columns: 1fr auto; gap: .25rem 1rem; min-height: 6.5rem; padding: 1rem; border: 1px solid var(--border-subtle); border-radius: .85rem; background: var(--surface-secondary); color: var(--text-primary); text-decoration: none; }
.dashboard-actions a:hover { border-color: var(--brand-turquoise); background: var(--surface-hover); }
.dashboard-actions a span { color: var(--text-primary); font-weight: 800; }
.dashboard-actions a small { color: var(--text-muted); line-height: 1.4; }
.dashboard-actions a b { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--accent); font-size: 1.2rem; }
.dashboard-text-link { margin-top: auto; color: var(--accent); font-size: .78rem; font-weight: 800; text-decoration: none; }
.dashboard-text-link:hover { color: var(--accent-hover); }
.action-list { display: grid; gap: .75rem; padding: 0; list-style: none; }
.action-list li { display: flex; flex-direction: column; gap: .2rem; }
.action-list span { color: var(--text-muted); font-size: .8rem; }
.catalog-list { display: grid; gap: .65rem; }
.catalog-item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.2rem; border: 1px solid var(--border-standard); border-radius: .75rem; background: var(--surface-primary); color: var(--text-primary); text-decoration: none; }
.catalog-item:hover { border-color: var(--border-strong); background: var(--surface-hover); }
.catalog-item > span:first-child { display: flex; flex-direction: column; gap: .3rem; }
.catalog-item small { color: var(--text-muted); }
.catalog-item.disabled { background: var(--surface-disabled); color: var(--text-disabled); }
.release-card-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,16rem),1fr)); gap: 1rem; }
.release-filter-bar { display: grid; grid-template-columns: minmax(14rem,2fr) repeat(3,minmax(10rem,1fr)) auto auto; align-items: end; gap: .75rem; margin: 0 0 1.25rem; padding: 1rem; border: 1px solid var(--border-standard); border-radius: .9rem; background: var(--surface-primary); }
.release-filter-bar label { display: grid; gap: .4rem; font-weight: 700; }
.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.filter-menu { position: relative; min-width: 0; }
.filter-menu > summary { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-height: 2.55rem; padding: .65rem .75rem; border: 1px solid var(--input-border); border-radius: .55rem; background: var(--input-background); color: var(--input-text); cursor: pointer; list-style: none; font-weight: 700; }
.filter-menu > summary::-webkit-details-marker { display: none; }
.filter-menu > summary::after { content: '▾'; color: var(--text-muted); }
.filter-menu > summary small { margin-left: auto; color: var(--text-muted); font-weight: 500; }
.filter-menu[open] > summary { outline: 2px solid var(--focus-ring); outline-offset: 1px; }
.filter-menu-options { position: absolute; z-index: 20; top: calc(100% + .35rem); left: 0; display: grid; width: max(100%,15rem); max-height: 18rem; overflow: auto; padding: .55rem; border: 1px solid var(--border-strong); border-radius: .65rem; background: var(--surface-elevated); box-shadow: var(--shadow-elevated); }
.filter-menu-options label { display: flex; grid-template-columns: none; align-items: center; gap: .55rem; padding: .5rem; border-radius: .4rem; cursor: pointer; }
.filter-menu-options label:hover { background: var(--surface-hover); }
.release-card { display: grid; grid-template-rows: auto 1fr; min-width: 0; overflow: hidden; border: 1px solid var(--border-standard); border-radius: .9rem; background: var(--surface-primary); color: var(--text-primary); text-decoration: none; }
.release-card:hover { border-color: var(--border-strong); background: var(--surface-hover); transform: translateY(-1px); }
.release-cover { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--surface-inset); }
.release-cover-placeholder { display: grid; place-items: center; color: var(--text-muted); font-weight: 800; letter-spacing: .12em; }
.artist-card .artist-visual-directory { width: 100%; height: auto; aspect-ratio: 1; border: 0; border-radius: 0; object-fit: cover; }
.artist-filter-bar { grid-template-columns: minmax(14rem,2fr) repeat(3,minmax(10rem,1fr)) auto; }
.asset-filter-bar { grid-template-columns: minmax(12rem,2fr) repeat(4,minmax(8rem,1fr)) auto auto; }
.asset-filter-bar select:disabled { color: var(--text-muted); background: var(--surface-disabled); }
.asset-preview { aspect-ratio: 1; overflow: hidden; background: var(--surface-inset); }
.asset-preview .release-cover { height: 100%; }
.asset-trash-form { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-top: .35rem; }
.asset-trash-form .confirmation { display: flex; align-items: center; gap: .4rem; color: var(--text-muted); font-size: .72rem; font-weight: 500; }
.trash-button { display: inline-grid; place-items: center; flex: 0 0 auto; width: 2.25rem; height: 2.25rem; padding: 0; border: 1px solid var(--status-error); border-radius: .55rem; background: var(--status-error-surface); color: var(--status-error); cursor: pointer; font-size: 1rem; }
.trash-button:hover:not(:disabled) { background: var(--status-error); color: #fff; }
.trash-button:disabled { opacity: .4; cursor: not-allowed; }
.release-card-body { display: grid; align-content: start; gap: .4rem; padding: 1rem; }
.release-card-body > span:not(.release-card-heading), .release-card-body small { color: var(--text-muted); }
.release-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.release-card-heading strong { min-width: 0; overflow-wrap: anywhere; }
.release-context-header { display: grid; grid-template-columns: minmax(7rem,12rem) minmax(0,1fr) auto; align-items: center; gap: clamp(1rem,4vw,2rem); }
.release-context-cover { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--border-standard); border-radius: .85rem; background: var(--surface-inset); }
.table-wrap { overflow-x: auto; border: 1px solid var(--border-standard); border-radius: .8rem; }
table { width: 100%; border-collapse: collapse; background: var(--surface-primary); font-size: .88rem; }
th, td { padding: .9rem 1rem; border-bottom: 1px solid var(--border-standard); text-align: left; vertical-align: middle; }
th { color: var(--text-muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
tbody tr:last-child td { border-bottom: 0; }
td a { color: var(--text-primary); }
.state { display: inline-flex; padding: .3rem .5rem; border: 1px solid var(--border-strong); border-radius: 999px; color: var(--text-secondary); font-size: .7rem; }
.state-attached { border-color: #22D3EE; background: #22D3EE; color: #082F49; font-weight: 800; box-shadow: 0 0 0 1px rgba(34,211,238,.2),0 0 .9rem rgba(34,211,238,.28); }
.state-managed { border-color: var(--status-success); color: var(--status-success); background: var(--status-success-surface); }
.state-retired { color: var(--text-muted); }
.publication-status{padding:.55rem .9rem;border-width:2px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 1rem rgba(0,0,0,.18);transition:transform .15s ease,box-shadow .15s ease}
.publication-status:hover{transform:translateY(-1px)}
.publication-status-draft{border-color:#ff3b4f;background:#ff3b4f;color:#fff;box-shadow:0 0 1rem rgba(255,59,79,.38)}
.publication-status-archived{border-color:#ffd43b;background:#ffd43b;color:#2c2100;box-shadow:0 0 1rem rgba(255,212,59,.35)}
.publication-status-published{border-color:#2ee681;background:#2ee681;color:#052e1a;box-shadow:0 0 1rem rgba(46,230,129,.35)}
.publication-status-scheduled{border-color:#22d3ee;background:#22d3ee;color:#082f49;box-shadow:0 0 1rem rgba(34,211,238,.35)}
.release-card .publication-status{padding:.3rem .55rem;border-width:1px;font-size:.67rem;line-height:1;box-shadow:none;flex:0 0 auto}
.pagination { display: grid; grid-template-columns: minmax(7rem,1fr) auto minmax(7rem,1fr); align-items: center; gap: 1rem; margin-top: 1.5rem; padding: 1.5rem 0; border-block: 1px solid var(--border-standard); color: var(--text-muted); font-size: .82rem; }
.pagination [aria-disabled="true"] { opacity: .45; }
.pagination-center { display: grid; justify-items: center; gap: .55rem; }
.pagination-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; }
.pagination-page { display: grid; place-items: center; min-width: 2.7rem; min-height: 2.7rem; border: 1px solid var(--border-strong); color: var(--text-primary); text-decoration: none; }
.pagination-page:hover { border-color: var(--accent); }
.pagination-page.is-current { border-color: var(--accent); background: var(--accent); color: var(--accent-contrast); font-weight: 800; }
.pagination-edge { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.pagination-next { text-align: right; }
.pagination-next { justify-content: flex-end; }
.pagination-ellipsis { align-self: center; padding-inline: .2rem; }
@media (max-width: 680px) { .pagination { grid-template-columns: 1fr 1fr; } .pagination-center { grid-column: 1 / -1; grid-row: 1; } .pagination-edge { gap: .55rem; } .pagination-next { grid-column: 2; } }
.empty-state { padding: 3rem 1.5rem; border: 1px dashed var(--border-strong); border-radius: .8rem; text-align: center; }
.empty-state p { color: var(--text-muted); }
.breadcrumbs { display: flex; gap: .55rem; margin-bottom: 1.5rem; color: var(--text-muted); font-size: .8rem; }
.context-header { padding-bottom: 2rem; border-bottom: 1px solid var(--border-standard); }
.detail-grid { display: grid; gap: 1px; margin-top: 1px; background: var(--border-standard); }
.detail-grid > div { display: flex; flex-direction: column; gap: .4rem; padding: 1.2rem; background: var(--surface-primary); }
.detail-grid span { color: var(--text-muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; }
.release-identifier code, .release-isrc code { color: var(--text-primary); font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: .92rem; user-select: all; }
.identifier-empty { color: var(--text-muted); font-weight: 600; }
.release-isrc-list { grid-column: 1 / -1; }
.release-isrc { display: grid; grid-template-columns: minmax(10rem,1fr) auto; align-items: baseline; gap: .5rem 1rem; padding-top: .4rem; border-top: 1px solid var(--border-subtle); }
.release-isrc small { min-width: 0; overflow: hidden; color: var(--text-muted); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.context-actions { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding: 1.35rem; border: 1px solid var(--border-standard); border-radius: .8rem; }
.workflow-card { padding: clamp(1.2rem, 4vw, 2rem); border: 1px solid var(--border-standard); border-radius: .9rem; background: var(--surface-primary); }
.app-main > .workflow-card, .app-main > section.workflow-card, .app-main > details.workflow-card { margin-top: 1.5rem; }
details.workflow-card > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: calc(clamp(1.2rem, 4vw, 2rem) * -1); margin-bottom: 0; padding: 1.15rem clamp(1.2rem, 4vw, 2rem); border-radius: .9rem; cursor: pointer; list-style: none; }
details.workflow-card > summary::-webkit-details-marker { display: none; }
details.workflow-card > summary::after { content: '+'; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid var(--border-standard); border-radius: 50%; color: var(--text-muted); font-size: 1.15rem; font-weight: 500; }
details.workflow-card[open] > summary { margin-bottom: 1.25rem; border-bottom: 1px solid var(--border-subtle); border-radius: .9rem .9rem 0 0; }
details.workflow-card[open] > summary::after { content: '−'; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,15rem),1fr)); gap: 1rem; margin-top: 1.25rem; }
.card-grid .workflow-card { display: grid; align-content: start; gap: .65rem; padding: 1rem; overflow: hidden; }
.card-grid .workflow-card h2, .card-grid .workflow-card p { margin: 0; }
.card-grid .workflow-card small { color: var(--text-muted); overflow-wrap: anywhere; }
.card-grid .workflow-card img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .55rem; background: var(--surface-inset); }
.filter-bar { display: flex; align-items: end; gap: .75rem; margin: 1.25rem 0; }
.filter-bar label { display: grid; flex: 1; gap: .4rem; font-weight: 700; }
.workflow-form { display: grid; gap: .85rem; margin-top: 1.25rem; }
.workflow-form label { font-weight: 700; }
.workflow-form .primary-action { justify-self: start; }
.release-upload-summary { display:grid;gap:.2rem; }
.release-upload-summary small { color:var(--text-muted);font-size:.75rem;font-weight:500; }
.release-upload-details>summary>.state { margin-left:auto; }
.settings-form { gap: 0; margin-top: 1.5rem; }
.settings-form > h2, .settings-form > h3, .settings-form > h4 { margin: 2.25rem 0 .35rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border-standard); }
.settings-form > h2:first-of-type, .settings-form > h3:first-of-type, .settings-form > h4:first-of-type { margin-top: 0; }
.settings-form > label:not(.confirmation) { display: grid; grid-template-columns: minmax(10rem,14rem) minmax(0,1fr); align-items: start; gap: .35rem 1.5rem; min-width: 0; padding: 1.05rem 0; border-bottom: 1px solid var(--border-subtle); color: var(--text-primary); line-height: 1.4; }
.settings-form > label:not(.confirmation) > input, .settings-form > label:not(.confirmation) > select, .settings-form > label:not(.confirmation) > textarea, .settings-form > label:not(.confirmation) > .content-editor, .settings-form > label:not(.confirmation) > .ql-toolbar, .settings-form > label:not(.confirmation) > .ql-container { grid-column: 2; min-width: 0; }
.settings-form > label:not(.confirmation) > .character-limit { grid-column: 1; color: var(--text-muted); font-size: .72rem; font-weight: 500; }
.settings-form > .form-help { margin: .85rem 0 1.25rem; padding: .8rem 1rem; border-left: 3px solid var(--border-strong); background: var(--surface-inset); font-size: .86rem; }
.settings-form > .confirmation { margin: 1rem 0; }
.settings-form > .primary-action:last-child { justify-self: end; margin-top: 1.5rem; }
.settings-form .ql-toolbar.ql-snow { padding: .55rem; }
.settings-form .ql-container.ql-snow, .settings-form .content-editor { min-height: 7.5rem; }
.primary-details-editor, .release-details-editor { border-color: var(--border-strong); }
.primary-details-editor .settings-form, .release-details-editor .settings-form { max-width: 58rem; }
.character-limit { display: block; margin-top: .2rem; color: var(--text-muted); font-size: .72rem; font-weight: 500; }
.form-help { color: var(--text-muted); line-height: 1.55; }
.candidate-list { display: grid; gap: .65rem; padding: 0; list-style: none; }
.candidate-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem; border: 1px solid var(--border-standard); border-radius: .6rem; }
.candidate-list li span { display: flex; flex-direction: column; gap: .2rem; }
.candidate-list small { color: var(--text-muted); }
.artist-visual { display: block; object-fit: cover; background: var(--surface-inset); border: 1px solid var(--border-standard); color: var(--text-muted); }
.artist-visual-directory, .artist-visual-candidate { width: 4rem; height: 4rem; border-radius: .55rem; flex: 0 0 4rem; }
.artist-visual-context { width: clamp(8rem, 20vw, 14rem); aspect-ratio: 1; border-radius: .85rem; }
.artist-visual-current, .artist-visual-proposed { width: min(100%, 28rem); max-height: 28rem; aspect-ratio: 1; border-radius: .75rem; }
.artist-image-placeholder { display: grid; place-items: center; padding: .35rem; text-align: center; font-size: .75rem; }
.asset-picker-dialog { width: min(96vw,72rem); max-height: 90vh; padding: 0; border: 1px solid var(--border-strong); border-radius: .9rem; background: var(--surface-primary); color: var(--text-primary); box-shadow: var(--shadow-elevated); }
.asset-picker-dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(2px); }
.asset-picker-header { position: sticky; z-index: 2; top: 0; display: grid; grid-template-columns: 1fr auto; gap: .65rem; padding: .85rem; border-bottom: 1px solid var(--border-standard); background: var(--surface-primary); }
.asset-picker-header h2 { margin: 0; }
.asset-picker-search { grid-column: 1 / -1; width: 100%; }
.asset-picker-search-label { grid-column:1/-1;display:grid;gap:.3rem;color:var(--text-primary);font-size:.78rem;font-weight:800; }
.asset-picker-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(8.5rem,1fr)); gap: .3rem; padding: .3rem; }
.asset-picker-card { display: grid; grid-template-rows: auto auto auto; min-width: 0; gap: .3rem; padding: .35rem; border: 1px solid var(--border-standard); border-radius: .45rem; background: var(--surface-inset); color: var(--text-primary); text-align: left; cursor: pointer; }
.asset-picker-card:hover,.asset-picker-card:focus-visible { border-color: var(--focus-ring); background: var(--surface-hover); }
.asset-picker-card img,.asset-picker-placeholder { display: grid; place-items: center; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .3rem; background: var(--surface-primary); color: var(--text-muted); font-weight: 800; }
.asset-picker-card strong,.asset-picker-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-picker-card small { color: var(--text-muted); }
.asset-picker-item { display: grid; gap: .25rem; min-width: 0; }
.asset-picker-item .asset-picker-card { height: 100%; }
.asset-picker-crop-action { width: 100%; padding: .35rem; font-size: .78rem; }
.draggable-track { cursor: grab; transition: opacity .15s,border-color .15s; }
.draggable-track.dragging { opacity: .45; border-color: var(--focus-ring); }
.playlist-pusher-workspace { display:grid; gap:1rem; }
.playlist-track-list { display:grid; gap:.35rem; margin:1rem 0; }
.playlist-track-row { display:grid; grid-template-columns:2.25rem 2rem 3.5rem minmax(0,1fr) auto; align-items:center; gap:.65rem; min-height:4.5rem; padding:.45rem .7rem; border:1px solid var(--border-standard); border-radius:.65rem; background:var(--surface-inset); }
.spotify-review-list{display:grid;gap:.75rem;margin:1.25rem 0}.spotify-review-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) minmax(17rem,24rem);align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-standard);border-radius:.8rem;background:var(--surface-inset)}.spotify-review-position{font-size:1.1rem;color:var(--text-muted);text-align:center}.spotify-review-main,.spotify-match-card{display:grid;gap:.25rem;min-width:0}.spotify-review-main strong,.spotify-review-main span,.spotify-match-card strong{overflow-wrap:anywhere}.spotify-review-main span,.spotify-review-main small,.spotify-match-card small{color:var(--text-muted)}.spotify-match-card{padding:.8rem;border:1px solid var(--border-standard);border-radius:.65rem;background:var(--surface-elevated)}.spotify-match-card.is-verified{border-color:var(--status-success)}.spotify-match-card.needs-approval{border-color:var(--accent)}.spotify-match-approval{display:flex;align-items:center;gap:.55rem;margin-top:.45rem;font-weight:700}.spotify-match-approval input{width:1.15rem;height:1.15rem}.spotify-review-footer,.spotify-review-warning{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.7rem;background:var(--surface-elevated)}.spotify-review-footer p{margin:0}.spotify-review-warning{display:grid;border:1px solid var(--status-warning)}
.spotify-recording-picker{display:grid;gap:.55rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-standard)}.spotify-recording-picker label{display:grid;gap:.3rem;font-weight:700}.spotify-recording-picker input[type=search]{width:100%}.spotify-recording-results{display:grid;gap:.35rem;max-height:16rem;overflow:auto}.spotify-recording-option{display:grid;gap:.15rem;width:100%;padding:.65rem;text-align:left;border:1px solid var(--border-standard);border-radius:.5rem;background:var(--surface-inset);color:var(--text-primary);cursor:pointer}.spotify-recording-option:hover,.spotify-recording-option:focus{border-color:var(--accent)}.spotify-recording-option small,.spotify-recording-selection{color:var(--text-muted)}.spotify-recording-selection{margin:0}.spotify-recording-selection.is-selected{color:var(--status-success);font-weight:700}.spotify-recording-option.is-import{text-decoration:none}.spotify-recording-option.is-import span{color:var(--accent);font-size:.82rem;font-weight:700;margin-top:.25rem}.add-track-trigger{align-items:center;background:var(--accent);border-radius:.75rem;color:var(--text-on-accent);display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1rem}.add-track-trigger span{font-size:.82rem}.add-track-card[open] .add-track-trigger{margin-bottom:1rem}
.playlist-track-position { color:var(--text-muted); text-align:right; font-variant-numeric:tabular-nums; }
.playlist-track-artwork { width:3.5rem; height:3.5rem; border-radius:.3rem; object-fit:cover; background:var(--surface-secondary); }
.playlist-track-artwork-placeholder { display:grid; place-items:center; color:var(--text-muted); font-size:1.25rem; }
.playlist-track-copy { display:grid; min-width:0; gap:.18rem; }
.playlist-track-copy strong,.playlist-track-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.playlist-track-copy small { color:var(--text-muted); }
.playlist-owner { margin:.4rem 0 0; color:var(--text-secondary); }
@media(max-width:640px){.playlist-track-row{grid-template-columns:1.8rem 1.6rem 3rem minmax(0,1fr);gap:.4rem;padding:.4rem}.playlist-track-row>.track-readiness{grid-column:4}.playlist-track-artwork{width:3rem;height:3rem}.spotify-review-row{grid-template-columns:2rem minmax(0,1fr);gap:.65rem;padding:.75rem}.spotify-match-card{grid-column:2}.spotify-review-footer{align-items:stretch;flex-direction:column}.spotify-review-footer .primary-action{width:100%}}
.drag-handle { float: right; color: var(--accent-strong); font-size: 1.35rem; font-weight: 800; }
.asset-cropper { display: grid; grid-template-columns: minmax(16rem,28rem) minmax(14rem,1fr); gap: .85rem; padding: .85rem; }
.asset-cropper[hidden] { display: none; }
.asset-cropper canvas { grid-row: span 7; width: 100%; max-height: 64vh; aspect-ratio: 1; border-radius: .5rem; background: #08090c; object-fit: contain; }
.asset-cropper label { display: grid; gap: .25rem; }
.asset-picker-footer { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem .85rem; border-top: 1px solid var(--border-standard); background: var(--surface-primary); }
.asset-picker-pagination { display: flex; gap: .5rem; }
.article-editor-shell .section-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem; }
.article-content-form { gap:.85rem; }
.article-edit-mode { display:flex;gap:.45rem;align-items:center; }
.article-edit-mode button { min-width:6rem; }
.article-body-label { display:grid;gap:.35rem; }
.article-content-form .content-editor { min-height:32rem;background:var(--surface-primary);color:var(--text-primary); }
.article-content-form .ql-editor { min-height:29rem;font-size:1rem;line-height:1.65; }
.article-content-form .ql-toolbar,.article-content-form .ql-container { border-color:var(--border-standard); }
.article-content-form textarea[name="body"]:not(.content-editor-source) { display:block;width:100%;min-height:32rem;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.55;tab-size:2; }
.article-block-canvas { display:grid;gap:.7rem;margin-top:1rem; }
.article-editor-block { padding:.55rem;border:1px solid var(--border-standard);border-radius:.7rem;background:var(--surface-inset); }
.article-block-handle { display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--text-muted);font-size:.82rem;font-weight:700; }
.entity-picker-dialog { width:min(96vw,82rem);max-height:92vh;padding:0;border:1px solid var(--border-strong);border-radius:1rem;background:var(--surface-primary);color:var(--text-primary);box-shadow:var(--shadow-elevated); }
.entity-picker-dialog::backdrop { background:rgba(0,0,0,.75);backdrop-filter:blur(2px); }
.entity-picker-dialog>header { position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--border-standard);background:var(--surface-primary); }
.entity-picker-dialog h2 { margin:.1rem 0 0; }
.entity-picker-controls { display:grid;grid-template-columns:minmax(15rem,2fr) minmax(12rem,1fr) auto;align-items:end;gap:.65rem;padding:.8rem 1rem;border-bottom:1px solid var(--border-standard); }
.entity-picker-controls label,.entity-preview-panel label { display:grid;gap:.3rem;font-weight:700; }
.entity-picker-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(19rem,.8fr);min-height:32rem; }
.entity-picker-layout>section { padding:.8rem;overflow:auto; }
.entity-preview-panel { display:grid;align-content:start;gap:.75rem;padding:1rem;border-left:1px solid var(--border-standard);background:var(--surface-inset); }
.entity-result-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.4rem; }
.entity-result-card { display:grid;grid-template-columns:3.25rem 1fr;align-items:center;gap:.6rem;padding:.45rem;border:1px solid var(--border-standard);border-radius:.55rem;background:var(--surface-inset);color:var(--text-primary);text-align:left;cursor:pointer; }
.entity-result-card:hover,.entity-result-card[aria-pressed="true"] { border-color:var(--focus-ring);background:var(--surface-hover); }
.entity-result-card img,.entity-result-placeholder { display:grid;place-items:center;width:3.25rem;aspect-ratio:1;object-fit:cover;border-radius:.35rem;background:var(--surface-primary);color:var(--text-muted);font-weight:800; }
.entity-result-card>span { display:grid;min-width:0;gap:.15rem; }.entity-result-card strong,.entity-result-card small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.entity-result-card small { color:var(--text-muted); }
.entity-preview-empty { display:grid;place-items:center;min-height:12rem;padding:1rem;border:1px dashed var(--border-strong);border-radius:.7rem;color:var(--text-muted);text-align:center; }
.embedded-entity-card { display:grid;grid-template-columns:5rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem;border:1px solid var(--border-strong);border-radius:.75rem;background:var(--surface-primary);box-shadow:var(--shadow-subtle); }
.embedded-entity-card img,.embedded-entity-placeholder { display:grid;place-items:center;width:5rem;aspect-ratio:1;object-fit:cover;border-radius:.5rem;background:var(--surface-inset);color:var(--text-muted);font-weight:900; }
.embedded-entity-card>div { display:grid;min-width:0;gap:.18rem; }.embedded-entity-card>div strong { font-size:1.05rem; }.embedded-entity-card>div span,.embedded-entity-card>div small { color:var(--text-muted); }
.embedded-entity-card-compact { grid-template-columns:3rem 1fr; }.embedded-entity-card-compact img,.embedded-entity-card-compact .embedded-entity-placeholder { width:3rem; }.embedded-entity-card-inline { display:flex;padding:.45rem;box-shadow:none; }.embedded-entity-card-inline img,.embedded-entity-card-inline .embedded-entity-placeholder { display:none; }.embedded-entity-card-feature { grid-template-columns:1fr; }.embedded-entity-card-feature img,.embedded-entity-card-feature .embedded-entity-placeholder { width:100%;aspect-ratio:16/9; }.entity-player-preview { white-space:nowrap; }
@media(max-width:760px){.entity-picker-controls,.entity-picker-layout{grid-template-columns:1fr}.entity-preview-panel{border-left:0;border-top:1px solid var(--border-standard)}}
.asset-drop-zone { display: grid; place-items: center; gap: .35rem; min-height: 9rem; padding: 1.25rem; border: 2px dashed var(--border-strong); border-radius: .8rem; background: var(--surface-inset); text-align: center; }
.asset-drop-zone:hover,.asset-drop-zone.is-dragging { border-color: var(--focus-ring); background: var(--surface-hover); }
.asset-drop-zone input[type="file"] { max-width: 100%; }
.asset-edit-layout { display: grid; grid-template-columns: minmax(10rem,18rem) minmax(0,1fr); gap: 1.25rem; align-items: start; }
@media (max-width: 44rem) { .asset-edit-layout { grid-template-columns: 1fr; } }
@media (max-width: 48rem) {
  .settings-form > label:not(.confirmation) { grid-template-columns: 1fr; gap: .5rem; padding: 1rem 0; }
  .settings-form > label:not(.confirmation) > input, .settings-form > label:not(.confirmation) > select, .settings-form > label:not(.confirmation) > textarea, .settings-form > label:not(.confirmation) > .content-editor, .settings-form > label:not(.confirmation) > .ql-toolbar, .settings-form > label:not(.confirmation) > .ql-container, .settings-form > label:not(.confirmation) > .character-limit { grid-column: 1; }
  .settings-form > .primary-action:last-child { justify-self: stretch; }
}
.artist-context-header { align-items: center; grid-template-columns: auto 1fr auto; }
.artist-current-image { display: grid; gap: .75rem; margin: 1rem 0 1.5rem; }
.artist-image-candidates li { justify-content: flex-start; }
.artist-image-candidates li > span:nth-child(2) { flex: 1; }
.artist-image-candidate.is-current { border-style: dashed; background: var(--surface-inset); }
.artist-image-candidate label { display: flex; align-items: center; gap: .45rem; font-weight: 700; }
.artist-image-comparison { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.artist-image-comparison > div { display: grid; align-content: start; gap: .65rem; }
.artist-visual:focus-visible, .artist-image-candidate:focus-within { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
@media (max-width: 42rem) { .release-context-header { grid-template-columns: minmax(6rem,9rem) 1fr; } .release-context-header > .state { grid-column: 1 / -1; justify-self: start; } }
@media (max-width: 70rem) { .release-filter-bar { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 42rem) { .release-filter-bar { grid-template-columns: 1fr; } }
.confirmation { display: flex; align-items: flex-start; gap: .65rem; line-height: 1.5; }
.confirmation input { margin-top: .25rem; }
.preview-list { display: grid; gap: 1px; margin: 1.25rem 0; background: var(--border-standard); }
.preview-list div { display: grid; grid-template-columns: minmax(8rem, .5fr) 1fr; gap: 1rem; padding: .85rem; background: var(--surface-inset); }
.preview-list dt { color: var(--text-muted); }
.preview-list dd { margin: 0; font-weight: 700; }
.connection-profile { display: grid; gap: 1rem; }
.connection-group { border: 1px solid var(--border-standard); border-radius: .8rem; background: var(--surface-primary); }
.connection-group summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; cursor: pointer; }
.connection-group summary span { color: var(--text-muted); font-size: .85rem; }
.connection-group .connection-fields, .owned-surface-list { margin: 0; padding: 0 1rem 1rem; }
.owned-surface-list { display: grid; gap: .75rem; }
.owned-surface-list p { margin: 0; padding: .8rem; background: var(--surface-inset); border-radius: .6rem; overflow-wrap: anywhere; }
.connection-fields { display: grid; gap: .75rem; margin: 1.25rem 0; }
.connection-field { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .35rem .8rem; align-items: center; padding: 1rem; border: 1px solid var(--border-standard); border-radius: .7rem; background: var(--surface-inset); }
.connection-field label { display: grid; gap: .4rem; }
.provider-unsupported { display: grid; gap: .4rem; }
.connection-field .provider-unsupported small { grid-column: auto; }
.connection-field small { grid-column: 2; color: var(--text-muted); }
.provider-mark { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: .42rem; border: 1px solid var(--border-standard); border-radius: .62rem; background: var(--surface-primary); color: var(--text-secondary); overflow: hidden; }
.provider-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.provider-mark-ui-icon { width: 100%; height: 100%; background: var(--text-secondary); -webkit-mask: url('/assets/providers/generic-web.svg') center / contain no-repeat; mask: url('/assets/providers/generic-web.svg') center / contain no-repeat; }
.provider-mark-fallback { font-size: .7rem; font-weight: 800; line-height: 1; }
.provider-mark-fixed-dark { background: #000; border-color: #27272A; }
.provider-mark-fixed-light { background: #FFF; border-color: #D4D4D8; }
.provider-purpose { grid-column: 2; max-width: 12rem; }
.preview-subheading { margin-top: 1.5rem; }
.audio-recording-card { margin-block:.65rem;padding:0;overflow:clip; }
.compact-completion-signals{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.compact-completion-signal{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .5rem;border:1px solid var(--border-standard);border-radius:999px;background:var(--surface-inset);color:var(--text-primary);font-size:.66rem;font-weight:800;line-height:1.1}.compact-completion-signal>span:first-child{display:grid;place-items:center;width:1rem;height:1rem;border-radius:50%;font-size:.62rem}.compact-completion-signal.is-ready{border-color:var(--status-success)}.compact-completion-signal.is-ready>span:first-child{background:var(--status-success);color:#052e1a}.compact-completion-signal.needs-work{border-color:var(--status-error)}.compact-completion-signal.needs-work>span:first-child{background:var(--status-error);color:#fff}
details.audio-recording-card>summary.track-summary { display:grid;grid-template-columns:auto auto minmax(12rem,1.15fr) auto minmax(18rem,2fr);align-items:center;gap:.85rem;margin:0;padding:.7rem .85rem;border-radius:.9rem;list-style:none; }
details.audio-recording-card>summary.track-summary::after { display:none;content:none; }
details.audio-recording-card>summary.track-summary::-webkit-details-marker { display:none; }
details.audio-recording-card[open]>summary.track-summary { margin:0;border-bottom:0;border-radius:.9rem .9rem 0 0; }
.track-summary:hover { background:var(--surface-hover); }
.track-position { color:var(--accent-strong);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap; }
.track-summary .drag-handle { display:grid;place-items:center;width:1.5rem;min-height:2.25rem;border-radius:.4rem;color:var(--text-muted); }
.track-card-title { display:grid;min-width:0;gap:.18rem; }
.track-card-title strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem; }
.track-card-title .section-label { margin:0;font-size:.68rem; }
.track-readiness-group { display:flex;align-items:center;flex-wrap:wrap;gap:.3rem; }
.track-readiness { display:inline-flex;align-items:center;justify-content:center;padding:.25rem .48rem;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.65rem;font-weight:900;line-height:1;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;user-select:none; }
.track-readiness.is-ready { border-color:var(--status-success);background:var(--status-success);color:#052e1a; }
.track-credit-summary { display:grid;gap:.3rem;min-width:0;padding-left:1rem;border-left:1px solid var(--border-subtle); }
.track-credit-summary>span { display:flex;align-items:baseline;min-width:0;gap:.35rem; }
.track-credit-summary small { color:var(--accent-strong);font-size:.66rem;font-weight:800;letter-spacing:.02em; }
.track-credit-summary strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem; }
.track-expanded { display:grid;gap:1.25rem;padding:1rem;border-top:1px solid var(--border-subtle); }
.track-expanded-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem; }
.track-expanded-heading h3,.track-expanded-heading p { margin:0; }
.track-card-header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .8rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-subtle); }
.track-card-title { min-width: 0; }
.track-card-title .section-label { margin: 0 0 .2rem; }
.track-card-title h3 { margin: 0; overflow-wrap: anywhere; }
.track-card-header .drag-handle { align-self: stretch; display: grid; place-items: center; min-width: 2rem; border-radius: .4rem; color: var(--text-muted); }
.track-card-header .drag-handle:hover { background: var(--surface-hover); color: var(--text-primary); }
.audio-pair-grid { display: grid; gap: 1rem; }
.audio-format-card { display: grid; align-content: start; gap: .8rem; min-width: 0; padding: 1rem; border: 1px solid var(--border-standard); border-radius: .75rem; background: var(--surface-inset); }
.audio-format-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.audio-format-heading h4 { margin: 0; }
.audio-format-help { margin: -.35rem 0 0; color: var(--text-muted); font-size: .82rem; }
.audio-format-card > .secondary-action { justify-self: stretch; justify-content: center; text-align: center; }
.audio-upload-field { display: grid; gap: .45rem; min-width: 0; padding-top: .75rem; border-top: 1px solid var(--border-subtle); color: var(--text-secondary); font-size: .82rem; font-weight: 700; }
.audio-upload-field input[type="file"] { width: 100%; min-width: 0; padding: .5rem; border: 1px solid var(--border-standard); border-radius: .5rem; background: var(--surface-primary); color: var(--text-secondary); }
.audio-upload-field input[type="file"]::file-selector-button { margin-right: .7rem; padding: .45rem .65rem; border: 1px solid var(--border-strong); border-radius: .4rem; background: var(--surface-hover); color: var(--text-primary); font: inherit; font-weight: 700; cursor: pointer; }
.track-card-actions { display: flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border-radius:.65rem;background:var(--surface-inset); }
.track-audio-confirmation { flex:1 1 100%;min-width:min(100%,22rem); }
.track-card-actions [data-track-audio-progress] { flex:1 1 100%;width:100%;height:.8rem;accent-color:var(--accent); }
.track-card-actions small { color: var(--text-muted); line-height: 1.4; }
.track-card-secondary { display: grid; gap: .5rem; }
.track-card-secondary > details { padding: .8rem 0; border-top: 1px solid var(--border-subtle); }
.track-card-secondary > details > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; }
.track-card-secondary > details > summary span { color: var(--text-muted); font-size: .8rem; font-weight: 500; }
.audio-upload-form { padding: 1rem; border: 1px solid var(--border-standard); border-radius: .75rem; background: var(--surface-secondary); }
.audio-upload-actions { display: flex; gap: .7rem; align-items: center; flex-wrap: wrap; }
.audio-upload-form progress { width: 100%; height: .8rem; accent-color: var(--accent); }
.article-card-grid { grid-template-columns: repeat(auto-fill,minmax(17rem,1fr)); }
.content-library-filters { display:grid; grid-template-columns:minmax(16rem,2fr) repeat(3,minmax(10rem,1fr)) auto auto; align-items:end; gap:.75rem; margin:1.25rem 0; padding:1rem; border:1px solid var(--border-standard); border-radius:.9rem; background:var(--surface-primary); }
.content-library-filters label { display:grid; gap:.4rem; font-weight:700; }
.content-library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr)); gap:1rem; }
.content-library-card { display:grid; align-content:start; gap:.65rem; min-height:22rem; padding:1.1rem; border:1px solid var(--border-standard); border-radius:.9rem; background:var(--surface-primary); box-shadow:var(--shadow-subtle); }
.content-library-card h2,.content-library-card h3,.content-library-card p { margin:0; }
.content-library-card h2 { font-size:1.15rem; }
.content-library-card h3 { color:var(--text-muted); font-size:1rem; }
.content-library-card-top,.content-library-meta { display:flex; justify-content:space-between; gap:.75rem; }
.content-library-kind,.content-library-meta { color:var(--text-muted); font-size:.78rem; }
.content-library-title { font-weight:800; }
.content-library-excerpt { min-height:5.4rem; color:var(--text-muted); line-height:1.5; }
.content-library-meta { margin-top:auto; padding-top:.75rem; border-top:1px solid var(--border-subtle); }
.content-library-results { margin:.25rem 0 1rem; color:var(--text-muted); }
.chat-card-filters { grid-template-columns:minmax(16rem,2fr) repeat(2,minmax(10rem,1fr)) auto auto; }
.chat-card-subject { min-height:18rem; }
@media (max-width:70rem) { .content-library-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:42rem) { .content-library-filters { grid-template-columns:1fr; } }
.article-card .article-cover { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: .65rem .65rem 0 0; letter-spacing: .18em; }
.article-featured-image { display: block; width: 100%; max-height: 34rem; object-fit: contain; border-radius: .65rem; background: var(--surface-muted); }
.article-featured-manager { display:grid;gap:1rem; }
.article-featured-manager .article-featured-image { max-height:28rem; }
.article-featured-empty { display:grid;place-items:center;min-height:9rem;border:1px dashed var(--border-strong);border-radius:.7rem;color:var(--text-muted);background:var(--surface-inset); }
.article-featured-manager .asset-actions,.article-featured-manager .asset-actions form { display:flex;align-items:center;flex-wrap:wrap;gap:.55rem; }
.article-management-form { display:grid;gap:.8rem; }
.management-accordion { border:1px solid var(--border-standard);border-radius:.75rem;background:var(--surface-inset);overflow:hidden; }
.management-accordion>summary { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;cursor:pointer;list-style:none; }
.management-accordion>summary::-webkit-details-marker { display:none; }
.management-accordion>summary span { color:var(--text-muted);font-size:.8rem; }
.management-panel { display:grid;gap:.85rem;padding:1rem;border-top:1px solid var(--border-standard); }
.management-panel h3 { margin:.45rem 0 0; }
.article-taxonomy-heading { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem 1rem .8rem; }
.article-taxonomy-heading span { color:var(--text-muted);font-size:.78rem; }
.track-section-heading { align-items:flex-end; }
section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type { position:relative;width:max-content;margin:1rem 0;padding:0;border:0;background:transparent; }
section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type>summary { display:inline-flex;min-height:2.6rem;margin:0;padding:.65rem 1rem;border:1px solid var(--accent);border-radius:.55rem;background:var(--accent);color:var(--accent-contrast);font-weight:800; }
section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type>summary::after { display:none; }
section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type>form { position:absolute;z-index:20;left:0;width:min(38rem,calc(100vw - 2rem));max-height:75vh;overflow:auto;padding:1rem;border:1px solid var(--border-standard);border-radius:0 .8rem .8rem .8rem;background:var(--surface-primary);box-shadow:0 1rem 3rem rgba(0,0,0,.3); }
section[aria-labelledby="recording-audio-heading"]>.add-track-card>form>.primary-action[type="submit"] { position:sticky;z-index:3;top:0;order:-1;justify-self:end;margin:0 0 .25rem;padding-inline:1.2rem;box-shadow:0 .35rem 1rem rgba(0,0,0,.3); }
.choice-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.45rem; }
.choice-card { display:flex;align-items:center;gap:.55rem;min-height:2.7rem;padding:.55rem .65rem;border:1px solid var(--border-standard);border-radius:.55rem;background:var(--surface-primary);cursor:pointer; }
.choice-card:has(input:checked) { border-color:var(--accent);background:var(--accent-soft); }
.choice-card span { display:grid;min-width:0;line-height:1.2; }
.choice-card small { color:var(--text-muted);font-size:.7rem; }
.inline-checks { display:flex;flex-wrap:wrap;gap:1rem; }
.structured-data-preview { max-height:28rem;overflow:auto;padding:.85rem;border:1px solid var(--border-standard);border-radius:.6rem;background:var(--surface-primary);font-size:.78rem;white-space:pre-wrap;overflow-wrap:anywhere; }
.article-card .release-card-body { min-height: 9rem; }
.video-card-preview { position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--surface-inset);border-bottom:1px solid var(--border-standard); }
.video-card-preview img { width:100%;height:100%;object-fit:cover; }
.video-placeholder { color:var(--text-muted);font-size:2rem; }
.video-play-mark { position:absolute;display:grid;place-items:center;width:2.7rem;height:2.7rem;padding-left:.15rem;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:1rem; }
.video-card-actions,.video-primary-actions { display:flex;flex-wrap:wrap;gap:.55rem; }
.video-embed { position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.75rem;background:#000; }
.video-embed iframe { width:100%;height:100%;border:0; }
.video-detail-card { display:grid;gap:1rem; }
.video-embed-code-card { display:grid;gap:1rem; }
.video-embed-code-card textarea { width:100%;min-height:9rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.78rem;line-height:1.5;overflow-wrap:normal;white-space:pre; }
.video-source-list { display:grid;gap:.55rem;padding-left:1.2rem; }
@media (min-width: 44rem) {
  .public-shell { width: min(100% - 4rem, 76rem); }
  .dashboard-grid, .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audio-pair-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) { .release-detail-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
.player-management-actions { display:flex;align-items:center;flex-wrap:wrap;gap:.75rem; }
.player-track-options { margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle); }
.player-track-options h3 { margin:0 0 .65rem; }
.player-track-options ul { display:grid;gap:.45rem;margin:0;padding:0;list-style:none; }
.player-track-options li { display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid var(--border-subtle);border-radius:.65rem;background:var(--surface-inset); }
.player-track-options li>span { display:grid;min-width:0; }
.player-track-options li strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.player-track-options li small { color:var(--text-muted); }
.track-audio-check { display:grid;gap:.4rem;margin:.75rem 0;padding:.65rem .75rem;border:1px solid var(--border-subtle);border-radius:.65rem;background:var(--surface-inset); }
.track-audio-check span { color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase; }
.track-audio-check audio { display:block;width:100%;height:2.25rem; }
.merch-sync-card { display:flex;align-items:center;justify-content:space-between;gap:1.25rem; }
.merch-sync-card h2,.merch-sync-card p { margin:.2rem 0; }
.physical-music-callout { display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1rem;padding:1.1rem 1.25rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-subtle));border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface-primary)),var(--surface-primary)); }
.physical-music-callout h2,.physical-music-callout p { margin:.2rem 0; }
.merch-format-banner { display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.62rem .75rem;background:var(--text-primary);color:var(--surface-primary);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase; }
.merch-format-banner strong { font-size:.78rem;letter-spacing:.09em; }
.merch-format-banner span { font-weight:700; }
.physical-music-card .merch-format-banner { background:var(--accent);color:var(--accent-contrast); }
.merch-card-preview { display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:var(--surface-inset);border-bottom:1px solid var(--border-subtle); }
.merch-card-preview img { width:100%;height:100%;object-fit:cover; }
.merch-card .release-card-body { display:grid;gap:.55rem; }
.merch-relationship { margin:0;padding:.45rem .55rem;border-radius:.5rem;font-size:.78rem;background:var(--surface-inset); }
.merch-relationship.connected { border-left:3px solid var(--success); }
.merch-relationship.review { border-left:3px solid var(--warning); }
.merch-relationship.unmatched { border-left:3px solid var(--border-strong); }
.merch-price { font-size:1.05rem;font-weight:800; }
.physical-product-note { margin:0;padding:.62rem .7rem;border-left:3px solid var(--accent);background:var(--surface-inset);color:var(--text-muted);font-size:.78rem;line-height:1.4; }
.merch-image-controls{margin-top:1.5rem}.merch-image-list{display:grid;gap:1rem;margin-top:1rem}.merch-image-list>article{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface-inset)}.merch-candidates{display:flex;gap:.65rem;overflow-x:auto;padding:.75rem;border-radius:.65rem}.merch-bg-light{background:#f4f1e8}.merch-bg-dark{background:#2b2d2f}.merch-bg-light .merch-image-choice{background:#f4f1e8;color:#202322;border-color:#d5d0c5}.merch-bg-dark .merch-image-choice{background:#2b2d2f;color:#f7f4ec;border-color:#505453}.merch-background-choice{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}.merch-background-choice label{min-width:220px}.merch-image-choice{display:grid;grid-template-rows:140px auto auto;gap:.4rem;min-width:170px;padding:.5rem;border:1px solid var(--border);border-radius:.65rem;background:rgba(20,22,22,.9)}.merch-image-choice.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 32%,transparent)}.merch-slot-badge{justify-self:start;padding:.25rem .5rem;border-radius:999px;background:var(--accent);color:#10201d;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.merch-image-choice>img{width:100%;height:140px;object-fit:contain}.merch-image-choice>div{display:flex;gap:.3rem;flex-wrap:wrap}.merch-image-choice form{margin:0}.merch-image-choice button{padding:.45rem;font-size:.65rem}.merch-image-option{display:grid;grid-template-rows:112px auto;gap:.35rem;width:128px;padding:.4rem;border:2px solid transparent;border-radius:.65rem;background:var(--surface-primary);color:var(--text-muted);cursor:pointer}.merch-image-option img{width:100%;height:112px;object-fit:contain;background:#f4f1e8}.merch-image-option span{font-size:.68rem;font-weight:700}.merch-image-option:hover,.merch-image-option.selected{border-color:var(--accent);color:var(--text-primary)}
.physical-product-note strong { color:var(--text-primary); }
.success-banner { margin-bottom:1rem;padding:.8rem 1rem;border:1px solid var(--status-success);border-radius:.75rem;background:color-mix(in srgb,var(--status-success) 12%,var(--surface-primary)); }
.podcast-episode-list { display:grid;gap:.8rem;margin-top:1rem; }
.podcast-episode-card { display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.85rem;border:1px solid var(--border-standard);border-radius:.8rem;background:var(--surface-secondary); }
.podcast-episode-card img { width:7rem;aspect-ratio:1;object-fit:cover;border-radius:.55rem; }
.podcast-episode-card h3 { margin:.2rem 0; }
.podcast-episode-card audio { width:100%;max-width:34rem;margin:.55rem 0; }
@media (max-width: 560px) {
  .merch-sync-card { align-items:stretch;flex-direction:column; }
  .physical-music-callout { align-items:stretch;flex-direction:column; }
  .merch-format-banner { align-items:flex-start;flex-direction:column;gap:.15rem; }
  section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type { width:100%; }
  section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type>summary { width:100%;justify-content:center; }
  section[aria-labelledby="recording-audio-heading"]>.workflow-card:first-of-type>form { position:relative;width:100%;max-height:none;border-radius:0 0 .8rem .8rem;box-shadow:none; }
  details.audio-recording-card>summary.track-summary { grid-template-columns:auto auto minmax(0,1fr);gap:.55rem .7rem;padding:.7rem; }
  .track-readiness-group { grid-column:3; }
  .track-credit-summary { grid-column:3;grid-template-columns:1fr;gap:.4rem;padding:.6rem 0 0;border-left:0;border-top:1px solid var(--border-subtle); }
  .track-card-actions { align-items: stretch; flex-direction: column; }
  .track-card-actions .primary-action { justify-content: center; }
  .track-card-secondary > details > summary { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .player-track-options li { grid-template-columns:1fr 1fr; }
  .player-track-options li>span { grid-column:1/-1; }
  .podcast-episode-card { grid-template-columns:1fr; }
  .podcast-episode-card img { width:100%;max-width:12rem; }
}
@media (min-width: 64rem) {
  .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.content-link-review { margin: 0 1.25rem 1.25rem; padding: 1.1rem; border: 1px solid var(--border-standard); border-radius: .8rem; background: var(--surface-secondary); }
.content-link-review h3 { margin: .2rem 0; }
.content-link-grid { display: grid; gap: .65rem; }
.content-link-choice { align-items: flex-start; }
.content-link-choice span { display: grid; gap: .25rem; min-width: 0; }
.content-link-choice a { color: var(--accent-primary); font-size: .78rem; overflow-wrap: anywhere; }
.genre-intelligence-layout { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem; }
.genre-family-card header,.genre-review-card header { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem; }
.genre-family-card h2,.genre-review-card h3 { margin:.2rem 0; }
.genre-chip-list { display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem; }
.genre-chip { display:grid;gap:.15rem;padding:.55rem .7rem;border:1px solid var(--border-standard);border-radius:.7rem;background:var(--surface-inset); }
.genre-chip small { color:var(--text-muted); }
.genre-review-card .context-actions { margin-top:.8rem; }
.genre-choice-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.65rem; }
.genre-choice { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border-standard);border-radius:.75rem;background:var(--surface-inset); }
.genre-choice span { display:grid;gap:.15rem; }
.genre-choice small { color:var(--text-muted); }
/* Mission HQ visual system: layered command-center surfaces without changing behavior. */
body { background-image: radial-gradient(circle at 86% -8%,color-mix(in srgb,#6d28d9 14%,transparent),transparent 32rem),radial-gradient(circle at 12% 105%,color-mix(in srgb,#0891b2 11%,transparent),transparent 30rem); background-attachment: fixed; }
.app-sidebar { border-right-color: color-mix(in srgb,var(--border-standard) 72%,transparent); background: linear-gradient(180deg,color-mix(in srgb,var(--surface-primary) 96%,#11162a),color-mix(in srgb,var(--surface-primary) 91%,#28153b)); box-shadow: .75rem 0 3rem color-mix(in srgb,#050714 8%,transparent); }
.mark { background: linear-gradient(135deg,#d946ef,#7c3aed 48%,#22d3ee); box-shadow: 0 .5rem 1.5rem color-mix(in srgb,#7c3aed 30%,transparent); }
.primary-nav a { position: relative; transition: background .16s ease,color .16s ease,transform .16s ease; }
.primary-nav a:hover { transform: translateX(2px); }
.primary-nav a[aria-current="page"] { background: linear-gradient(90deg,color-mix(in srgb,#c026d3 24%,var(--surface-selected)),color-mix(in srgb,#0891b2 16%,var(--surface-selected))); box-shadow: inset 3px 0 #d946ef; }
.app-main,.app-footer { width: min(100% - 3rem,88rem); }
.page-heading h1,.context-heading h1,.context-header h1 { background: linear-gradient(100deg,var(--text-primary) 15%,color-mix(in srgb,var(--text-primary) 75%,#22d3ee)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.workflow-card,.context-actions,.catalog-item,.release-card,.table-wrap { box-shadow: 0 .75rem 2.25rem color-mix(in srgb,#050714 7%,transparent); }
.workflow-card,.context-actions,.catalog-item,.release-card { border-color: color-mix(in srgb,var(--border-standard) 76%,transparent); }
.catalog-item,.release-card,.workflow-card,.context-actions,.table-wrap,.mission-panel { transition: border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease; }
.catalog-item:hover,.release-card:hover { box-shadow: 0 1.15rem 3rem color-mix(in srgb,#050714 13%,transparent); }
.primary-action { border: 0; background: linear-gradient(110deg,#d946ef,#8b5cf6 47%,#22d3ee); color: #fff; box-shadow: 0 .55rem 1.4rem color-mix(in srgb,#7c3aed 24%,transparent); }
.primary-action:hover { background: linear-gradient(110deg,#e879f9,#a78bfa 47%,#67e8f9); color: #10111a; transform: translateY(-1px); }
.secondary-action,.quiet-button { border-color: color-mix(in srgb,var(--border-strong) 72%,transparent); background: color-mix(in srgb,var(--surface-primary) 75%,transparent); }
input:not([type]),input[type="text"],input[type="url"],input[type="date"],input[type="datetime-local"],input[type="search"],input[type="email"],input[type="number"],textarea,select { border-radius: .7rem; box-shadow: inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent); }
table { background: linear-gradient(145deg,var(--surface-primary),color-mix(in srgb,var(--surface-primary) 96%,#6d28d9)); }
tbody tr { transition: background .14s ease; }
tbody tr:hover { background: color-mix(in srgb,var(--brand-turquoise) 5%,var(--surface-primary)); }
@media (max-width: 43.99rem) {
  .app-shell, html[data-nav-collapsed="true"] .app-shell { display: block; }
  .app-sidebar, html[data-nav-collapsed="true"] .app-sidebar { position: fixed; left: 0; width: min(18rem, 86vw); padding: 1rem; transform: translateX(-105%); box-shadow: var(--shadow-elevated); }
  html[data-nav-open="true"] .app-sidebar { transform: translateX(0); }
  html[data-nav-collapsed="true"] .app-sidebar .nav-label, html[data-nav-collapsed="true"] .app-sidebar .environment, html[data-nav-collapsed="true"] .app-sidebar .nav-group h2, html[data-nav-collapsed="true"] .app-sidebar .theme-control { display: revert; }
  .nav-toggle { display: none; }
  .nav-mobile-toggle { display: inline-flex; align-items: center; gap: .5rem; align-self: flex-start; margin: 1rem 1rem 0; padding: .6rem .8rem; border: 1px solid var(--border-standard); border-radius: .55rem; background: var(--surface-primary); color: var(--text-primary); font-weight: 750; }
  .nav-scrim { position: fixed; inset: 0; z-index: 20; border: 0; background: rgba(0, 0, 0, .55); }
  html[data-nav-open="true"] .nav-scrim { display: block; }
  .mission-panel, .context-heading, .context-header, .context-actions { align-items: flex-start; flex-direction: column; }
  .mission-panel .primary-action { width: 100%; }
  .metric { align-items: flex-start; }
  .table-wrap { border: 0; overflow: visible; }
  table, thead, tbody, tr, th, td { display: block; }
  thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  tbody { display: grid; gap: .75rem; }
  tr { padding: .65rem 1rem; border: 1px solid var(--border-standard); border-radius: .75rem; background: var(--surface-primary); }
  td { display: grid; grid-template-columns: 7.5rem 1fr; gap: .75rem; padding: .55rem 0; border-bottom: 1px solid var(--border-standard); }
  td::before { content: attr(data-label); color: var(--text-muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
  td:last-child { border-bottom: 0; }
  .genre-intelligence-layout { grid-template-columns:1fr; }
  .genre-family-card header,.genre-review-card header { flex-direction:column; }
  .dashboard-heading { align-items:flex-start; flex-direction:column; }
  .command-dashboard { grid-template-columns:1fr; }
  .command-dashboard > *,.command-mission,.dashboard-stat,.dashboard-status-card,.dashboard-command-card,.dashboard-command-card.dashboard-next { grid-column:1; }
  .command-mission { min-height:unset; }
  .dashboard-actions { grid-template-columns:1fr; }
  .dashboard-stat { min-height:11rem; }
  .app-main,.app-footer { width:min(100% - 2rem,88rem); }
}
@media (min-width:44rem) and (max-width:70rem) {
  .command-mission,.dashboard-command-card.dashboard-next { grid-column:span 12; }
  .dashboard-stat,.dashboard-status-card,.dashboard-command-card { grid-column:span 6; }
}