/* OMU studio theme — maintained here alongside css/omu-am.css. */
/* ---------- 1. Light interface tokens ---------- */
html.omu-ams {
  color-scheme: light;
  --am-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
  --am-bg: #ffffff;
  --am-bg-2: #f5f5f7;
  --am-elev: #ffffff;
  --am-sidebar: rgba(244, 244, 246, .78);
  --am-glass: rgba(255, 255, 255, .72);
  --am-fill: rgba(0, 0, 0, .045);
  --am-fill-2: rgba(0, 0, 0, .08);
  --am-fill-3: rgba(0, 0, 0, .12);
  --am-text: rgba(0, 0, 0, .88);
  --am-text-2: rgba(0, 0, 0, .56);
  --am-text-3: rgba(0, 0, 0, .42);
  --am-sep: rgba(0, 0, 0, .1);
  --am-hairline: rgba(0, 0, 0, .08);
  --am-key:var(--omu-primary, #6D3BE8);           /* OMU rose — decorative */
  --am-key-ink:var(--omu-primary-ink, #572FBA);       /* text / small marks (AA on white + tinted fills) */
  --am-key-fill:var(--omu-primary, #6D3BE8);      /* filled buttons (AA with white text) */
  --am-key-fill-2:var(--omu-primary-hover, #5D32C5);
  --am-key-soft:rgba(var(--omu-primary-rgb, 109, 59, 232), .11);
  --am-key-soft-2:rgba(var(--omu-primary-rgb, 109, 59, 232), .18);
  --am-on-key: #ffffff;
  --am-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .05);
  --am-shadow: 0 8px 30px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .05);
  --am-shadow-lg: 0 24px 70px rgba(0, 0, 0, .18), 0 6px 18px rgba(0, 0, 0, .08);
  --am-r-sm: 6px;
  --am-r: 10px;
  --am-r-lg: 16px;
  --am-r-xl: 22px;
  --am-sidebar-w: 240px;
  --am-gutter: 40px;
  --am-content-max: 1400px;
  --am-ease: cubic-bezier(.32, .72, 0, 1);
  /* Map the legacy design-system tokens onto v3 so untouched pages follow along. */
  --omu-bg: var(--am-bg);
  --omu-surface: var(--am-elev);
  --omu-surface-soft: var(--am-bg-2);
  --omu-text: #1d1d1f;
  --omu-muted: #6e6e73;
  --omu-border: #e3e3e8;
  --omu-accent: var(--am-key-fill);
  --omu-accent-hover: var(--am-key-fill-2);
  --omu-accent-soft: var(--am-key-soft);
  --omu-shadow: var(--am-shadow-sm);
  --omu-dialog-shadow: var(--am-shadow-lg);
}


/* ---------- 4. Mobile chrome (< 1024) ---------- */
@media (max-width: 1023.98px) {
  html.omu-ams body.omu-interface-v2 .omu-unified-header {
    background: var(--am-glass) !important;
    -webkit-backdrop-filter: saturate(180%) blur(24px) !important;
    backdrop-filter: saturate(180%) blur(24px) !important;
    border-bottom: 1px solid var(--am-hairline) !important;
  }
  html.omu-ams body.omu-interface-v2 .omu-unified-header .omu-header-random {
    background: var(--am-key-soft) !important; border: 0 !important; color: var(--am-key-ink) !important;
    font-weight: 650 !important;
  }
  html.omu-ams body.omu-interface-v2 .omu-unified-header .omu-icon-button,
  html.omu-ams body.omu-interface-v2 .omu-unified-header .omu-icon-button svg,
  html.omu-ams body.omu-interface-v2 .omu-unified-header #notifMobileFabIcon { color: var(--am-text) !important; }
  html.omu-ams body.omu-interface-v2 .omu-unified-bottom {
    background: var(--am-glass) !important;
    -webkit-backdrop-filter: saturate(180%) blur(24px);
    backdrop-filter: saturate(180%) blur(24px);
    border-top: 1px solid var(--am-hairline) !important;
  }
  html.omu-ams body.omu-interface-v2 .omu-unified-bottom a { color: var(--am-text-2) !important; font-weight: 600; letter-spacing: -.01em; }
  html.omu-ams body.omu-interface-v2 .omu-unified-bottom a[aria-current="page"] { color: var(--am-key-ink) !important; }
  html.omu-ams body.omu-interface-v2 .omu-site-navigation.omu-header { display: none !important; }
}

/* Slide-over menu */
html.omu-ams #omuUnifiedPublicMenu { background: var(--am-bg) !important; color: var(--am-text) !important; border-color: var(--am-sep) !important; font-family: var(--am-font) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-top { border-color: var(--am-sep) !important; }
html.omu-ams #omuUnifiedPublicMenu h2 { color: var(--am-text) !important; font-weight: 750; }
html.omu-ams #omuUnifiedPublicMenu :is(.omu-menu-eyebrow, h3) { color: var(--am-text-2) !important; }
html.omu-ams #omuUnifiedPublicMenu [data-omu-menu-close] { color: var(--am-text-2) !important; background: var(--am-fill) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-features a { background: var(--am-key-soft) !important; border: 0 !important; color: var(--am-key-ink) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-features a + a { background: var(--am-fill) !important; color: var(--am-text) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-features span { color: var(--am-text-2) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-row { border-color: var(--am-sep) !important; color: var(--am-text) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-row :is(svg, .omu-menu-plan-icon) { color: var(--am-key-ink) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-join { background: var(--am-fill) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-join p { color: var(--am-text-2) !important; }
html.omu-ams #omuUnifiedPublicMenu .omu-menu-join a { background: var(--am-key-fill) !important; border-radius: 999px !important; }
html.omu-ams #omuUnifiedPublicMenu :is(.omu-menu-legal, .omu-visible-logout) { color: var(--am-text-2) !important; border-color: var(--am-sep) !important; }

/* Desktop dropdown menu (kept for pages that still show it) */
html.omu-ams .omu-header-menu-panel { background: var(--am-elev) !important; border-color: var(--am-sep) !important; color: var(--am-text) !important; }

/* Toast */
html.omu-ams .omu-listening-status {
  background: color-mix(in srgb, var(--am-elev) 88%, transparent) !important; color: var(--am-text) !important;
  border: 1px solid var(--am-hairline) !important; border-radius: 14px !important;
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: var(--am-shadow) !important;
}


/* ---------- 6. Footer ---------- */
html.omu-ams .omu-site-footer {
  margin-top: 56px !important;
  background: var(--am-bg-2) !important; color: var(--am-text-2) !important;
  border-top: 1px solid var(--am-hairline) !important;
  font-family: var(--am-font) !important;
}
html.omu-ams .omu-site-footer :is(h2, h3, strong, .omu-site-footer__section-title) { color: var(--am-text) !important; }
html.omu-ams .omu-site-footer :is(p, dd, dt, span, small, .omu-site-footer__muted, .omu-site-footer__tagline) { color: var(--am-text-2) !important; }
html.omu-ams .omu-site-footer a { color: var(--am-text) !important; }
html.omu-ams .omu-site-footer a:hover { color: var(--am-key-ink) !important; }
html.omu-ams .omu-site-footer :is(.omu-site-footer__bottom, .omu-site-footer__grid, .omu-site-footer__section) { border-color: var(--am-hairline) !important; }
html.omu-ams .omu-site-footer .omu-site-footer__link.is-primary { color: var(--am-key-ink) !important; }
html.omu-ams .omu-site-footer__inner { max-width: var(--am-content-max) !important; padding-inline: var(--am-gutter) !important; }
@media (max-width: 739.98px) { html.omu-ams .omu-site-footer__inner { padding-inline: 20px !important; } }


/* ---------- 7. Login modal ---------- */
html.omu-ams #loginModal [data-omu-backdrop] { background: rgba(0, 0, 0, .32) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html.omu-ams #loginModal [data-omu-modal-panel] {
  background: var(--am-elev) !important; color: var(--am-text) !important;
  border: 1px solid var(--am-hairline) !important; border-radius: 24px !important; box-shadow: var(--am-shadow-lg) !important;
  font-family: var(--am-font);
}
html.omu-ams #loginModal h2 { color: var(--am-text) !important; letter-spacing: -.03em; }
html.omu-ams #loginModal p { color: var(--am-text-2) !important; }
html.omu-ams #loginModal [data-omu-provider="google"] { border: 1px solid var(--am-sep) !important; }
html.omu-ams #loginModal [data-omu-provider] { border-radius: 14px !important; font-weight: 600 !important; }


/* ---------- 8. Global player — floating glass dock ---------- */
@media (min-width: 1024px) {
  html.omu-ams #globalPlayer:not(.player-expanded) {
    right: max(24px, calc((100vw - var(--am-sidebar-w) - 560px) / 2)) !important;
    width: min(560px, calc(100vw - var(--am-sidebar-w) - 48px)) !important;
    max-width: 560px !important;
    bottom: max(22px, env(safe-area-inset-bottom)) !important;
  }
}
html.omu-ams #globalPlayer, html.omu-ams #playerPlaylistPanel, html.omu-ams #globalLyricsPanel,
html.omu-ams #globalRadioChannelPicker, html.omu-ams #globalRadioLoadingOverlay, html.omu-ams #autoPipConsentModal {
  font-family: var(--am-font) !important; color: var(--am-text);
}
html.omu-ams #minimizedPlayer {
  background: var(--am-glass) !important;
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
  border: 1px solid var(--am-hairline) !important;
  border-radius: 22px !important;
  box-shadow: var(--am-shadow), 0 0 0 .5px rgba(0,0,0,.04) !important;
}
html.omu-ams #minimizedPlayer .minimized-shell { background: transparent !important; }
html.omu-ams #minimizedPlayer .minimized-disc { border-radius: 10px !important; background: var(--am-fill) !important; box-shadow: 0 2px 8px rgba(0,0,0,.14) !important; }
html.omu-ams #minimizedPlayer .minimized-title { color: var(--am-text) !important; font-weight: 600 !important; }
html.omu-ams #minimizedPlayer .minimized-artist { color: var(--am-text-2) !important; }
html.omu-ams #minimizedPlayer .minimized-controls button { color: var(--am-text) !important; background: transparent !important; }
html.omu-ams #minimizedPlayer .minimized-controls button:hover { background: var(--am-fill) !important; }
html.omu-ams #minimizedPlayer .minimized-controls .minimized-play-toggle { background: var(--am-key-fill) !important; color: #fff !important; box-shadow: 0 4px 14px color-mix(in srgb, var(--am-key-fill) 35%, transparent) !important; }
html.omu-ams #minimizedProgress { background: transparent !important; left: 18px !important; right: 18px !important; bottom: 4px !important; height: 2px !important; border-radius: 2px; }
html.omu-ams #minimizedProgress span { background: var(--am-key) !important; border-radius: 2px; }

html.omu-ams #playerContainer { background: var(--am-elev) !important; border-color: var(--am-hairline) !important; border-radius: 26px !important; box-shadow: var(--am-shadow-lg) !important; }
html.omu-ams :is(#playerThumbnailArea, #playerInfoOverlay, #playerControlsOverlay, #playerBottomControls) { background: var(--am-elev) !important; }
html.omu-ams #playerTitle { color: var(--am-text) !important; letter-spacing: -.03em; }
html.omu-ams :is(#playerArtist, #playerCreator, #playerTimeDisplay) { color: var(--am-text-2) !important; }
html.omu-ams #playerControlsOverlay button { color: var(--am-text) !important; }
html.omu-ams #playerControlsOverlay #playPauseBtn { background: var(--am-key-fill) !important; color: #fff !important; box-shadow: 0 8px 22px color-mix(in srgb, var(--am-key-fill) 35%, transparent); }
html.omu-ams #playerBottomControls button { background: var(--am-fill) !important; color: var(--am-text-2) !important; }
html.omu-ams #playerTopControls button { background: var(--am-glass) !important; color: var(--am-text) !important; border-color: var(--am-hairline) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
html.omu-ams #progressContainer { background: linear-gradient(var(--am-fill-2), var(--am-fill-2)) center / 100% 4px no-repeat !important; }
html.omu-ams #progressBar, html.omu-ams #progressBar > div { background: var(--am-key) !important; }
html.omu-ams #globalPlayer [aria-pressed="true"] { color: var(--am-key-ink) !important; }
html.omu-ams :is(#shuffleStateBadge, #repeatModeBadge) { color: var(--am-key-ink) !important; }
html.omu-ams #volumeSlider { accent-color: var(--am-key); }
html.omu-ams :is(#globalPlayer, #playerPlaylistPanel, #globalRadioChannelPicker) :is(button, select):focus-visible { outline: 3px solid color-mix(in srgb, var(--am-key) 70%, transparent) !important; outline-offset: 2px; }
html.omu-ams .player-volume-control > div { background: var(--am-elev) !important; border-color: var(--am-sep) !important; }

/* Radio picker, playlist, lyrics, loading dialogs */
html.omu-ams :is(#playlistBackdrop, .radio-picker-backdrop, .radio-loading-backdrop) { background: rgba(0, 0, 0, .34) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html.omu-ams #globalRadioChannelPicker .radio-picker-card,
html.omu-ams #globalRadioLoadingOverlay .radio-loading-card,
html.omu-ams #playerPlaylistSheet,
html.omu-ams #globalLyricsSheet,
html.omu-ams #autoPipConsentModal > .relative > div {
  background: var(--am-elev) !important; color: var(--am-text) !important; border-color: var(--am-hairline) !important;
  border-radius: 26px; box-shadow: var(--am-shadow-lg) !important;
}
html.omu-ams .radio-picker-head { background: var(--am-elev) !important; }
html.omu-ams .radio-picker-body, html.omu-ams #playlistLibrarySection { background: var(--am-bg-2) !important; }
html.omu-ams :is(.radio-filter-bar, .playlist-workspace-header, #playlistLibrarySection, .radio-favorite-btn) { border-color: var(--am-sep) !important; }
html.omu-ams :is(#globalRadioChannelPicker h3, .radio-loading-head h3, .playlist-workspace-title, #globalLyricsHeading, #globalLyricsTitleCard h3, .radio-section-heading b, .radio-station-title-row strong, .playlist-item-title, .playlist-section-title, .playlist-empty-state strong) { color: var(--am-text) !important; }
html.omu-ams :is(#globalRadioChannelPicker p, .radio-loading-head p, .radio-filter-field label, .radio-station-service, .radio-station-meta, .radio-section-heading small, .playlist-workspace-subtitle, .playlist-item-artist, .playlist-field-label, #globalLyricsMeta, .radio-picker-empty, .playlist-empty-state) { color: var(--am-text-2) !important; }
html.omu-ams #globalRadioChannelPicker .radio-channel-card,
html.omu-ams #playerPlaylistItems [data-playlist-item],
html.omu-ams .playlist-library-card { background: var(--am-elev) !important; border-color: var(--am-hairline) !important; border-radius: 14px; }
html.omu-ams #globalRadioChannelPicker .radio-channel-card:hover { border-color: color-mix(in srgb, var(--am-key) 45%, transparent) !important; box-shadow: var(--am-shadow-sm); }
html.omu-ams .radio-station-logo { background: var(--am-bg) !important; border-color: var(--am-hairline) !important; color: var(--am-key-ink) !important; }
html.omu-ams :is(.radio-picker-close, #playlistCloseBtn, #lyricsCopyBtn, #lyricsCloseBtn, .radio-loading-body button) { background: var(--am-fill) !important; color: var(--am-text-2) !important; border-color: transparent !important; }
html.omu-ams :is(.radio-filter-field select, #playerPlaylistPanel input, #playerPlaylistPanel select) { background: var(--am-bg) !important; color: var(--am-text) !important; border-color: var(--am-sep) !important; }
html.omu-ams .radio-favorite-btn { background: transparent !important; color: var(--am-text-2) !important; }
html.omu-ams .radio-favorite-btn[aria-pressed="true"] { color: var(--am-key-ink) !important; background: var(--am-key-soft) !important; }
html.omu-ams .radio-library-tabs button { background: var(--am-fill) !important; color: var(--am-text-2) !important; border-color: transparent !important; border-radius: 999px !important; }
html.omu-ams .radio-library-tabs button[aria-pressed="true"] { background: var(--am-text) !important; color: var(--am-bg) !important; }
html.omu-ams .radio-section-heading > button, html.omu-ams #playlistCount, html.omu-ams .playlist-workspace-icon { background: var(--am-key-soft) !important; color: var(--am-key-ink) !important; }
html.omu-ams :is(.radio-recommend-badge, .playlist-item-state) { color: var(--am-key-ink) !important; }
html.omu-ams .radio-station-meta .live { color: var(--am-key-ink) !important; }
html.omu-ams #savePlaylistBtn { background: var(--am-key-fill) !important; border-color: var(--am-key-fill) !important; color: #fff !important; }
html.omu-ams #playerPlaylistItems [data-playlist-item].is-active { background: var(--am-key-soft) !important; border-color: color-mix(in srgb, var(--am-key) 35%, transparent) !important; }
html.omu-ams :is(.playlist-quick-actions button, .playlist-actions button) { background: var(--am-fill) !important; color: var(--am-text) !important; border-color: transparent !important; }
html.omu-ams #globalLyricsContent { background: var(--am-bg-2) !important; color: var(--am-text) !important; }
html.omu-ams .radio-loading-placeholder { background: var(--am-fill-2) !important; }
html.omu-ams #playerRadioBadge { background: var(--am-elev) !important; color: var(--am-key-ink) !important; border-color: var(--am-key-soft-2) !important; }


/* ---------- S1. Studio: light-only theme on top of the shared v3 tokens ---------- */
html.omu-ams { color-scheme: light; }
html.omu-ams,
html.omu-ams body.omu-interface-v2 {
  --omu-bg: #ffffff;
  --omu-surface: #ffffff;
  --omu-surface-soft: #f5f5f7;
  --omu-border: #e5e5ea;
  --omu-text: #1d1d1f;
  --omu-muted: #6e6e73;
}
html.omu-ams body.omu-interface-v2 {
  background: #ffffff !important;
  color: var(--am-text) !important;
  font-family: var(--am-font) !important;
  letter-spacing: -.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.omu-ams body.omu-interface-v2 :is(button, input, select, textarea) { font-family: inherit; }
html.omu-ams body.omu-interface-v2 main { background: #ffffff !important; }
html.omu-ams body.omu-interface-v2 :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--am-key) 60%, transparent) !important;
  outline-offset: 2px;
}
html.omu-ams ::selection { background: var(--am-key-soft-2); }

/* ---------- S2. Studio sidebar → Apple Music style ---------- */
html.omu-ams .omu-workspace-sidebar {
  background: rgba(244, 244, 246, .82) !important;
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
  border-right: 1px solid var(--am-hairline) !important;
}
html.omu-ams .omu-workspace-brand { height: 76px; padding: 0 20px; }
html.omu-ams .omu-workspace-brand > a { gap: 8px !important; }
html.omu-ams .omu-workspace-brand .omu-brand-wordmark {
  font-size: 0 !important; letter-spacing: 0 !important; line-height: 1;
}
html.omu-ams .omu-workspace-brand .omu-brand-wordmark::after {
  content: "Studio"; font-size: 22px; font-weight: 650; letter-spacing: -.035em; color: var(--am-text);
}
html.omu-ams .omu-workspace-navigation { padding: 4px 12px 20px !important; scrollbar-width: none; }
html.omu-ams .omu-workspace-navigation::-webkit-scrollbar { display: none; }
html.omu-ams .omu-nav-link {
  min-height: 36px !important; margin: 1px 0 !important; padding: 7px 10px !important; gap: 10px !important;
  border-radius: 8px !important; color: var(--am-text) !important;
  font-size: 13.5px !important; font-weight: 500 !important; letter-spacing: -.01em;
  transition: background .15s;
}
html.omu-ams .omu-nav-link:hover { background: var(--am-fill) !important; }
html.omu-ams .omu-nav-link svg { width: 19px !important; height: 19px !important; color: var(--am-key-ink); opacity: 1 !important; }
html.omu-ams .omu-nav-link.is-active { background: var(--am-key-soft) !important; color: var(--am-key-ink) !important; font-weight: 650 !important; }
html.omu-ams .omu-nav-group { margin: 10px 0 0 !important; }
html.omu-ams .omu-nav-group > summary {
  min-height: 30px !important; padding: 6px 10px !important; border-radius: 8px !important;
  color: var(--am-text-3) !important; font-size: 11.5px !important; font-weight: 650 !important; letter-spacing: .01em;
}
html.omu-ams .omu-nav-group > summary:hover { background: var(--am-fill) !important; color: var(--am-text-2) !important; }
html.omu-ams .omu-nav-subitems { gap: 1px !important; margin-left: 0 !important; padding: 2px 0 6px !important; border-left: 0 !important; }
html.omu-ams .omu-nav-subitems > :is(a, button) {
  min-height: 34px !important; padding: 6px 10px 6px 12px !important; border-radius: 8px !important;
  color: var(--am-text) !important; font-size: 13px !important; font-weight: 500;
}
html.omu-ams .omu-nav-subitems > :is(a, button):hover { background: var(--am-fill) !important; }
html.omu-ams .omu-nav-subitems > [aria-current=page] { background: var(--am-key-soft) !important; color: var(--am-key-ink) !important; font-weight: 650 !important; }
html.omu-ams .omu-workspace-account { margin: 0 12px !important; padding: 14px 0 !important; border-top: 1px solid var(--am-sep) !important; }
html.omu-ams .omu-account-name { color: var(--am-text) !important; font-weight: 650 !important; }
html.omu-ams .omu-credit-link { color: var(--am-key-ink) !important; font-weight: 650 !important; }
html.omu-ams .omu-account-details > :is(a, button) { min-height: 36px !important; padding: 8px 6px !important; border-radius: 8px; color: var(--am-text-2) !important; }
html.omu-ams .omu-account-details > :is(a, button):hover { background: var(--am-fill); color: var(--am-text) !important; }
html.omu-ams .omu-workspace-account :is(.omu-button--primary, a[href*="login"], button[onclick*="loginModal"], button[onclick*="openStudioAuthModal"]) {
  border-radius: 999px !important; min-height: 38px !important;
}

/* ---------- S3. Page chrome: breadcrumb, titles, sections ---------- */
html.omu-ams .omu-workspace-breadcrumb { color: var(--am-text-2) !important; font-size: 12.5px !important; }
html.omu-ams .omu-workspace-breadcrumb > a { color: var(--am-text-2) !important; }
html.omu-ams .omu-workspace-breadcrumb > a:hover { color: var(--am-key-ink) !important; }
html.omu-ams body.omu-interface-v2 main h1 { font-size: clamp(28px, 2.6vw, 34px) !important; font-weight: 800 !important; letter-spacing: -.035em !important; line-height: 1.2 !important; }
html.omu-ams body.omu-interface-v2 main h2 { letter-spacing: -.03em !important; }
html.omu-ams body.omu-interface-v2 :is(.omu-collection-eyebrow, .creation-zone-hero__kicker, [class*="eyebrow"], [class*="kicker"]) {
  color: var(--am-text-2) !important; letter-spacing: .02em !important; font-weight: 650 !important;
}

/* ---------- S4. Buttons ---------- */
html.omu-ams body.omu-interface-v2 :is(.omu-button--primary, .omu-collection-primary, button[type=submit].bg-purple-500, button[type=submit].bg-purple-600) {
  border-radius: 999px !important; box-shadow: 0 1px 2px rgb(0 0 0 / 7%) !important;
}
html.omu-ams body.omu-interface-v2 .omu-button { border-radius: 999px !important; }
html.omu-ams body.omu-interface-v2 .omu-button:not(.omu-button--primary) { background: var(--am-fill) !important; border-color: transparent !important; color: var(--am-text) !important; }
html.omu-ams body.omu-interface-v2 .omu-button:not(.omu-button--primary):hover { background: var(--am-fill-2) !important; }

/* ---------- S5. Inputs ---------- */
html.omu-ams body.omu-interface-v2 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), select, textarea) {
  border-radius: 10px !important; border-color: var(--am-sep) !important; background: #fff !important;
}
html.omu-ams body.omu-interface-v2 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea):focus {
  border-color: color-mix(in srgb, var(--am-key) 55%, transparent) !important;
  box-shadow: 0 0 0 3px var(--am-key-soft) !important; outline: none !important;
}
html.omu-ams body.omu-interface-v2 :is(input[type=checkbox], input[type=radio], input[type=range], progress) { accent-color: var(--am-key-fill); }

/* ---------- S6. Chips / segmented filters ---------- */
html.omu-ams body.omu-interface-v2 :is(.explore-filter-chip, .creation-chip, [class*="-chip"]):not(input) {
  border-radius: 999px !important;
}
html.omu-ams body.omu-interface-v2 .explore-filter-chip { border: 0 !important; background: var(--am-fill) !important; color: var(--am-text) !important; font-weight: 550 !important; }
html.omu-ams body.omu-interface-v2 .explore-filter-chip:hover { background: var(--am-fill-2) !important; }
html.omu-ams body.omu-interface-v2 .explore-filter-chip.is-active { background: var(--am-text) !important; color: #fff !important; }

/* ---------- S7. Cards & panels: hairline, softer radius ---------- */
html.omu-ams body.omu-interface-v2 .omu-studio-right-panel-section,
html.omu-ams body.omu-interface-v2 .omu-studio-right-panel-board { border-color: var(--am-hairline) !important; border-radius: 16px !important; }
html.omu-ams body.omu-interface-v2 :is(.omu-page-card, .song-card, .playlist-card, .album-card, .omu-collection-card) { border-color: var(--am-hairline) !important; }
html.omu-ams body.omu-interface-v2 :is(.song-card, .playlist-card, .album-card) img { border-radius: var(--am-r) ; }

/* ---------- S8. Shell loading screen (workspace frame) ---------- */
html.omu-ams .shell-loading-card { font-family: var(--am-font); }
html.omu-ams .shell-loading-badge.omu-brand-wordmark { font-size: 0 !important; }
html.omu-ams .shell-loading-badge.omu-brand-wordmark::after { content: "Studio"; font-size: 18px; font-weight: 650; letter-spacing: -.03em; color: var(--am-text); }
html.omu-ams .shell-loading-progress span { background: var(--am-key) !important; }

html.omu-ams { --am-sidebar-w: 224px; }

/* Legacy tool accents, aligned with the public interface. */
html.omu-ams body.omu-collections-page{--collection-accent:var(--omu-accent, var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .omu-collection-primary{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .omu-collection-primary:hover{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .song-card.is-selected{background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .omu-collection-menu-panel :is(.is-liked,.playlist-card__save){color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .omu-collection-menu-panel .playlist-card__save{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page :is(#librarySearchInput,.explore-search-input,.library-title-edit-input,.playlist-card__name-input):focus-visible{outline:3px solid rgba(var(--omu-primary-rgb, 109, 59, 232), .18)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page #libraryBulkBar{border-color:var(--omu-primary-border, #DCD0F9)!important;background:var(--omu-primary-soft, #F5F1FD)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page #libraryBulkBar>div>div:first-child{color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page #libraryBulkBar button{border-color:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page #emptyState>div:first-child{color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page #emptyState>div:first-child svg{color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .explore-search-shell form>button{border-color:var(--omu-primary, #6D3BE8)!important;background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page .explore-filter-chip.is-active{background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary-border, #DCD0F9)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.omu-collections-page :is(.library-pagination-btn,.explore-pagination-btn).is-active{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams #hfRoot{--hf-accent:var(--omu-primary, #6D3BE8)!important;--hf-focus:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams #hfRoot .hf-btn-primary:hover{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams #hfRoot .hf-empty-icon{background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams #hfRoot .hf-choice input:checked+.hf-choice-content{background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams #hfRoot .hf-job-badge{background:var(--omu-primary-soft, #F5F1FD)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams #hfRoot .hf-progress li.is-done{border-color:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams #hfRoot .hf-song-option.is-active{background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams #hfRoot .hf-render-progress{background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams #hfRoot .hf-render-bar{background:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams #hfRoot .hf-render-activity::before{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-interface-v2 :is(.creation-zone-hero,.creation-zone-workflow,.creation-optional-panel,#studioZoneSearch,#creationProgressGuide,#loadingModal,#resultModal,#lyricsInfoModal,#errorModal){--create-tint:color-mix(in srgb,var(--omu-accent,#d83451) 8%,var(--omu-surface,#fff))!important}
html.omu-ams .omu-interface-v2 .creation-zone-hero__kicker{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-progress-guide__step.is-active .creation-progress-guide__num{background:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-step-index{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-zone-workflow :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--omu-accent,var(--omu-primary, #6D3BE8)) 22%,transparent)!important;border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-beginner-defaults__button.is-active{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important;color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .omu-sound-keyword-card.is-active{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-generate-btn, html.omu-ams .omu-interface-v2 .mobile-create-action-btn{background:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-zone-workflow button:focus-visible, html.omu-ams .omu-interface-v2 summary:focus-visible{outline:3px solid color-mix(in srgb,var(--omu-accent,var(--omu-primary, #6D3BE8)) 28%,transparent)!important}
html.omu-ams .omu-interface-v2 #topCategoryCardContainer>.omu-top-category-card--active{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 #inlineItemRail .inline-item-btn[aria-pressed=true]{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important;box-shadow:inset 3px 0 var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 #resultPlayBtn{background:var(--omu-accent,var(--omu-primary, #6D3BE8))!important;border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .omu-generation-modal-wave span{background:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 #inlineSubcategoryRail>button[aria-pressed=true]{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams .omu-interface-v2 .creation-zone-workflow .text-purple-400{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams{--omu-accent:var(--omu-primary, #6D3BE8)!important;--omu-accent-hover:var(--omu-primary-hover, #5D32C5)!important;--omu-accent-soft:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams body.omu-interface-v2 :is(input,textarea,select):focus{box-shadow:0 0 0 3px rgba(var(--omu-primary-rgb, 109, 59, 232), 12%)!important}
html.omu-ams body.omu-interface-v2 .omu-guided-tour-target{box-shadow:0 0 0 7px rgba(var(--omu-primary-rgb, 109, 59, 232), 8%)!important}
html.omu-ams body.omu-interface-v2 .omu-guided-tour__hint{border-color:var(--omu-primary-border, #DCD0F9)!important;color:var(--omu-primary-hover, #5D32C5)!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-eyebrow{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-search:focus-within{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important;outline:3px solid color-mix(in srgb,var(--omu-accent,var(--omu-primary, #6D3BE8)) 16%,transparent)!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-filters button[aria-pressed=true]{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important;background:color-mix(in srgb,var(--omu-accent,var(--omu-primary, #6D3BE8)) 8%,var(--omu-surface,#fff))!important;border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-card:hover{border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-card:focus-visible, html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-filters button:focus-visible{outline:3px solid color-mix(in srgb,var(--omu-accent,var(--omu-primary, #6D3BE8)) 28%,transparent)!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page .premium-browse-open{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-tools-hub-page #premiumToolReset{background:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-tool-back-btn{color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-service-page .tool-panel :is(input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--omu-accent,var(--omu-primary, #6D3BE8)) 20%,transparent)!important;border-color:var(--omu-accent,var(--omu-primary, #6D3BE8))!important}
html.omu-ams body.omu-interface-v2.premium-service-page .tool-panel .tool-desc::before{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .tool-panel :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .tool-panel :is(button,a):focus-visible{outline:3px solid rgba(var(--omu-primary-rgb, 109, 59, 232), .2)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.thumb2-tool-button,.thumb-template-card,.thumb-text-style-card,.visualizer-song-card,.visualizer-template-card,.visualizer-template-filter,.visualizer-segment,.visualizer-toggle,.yt-video-option).is-active, html.omu-ams body.omu-interface-v2.premium-service-page :is(.thumb2-tool-button,.thumb-template-card,.thumb-text-style-card).active, html.omu-ams body.omu-interface-v2.premium-service-page :is(.thumb-canvas-layer-chip,.thumb-canvas-toolbar-pill).is-active{background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary, #6D3BE8)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .tool-panel :is(.stitch-primary-btn,.stitch-download-btn,.dj-action-btn-primary,.visualizer-action-btn-primary,.yt-action-primary,.yt-mini-action-primary,.blog-action-primary,.composition-primary-btn){background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .tool-panel :is(.stitch-primary-btn,.stitch-download-btn,.dj-action-btn-primary,.visualizer-action-btn-primary,.yt-action-primary,.yt-mini-action-primary,.blog-action-primary,.composition-primary-btn):hover{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.yt-onboarding-icon,.yt-brand-mark,.yt-access-tag,.yt-tour-head span,.yt-onboarding-steps span,.visualizer-template-family){background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary-border, #DCD0F9)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.visualizer-progress-fill,.composition-score-meter span,.yt-tour-progress span){background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.visualizer-range,.dj-range,.dj-knob)::-webkit-slider-thumb{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.visualizer-range,.dj-range,.dj-knob)::-moz-range-thumb{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools{--rv-blue:var(--omu-primary, #6D3BE8)!important;--rv-rose:var(--omu-primary, #6D3BE8)!important;--rv-gold:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools :is(.rv-mode-tab,.rv-render-mode-tab,.rv-family-pill).is-active, html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-song-card.is-selected{background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary, #6D3BE8)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-create-btn{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-create-btn:hover{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-template-category.is-active{background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary-border, #DCD0F9)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-check-list i{border-color:var(--omu-primary-border, #DCD0F9)!important;background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-check-list i::after{border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools :is(.rv-generated-youtube,.rv-batch-item[data-status="rendering"] .rv-batch-status,.rv-generated-upload-state a){color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page #remotion-video-tools .rv-select[multiple] option:checked{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .rv-render-progress-toast .rv-render-progress-fill{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .hf-shell{--hf-accent:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.thumb-count-pill,.thumb-chip,.thumb-ftb-chip,.thumb2-hero-kicker,.thumb2-hero-chip,.thumb-upload-card-icon,.visualizer-song-cta,.visualizer-template-filter em,.blog-card-chip,.composition-chip-row span,.composition-mini-head>span,.composition-suggestion-item>span,.composition-step span,.dj-deck-badge){background:var(--omu-primary-soft, #F5F1FD)!important;border-color:var(--omu-primary-border, #DCD0F9)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-tool-modern-composition{--composition-amber:var(--omu-primary, #6D3BE8)!important;--composition-rose:var(--omu-primary, #6D3BE8)!important;--composition-violet:var(--omu-primary, #6D3BE8)!important;--composition-cyan:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .hf-btn-primary{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-workflow a:hover{border-color:var(--omu-primary-border, #DCD0F9)!important;background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-workflow-number{background:var(--omu-primary-soft, #F5F1FD)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.premium-workflow a,.premium-tool-help>summary,.premium-service-status-card>summary,.premium-load-notice button):focus-visible{outline:3px solid var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.af-button,.pr-button,.pr-download){background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page :is(.af-status,.pr-status,.af-confidence){color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .pr-preset input:checked+span{border-color:var(--omu-primary, #6D3BE8)!important;background:var(--omu-primary-soft, #F5F1FD)!important;box-shadow:inset 0 0 0 1px var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .pr-preset input:focus-visible+span{outline:3px solid var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .vocal-sep-primary{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-guest-access{border:1px solid var(--omu-primary-border, #DCD0F9)!important;background:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-guest-access a{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams body.omu-interface-v2.premium-service-page .premium-guest-access a:focus-visible{outline:3px solid var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams .album-builder-status--info{color:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams .explore-filter-chip span{color:var(--omu-primary-ink, #572FBA)!important}
html.omu-ams .song-thumb-action-share{color:var(--omu-primary-soft, #F5F1FD)!important}
html.omu-ams .omu-generation-modal-badge{color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-generation-modal-wave span{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-generation-modal-count strong{color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-generation-modal-action{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-generation-modal-action:hover{background:var(--omu-primary-hover, #5D32C5)!important}
html.omu-ams .notif-type-chip.info{color:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams .service-tab.automation .service-tab-badge{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .service-tab.dj .service-tab-badge{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .dj-action-btn-primary{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .dj-jog-wheel-a{box-shadow:inset 0 10px 28px rgba(255,255,255,0.04),
                inset 0 -18px 32px rgba(0,0,0,0.44),
                0 14px 28px rgba(var(--omu-primary-rgb, 109, 59, 232), 0.12)!important}
html.omu-ams .dj-range-accent-a::-webkit-slider-thumb, html.omu-ams .dj-knob-a::-webkit-slider-thumb, html.omu-ams .dj-vertical-range-a::-webkit-slider-thumb, html.omu-ams .dj-range-accent-a::-moz-range-thumb, html.omu-ams .dj-knob-a::-moz-range-thumb, html.omu-ams .dj-vertical-range-a::-moz-range-thumb{background:var(--omu-primary-ink, #572FBA)!important}
html.omu-ams body.premium-service-thumbnail .thumb-canvas-toolbar-shell--background{box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 18px 38px rgba(var(--omu-primary-rgb, 109, 59, 232), 0.08)!important}
html.omu-ams .blog-action-primary{box-shadow:0 16px 30px rgba(var(--omu-primary-rgb, 109, 59, 232), 0.22)!important}
html.omu-ams .inquiry-status.in_progress{color:var(--omu-primary-border, #DCD0F9)!important}
html.omu-ams .omu-page-redesign{--omu-hero-accent:var(--omu-primary, #6D3BE8)!important;--omu-hero-accent-2:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-hero, html.omu-ams .omu-page-redesign .voice-hero{--omu-hero-accent:var(--omu-primary, #6D3BE8)!important;--omu-hero-accent-2:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-hero p:first-child::before, html.omu-ams .omu-page-redesign .voice-kicker::before{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-redesign :is(input, textarea, select):focus-visible{outline:3px solid rgba(var(--omu-primary-rgb, 109, 59, 232), .18)!important;border-color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-redesign .explore-category-card.is-active{border-color:var(--omu-primary, #6D3BE8)!important;box-shadow:0 0 0 1px var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-redesign :is(.bg-purple-600, .bg-cyan-300){background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-redesign .voice-min-badge{border-color:var(--omu-primary-border, #DCD0F9)!important;background:var(--omu-primary-soft, #F5F1FD)!important;color:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-redesign .voice-submit-btn{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .omu-page-redesign .voice-submit-btn:hover{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .actions a{background:var(--omu-primary, #6D3BE8)!important}
html.omu-ams .actions a:hover{background:var(--omu-primary-hover, #5D32C5)!important}
html.omu-ams .actions :focus-visible{outline:3px solid var(--omu-primary, #6D3BE8)!important}
html.omu-ams .persona-page{--persona-cyan:var(--omu-primary-ink, #572FBA)!important}
html.omu-ams .public-album-status-badge--reviews{background:linear-gradient(135deg, rgba(14, 116, 144, .82), rgba(var(--omu-primary-rgb, 109, 59, 232), .72))!important}
html.omu-ams .rz-reference-grid .rz-reference-card:nth-child(8n+3){--rz-card-b:var(--omu-primary-ink, #572FBA)!important}
/* ---------- S9. Public album / public profile (originally dark-only Tailwind pages) ----------
   Scoped with :has() so no PHP change is needed; older browsers simply keep the previous look. */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) { color-scheme: light; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) body { background: #ffffff !important; color: var(--am-text) !important; -webkit-font-smoothing: antialiased; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) body.public-album-modal-embed { background: #ffffff !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) body * { font-family: var(--am-font) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main { background: transparent !important; }

/* Tailwind dark utilities → light tokens */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .glass-card {
  background: #ffffff !important; border: 1px solid var(--am-hairline) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  box-shadow: var(--am-shadow-sm) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.text-white, .text-zinc-50, .text-zinc-100, .text-fuchsia-50) { color: var(--am-text) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.text-zinc-200, .text-zinc-300, .text-zinc-400, .text-zinc-500) { color: var(--am-text-2) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .text-white\/70 { color: var(--am-text-3) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.bg-white\/5, .bg-white\/10) { background-color: var(--am-fill) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .border-white\/10 { border-color: transparent !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.bg-zinc-900, .bg-zinc-800) { background-color: #ececf0 !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .text-fuchsia-200 { color: var(--am-key-ink) !important; font-weight: 700; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .bg-gradient-to-br.from-purple-500 { background-image: linear-gradient(135deg, color-mix(in srgb, var(--am-key) 55%, #ffffff), var(--am-key-fill)) !important; color: #fff !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(a, button).glass-card { transition: box-shadow .2s var(--am-ease), transform .2s var(--am-ease); }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(a, button).glass-card:hover { border-color: var(--am-hairline) !important; box-shadow: var(--am-shadow) !important; transform: translateY(-2px); }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main h1 { color: var(--am-text) !important; font-weight: 800 !important; letter-spacing: -.035em !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main h2 { color: var(--am-text) !important; font-weight: 750 !important; letter-spacing: -.03em !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.uppercase) { letter-spacing: .08em !important; }

/* Primary actions → coral pills */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.public-album-primary, button[class*="bg-fuchsia-500"]) {
  border: 0 !important; border-radius: 999px !important;
  background: var(--am-key-fill) !important; color: #fff !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--am-key-fill) 24%, transparent) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.public-album-primary, button[class*="bg-fuchsia-500"]):hover { background: var(--am-key-fill-2) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.public-album-primary, button[class*="bg-fuchsia-500"]):disabled { background: var(--am-fill-2) !important; color: var(--am-text-3) !important; box-shadow: none !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.public-album-secondary, main section > .flex > button.bg-white\/5) {
  border: 0 !important; border-radius: 999px !important; background: var(--am-fill) !important; color: var(--am-text) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) :is(.public-album-secondary, main section > .flex > button.bg-white\/5):hover { background: var(--am-fill-2) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main section > .flex > button.bg-white\/5 svg { color: var(--am-key-ink); }

/* Album hero: white card washed with the blurred cover */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-hero {
  position: relative; overflow: hidden; isolation: isolate;
  background: #ffffff !important; background-image: none !important;
  border: 1px solid var(--am-hairline) !important; border-radius: 22px !important;
  box-shadow: var(--am-shadow-sm) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-hero::before {
  content: ""; position: absolute; inset: -30%; z-index: -1; pointer-events: none;
  background-image: var(--public-album-cover); background-size: cover; background-position: center;
  filter: blur(80px) saturate(1.6); opacity: .3; display: block !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-hero::after { display: none !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-cover {
  border: 0 !important; border-radius: 12px !important; background: #ececf0 !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .22), 0 4px 12px rgba(0, 0, 0, .08) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-owner { border-radius: 999px !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-owner > span:first-child { background: linear-gradient(135deg, color-mix(in srgb, var(--am-key) 55%, #ffffff), var(--am-key-fill)) !important; color: #fff !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-owner > span:last-child { color: var(--am-key-ink) !important; font-size: 16px !important; font-weight: 650 !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-hero .mt-5.flex.flex-wrap.gap-2 span {
  border: 0 !important; border-radius: 999px !important;
  background: rgba(255, 255, 255, .7) !important; color: var(--am-text-2) !important; font-weight: 600;
  box-shadow: inset 0 0 0 1px var(--am-hairline);
}

/* Album track list: Apple-style striped rows */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-tracklist {
  background: #ffffff !important; border: 1px solid var(--am-hairline) !important; border-radius: 16px !important;
  padding: 6px !important; box-shadow: var(--am-shadow-sm) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-tracklist > * + * { margin-top: 0 !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track {
  min-height: 4.4rem !important; border: 0 !important; border-radius: 10px !important;
  background: transparent !important; box-shadow: none !important; transform: none !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track:nth-child(even) { background: rgba(0, 0, 0, .028) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track:hover { background: var(--am-key-soft) !important; box-shadow: none !important; transform: none !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track .h-16.w-16 { width: 3.25rem !important; height: 3.25rem !important; border-radius: 6px !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track > div { grid-template-columns: 2.4rem 3.25rem minmax(0, 1fr) auto !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-index { color: var(--am-text-2) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track:hover .public-album-index { color: var(--am-key-ink) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track p.text-white { font-size: 15px !important; font-weight: 600 !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-duration { background: transparent !important; border: 0 !important; color: var(--am-text-2) !important; font-variant-numeric: tabular-nums; }
@media (max-width: 700px) {
  html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-track > div { grid-template-columns: 1.8rem 3rem minmax(0, 1fr) !important; }
}

/* Profile header */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main > section.glass-card:first-of-type { border-radius: 22px !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main > section:first-of-type .grid.grid-cols-3 > div {
  border: 0 !important; border-radius: 14px !important; background: var(--am-bg-2) !important;
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main > section:first-of-type .grid.grid-cols-3 > div p.text-white { color: var(--am-text) !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main button.glass-card > .aspect-square { background: #ececf0 !important; }
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main a.glass-card .h-24.w-24 { border-radius: 10px !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }

/* Album hero layout: compact cover beside the title from tablet up */
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-cover { width: 100%; max-width: min(300px, 100%); }
@media (min-width: 640px) {
  html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) .public-album-hero > .grid { grid-template-columns: minmax(180px, 280px) minmax(0, 1fr) !important; align-items: end !important; gap: 36px !important; }
}
html.omu-ams:is(:has(> body > main.public-album-main), :has(> body:not(.omu-interface-v2) > main.max-w-6xl > .glass-card)) main > section:first-of-type .h-24.w-24 { border-radius: 999px !important; }

/* Album detail modal (studio/public_albums.php) → light sheet */
html.omu-ams .public-album-detail-modal__backdrop {
  background: rgba(0, 0, 0, .3) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%);
}
html.omu-ams .public-album-detail-modal__panel {
  border: 0 !important; border-radius: 20px !important; background: #ffffff !important; box-shadow: var(--am-shadow-lg) !important;
}
html.omu-ams .public-album-detail-modal__header {
  background: rgba(255, 255, 255, .92) !important; border-bottom: 1px solid var(--am-hairline) !important; padding: 12px 14px 12px 22px !important;
}
html.omu-ams .public-album-detail-modal__eyebrow { color: var(--am-key-ink) !important; letter-spacing: .08em !important; }
html.omu-ams .public-album-detail-modal__title { color: var(--am-text) !important; letter-spacing: -.02em !important; }
html.omu-ams :is(.public-album-detail-modal__button, .public-album-detail-modal__link) {
  border: 0 !important; border-radius: 999px !important; background: var(--am-fill) !important; color: var(--am-text) !important;
}
html.omu-ams :is(.public-album-detail-modal__button, .public-album-detail-modal__link):hover { background: var(--am-fill-2) !important; transform: none !important; }
html.omu-ams .public-album-detail-modal__frame { background: #ffffff !important; }
/* Shared public navigation; legacy documents retain their existing margin-based content flow. */
html.omu-am.omu-ams.omu-studio-shared {
  --omu-sidebar-width:240px;--am-sidebar-w:240px;--omu-bg:#fff;--omu-surface:#fff;
  --omu-surface-soft:#f5f5f7;--omu-text:#1d1d1f;--omu-muted:#6e6e73;--omu-border:#e3e3e8;
  --omu-accent:var(--omu-primary, #6D3BE8);--omu-accent-hover:var(--omu-primary-hover, #5D32C5);--omu-accent-soft:var(--omu-primary-soft, #F5F1FD);
}
html.omu-am.omu-ams.omu-studio-shared body.omu-interface-v2 {
  --omu-sidebar-width:240px;--omu-bg:#fff;--omu-surface:#fff;--omu-surface-soft:#f5f5f7;
  --omu-text:#1d1d1f;--omu-muted:#6e6e73;--omu-border:#e3e3e8;
  --omu-accent:var(--omu-primary, #6D3BE8);--omu-accent-hover:var(--omu-primary-hover, #5D32C5);--omu-accent-soft:var(--omu-primary-soft, #F5F1FD);
  padding-left:0!important;background:#fff!important;font-family:var(--am-font)!important;
}
html.omu-studio-shared .omu-shared-sidebar-host{display:contents}
html.omu-studio-shared .omu-desktop-listening-bar{left:var(--omu-sidebar-width,240px)!important;background:#fff!important;border-bottom-color:#e8e8ed!important}
html.omu-studio-shared .am-sidebar :is(.am-nav-label,.am-brand__tag,.am-account__link){letter-spacing:inherit}
html.omu-studio-shared .am-sidebar .am-nav-label{font-size:11px!important;line-height:1.5!important;margin:0 0 4px!important;padding:0 10px!important;color:var(--am-text-3)!important}
html.omu-studio-shared .am-sidebar .am-search input{min-height:34px!important;height:34px!important;padding:6px 10px 6px 31px!important;border-radius:7px!important;font-size:13px!important}
html.omu-studio-shared body.omu-interface-v2 :is(.omu-studio-page-content,.omu-page-content)>:is(h1,header h1){font-size:32px!important;font-weight:750!important;letter-spacing:-1px!important}
html.omu-studio-shared body.omu-interface-v2 :is(.omu-page-card,.glass,.glass-card,.card-glass,.voice-panel,.persona-panel,.premium-tool-card,.omu-studio-right-panel-section,.omu-studio-right-panel-board){background:#fff!important;border:1px solid #e3e3e8!important;border-radius:16px!important;box-shadow:none!important;backdrop-filter:none!important}
html.omu-studio-shared body.omu-interface-v2 main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea){background:#fff!important;border:1px solid #d2d2d7!important;border-radius:10px!important;color:#1d1d1f!important;min-height:46px;box-shadow:none}
html.omu-studio-shared body.omu-interface-v2 main :is(input,select,textarea):focus{border-color:var(--omu-primary, #6D3BE8)!important;box-shadow:0 0 0 3px var(--omu-primary-soft, #F5F1FD)!important;outline:none}
html.omu-studio-shared body.omu-interface-v2 main :is(input,textarea)::placeholder{color:#86868b!important;opacity:1}
html.omu-studio-shared body.omu-interface-v2 main :is(button,a)[class*="bg-gradient-to-"],html.omu-studio-shared body.omu-interface-v2 main button[class*="bg-purple-"]{background:var(--omu-primary, #6D3BE8)!important;border-color:var(--omu-primary, #6D3BE8)!important;color:#fff!important;box-shadow:none!important;background-image:none!important;border-radius:10px}
html.omu-studio-shared body.omu-interface-v2 :is(.omu-page-hero,.voice-hero){padding:0 0 24px!important}
html.omu-studio-shared body.omu-interface-v2 :is(.omu-page-hero,.voice-hero) p{color:#6e6e73!important;font-size:14px!important;line-height:1.7!important}
html.omu-studio-shared body.omu-interface-v2 .omu-studio-page-content{max-width:1400px;padding:28px 40px!important}
@media(max-width:1023.98px){
 html.omu-studio-shared body.omu-interface-v2 .omu-studio-page-content{padding:24px!important}
 html.omu-studio-shared body.omu-interface-v2 :is(#mainContent,main[class*="lg:ml-72"]){margin-left:0!important;padding-top:0!important}
}
@media(max-width:639.98px){
 html.omu-studio-shared body.omu-interface-v2 .omu-studio-page-content{padding:20px 16px!important}
 html.omu-studio-shared body.omu-interface-v2 main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea){font-size:16px!important}
 html.omu-studio-shared body.omu-interface-v2 :is(.omu-studio-page-content,.omu-page-content)>:is(h1,header h1){font-size:28px!important}
}
/* 보관함 · 만들기 member-only headings: same 12px/700 label as on public pages (beats the generic .am-nav-label rule above). */
html.omu-studio-shared .am-sidebar .am-make-heading .am-nav-label{margin:0!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em!important;color:var(--am-text)!important}