/* Shared public header: preserve the established separator appearance. */
body:not(.admin-entry) .site-tool-header,body:not(.admin-entry) .site-tool-header.is-stuck{min-height:66px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px;padding:9px 18px;border:1px solid #ffffff14;border-radius:13px;background:#100f12f5;color:#f7f4f1;box-shadow:0 12px 32px #0003;backdrop-filter:blur(10px)}
.site-tool-header :is(.audio-converter-brand,.brand-button){display:inline-flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:transparent;color:#f7f4f1;text-decoration:none;font-size:24px;font-weight:850;line-height:1}
.site-tool-header :is(.audio-converter-brand,.brand-button) img{width:44px;height:44px;border-radius:7px}.site-tool-header .brand-tagline{display:none}
.site-tool-header .site-tool-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.site-tool-header .language-picker{margin:0}.site-tool-header .language-menu__button,.site-tool-header [data-theme-toggle]{height:38px;border:1px solid #ffffff33;border-radius:6px;background:#242326;color:#f7f4f1}
.site-tool-header .language-menu__button{min-width:105px}.site-tool-header [data-theme-toggle]{display:inline-flex;align-items:center;justify-content:center;width:38px;padding:0}.site-tool-header [data-theme-toggle]::after{display:none}
.site-tool-header :is(.user-chip,.vocal-user-chip,.audio-converter-user-chip){max-width:min(320px,35vw);height:36px;display:inline-flex;align-items:center;gap:8px;margin:0;padding:0 10px 0 6px;border:1px solid #ffffff33;border-radius:999px;background:#fff;color:#2f2940;text-decoration:none}
.site-tool-header :is(.user-avatar,.vocal-user-avatar,.audio-converter-user-avatar){width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#7028f4;color:#fff;font-size:13px;font-weight:850}
.site-tool-header :is(.user-name,.vocal-user-name,.audio-converter-user-name){min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f2940;font-size:14px;font-weight:650}
.site-tool-header-actions :is(.ghost,.vocal-auth-button,.vocal-logout,.audio-converter-nav-button){min-width:58px;height:36px;padding:0 12px;border:1px solid #ffffff33;border-radius:6px;background:#242326;color:#f7f4f1;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.site-tool-header .tool-switcher{margin:0;--tool-switcher-line:#ffffff33;--tool-switcher-panel:#242326;--tool-switcher-text:#f7f4f1;--tool-switcher-muted:#bbb4ae}.site-tool-header .tool-switcher summary{background:transparent}.site-tool-header .tool-switcher__item-icon{border-color:#ffffff1a;background:#343236;color:#fffaf5}.site-tool-header .tool-switcher__item-icon::after{background:#7028f4}.site-tool-header .tool-switcher__current{background:#7028f433;color:#c4a6ff}
@media(max-width:700px){body:not(.admin-entry) .site-tool-header,body:not(.admin-entry) .site-tool-header.is-stuck{display:flex;gap:8px;padding:9px}.site-tool-header :is(.audio-converter-brand,.brand-button){font-size:20px}.site-tool-header :is(.audio-converter-brand,.brand-button) img{width:36px;height:36px}.site-tool-header .tool-switcher{margin-left:auto}.site-tool-header .site-tool-header-actions{width:100%;margin:0;flex-wrap:wrap}.site-tool-header .language-picker{margin:0}.site-tool-header :is(.user-chip,.vocal-user-chip,.audio-converter-user-chip){max-width:100%;margin-left:auto}.site-tool-header .tool-switcher summary{min-width:108px;font-size:12px}}
/* Override legacy page-specific flex ordering through this common parent. */
body:not(.admin-entry) .site-tool-header > :is(.audio-converter-brand,.brand-button){order:1}body:not(.admin-entry) .site-tool-header > .tool-switcher{order:2}body:not(.admin-entry) .site-tool-header > .site-tool-header-actions{order:3}
body:not(.admin-entry) .site-tool-header-actions > .language-picker{order:1}body:not(.admin-entry) .site-tool-header-actions > [data-theme-toggle]{order:2}body:not(.admin-entry) .site-tool-header-actions > :is(.user-chip,.vocal-user-chip,.audio-converter-user-chip){order:3}body:not(.admin-entry) .site-tool-header-actions > :is(button,a){order:4}

/* The shared toolbar stays dark in both themes; its account badge stays white. */
html body:not(.admin-entry) .site-tool-header :is(.brand-wordmark,[data-brand-wordmark],.audio-converter-brand strong){color:#f7f4f1}
html body:not(.admin-entry) .site-tool-header :is(.user-chip,.vocal-user-chip,.audio-converter-user-chip){background:#fff;color:#2f2940;border-color:#e4dcec}
html body:not(.admin-entry) .site-tool-header :is(.user-name,.vocal-user-name,.audio-converter-user-name){color:#2f2940}
/* Keep each account's avatar gradient while making its white initial legible. */
html body:not(.admin-entry) .site-tool-header :is(.user-avatar,.vocal-user-avatar,.audio-converter-user-avatar){color:#fff;box-shadow:inset 0 0 0 999px #00000059}
html body:not(.admin-entry) .site-tool-header :is(.language-menu__button,[data-theme-toggle]){background:#242326;color:#f7f4f1}
html body:not(.admin-entry) .site-tool-header .language-menu__chevron{color:#d4ccdc}
html body:not(.admin-entry) .site-tool-header :is(button,a,summary):focus-visible{outline:2px solid #c4a6ff;outline-offset:3px}

/* Keep shared menus within the viewport and retain the theme control while sticky. */
body:not(.admin-entry) .site-tool-header .tool-switcher__menu{left:0;right:auto}
body:not(.admin-entry) .site-tool-header [data-theme-toggle]{display:inline-flex!important}
@media(max-width:700px){body:not(.admin-entry) .site-tool-header .tool-switcher__menu{left:auto;right:0;width:min(280px,calc(100vw - 36px))}}

/* Shared plan copy and supporting labels follow the actual workspace surface. */
html[data-theme="light"] body:not(.admin-entry):has(.site-tool-header){--pd-muted:#675d72}
html[data-theme="dark"] body:not(.admin-entry) .billing-notice,
html[data-theme="dark"] body:not(.admin-entry) .billing-notice span{color:#bce8df}
html[data-theme="dark"] body:not(.admin-entry) .plan-discount{color:#dcc5ff;border-color:#9877c9;background:#3a2456}
html[data-theme="dark"] body:not(.admin-entry) .audio-converter-kicker{color:#e7dcf6;background:#343039}
html[data-theme="dark"] body:not(.admin-entry) .audio-converter-trust-row span{color:#bbb4ae}