/* Deployment-specific accent overrides. This file is loaded only when the
   configured palette differs from the original AIFilm defaults. */
:root {
  --blue: var(--site-theme-primary);
  --cyan: var(--site-theme-primary-hover);
  --mint: var(--site-theme-primary-soft);
  --community-blue: var(--site-theme-primary);
  --community-blue-soft: rgba(var(--site-theme-primary-rgb), 0.2);
  --community-cyan: var(--site-theme-primary-hover);
  accent-color: var(--site-theme-primary);
}

::selection {
  background: rgba(var(--site-theme-primary-rgb), 0.36);
  color: #fff;
}

.brand-domain,
.auth-brand .brand-domain,
.auth-login-brand .brand-domain,
.app-sidebar-brand b span {
  color: var(--site-theme-primary-hover);
}

.brand-mark {
  filter: drop-shadow(0 0 7px rgba(var(--site-theme-primary-rgb), 0.34));
}

.brand:hover .brand-mark {
  filter: drop-shadow(0 0 10px rgba(var(--site-theme-primary-rgb), 0.56));
}

.primary,
.gradient,
.primary-mini,
.auth-login-submit,
.community-primary,
.video-bundle-download {
  border-color: var(--site-theme-primary-hover);
  background: linear-gradient(
    105deg,
    var(--site-theme-primary-dark),
    var(--site-theme-primary) 52%,
    var(--site-theme-primary-hover)
  );
  color: #fff;
  box-shadow: 0 6px 18px rgba(var(--site-theme-primary-rgb), 0.2);
}

.primary:hover,
.primary:focus-visible,
.gradient:hover,
.gradient:focus-visible,
.primary-mini:hover,
.primary-mini:focus-visible,
.auth-login-submit:hover,
.auth-login-submit:focus-visible,
.community-primary:hover,
.community-primary:focus-visible,
.video-bundle-download:hover,
.video-bundle-download:focus-visible {
  border-color: var(--site-theme-primary-soft);
  background: linear-gradient(
    105deg,
    var(--site-theme-primary),
    var(--site-theme-primary-hover)
  );
  color: #fff;
}

.secondary:hover,
.secondary:focus-visible,
.outline-button:hover,
.outline-button:focus-visible,
.mini-button:hover,
.mini-button:focus-visible {
  border-color: var(--site-theme-primary-hover);
  color: var(--site-theme-primary-soft);
}

input:focus,
select:focus,
textarea:focus,
.auth-login-card .auth-login-form input:focus,
.project-dialog-field input:focus,
.project-dialog-field textarea:focus,
.create-project-panel input:focus,
.library-search input:focus {
  border-color: var(--site-theme-primary) !important;
  box-shadow: 0 0 0 2px rgba(var(--site-theme-primary-rgb), 0.16) !important;
}

a:focus-visible,
button:focus-visible {
  outline-color: var(--site-theme-primary);
}

.auth-page:not(.auth-login-page) {
  background:
    radial-gradient(circle at 50% 0, rgba(var(--site-theme-primary-rgb), 0.24), transparent 42%),
    #0b0d12;
}

.auth-page:not(.auth-login-page) .auth-card {
  border-color: rgba(var(--site-theme-primary-rgb), 0.5);
  background: #15181f;
}

.auth-page:not(.auth-login-page) .auth-card input {
  border-color: rgba(var(--site-theme-primary-rgb), 0.36);
  background: #0e1117;
}

.auth-foot a,
.auth-login-kicker,
.auth-login-links a,
.auth-login-links a:visited {
  color: var(--site-theme-primary);
}

.auth-login-card .auth-login-form input:focus {
  background: #0b0e13;
}

.auth-login-links a:hover,
.auth-login-links a:focus-visible,
.auth-foot a:hover,
.auth-foot a:focus-visible {
  color: var(--site-theme-primary-hover);
}

.auth-login-submit {
  background: var(--site-theme-primary);
}

.auth-login-submit:hover,
.auth-login-submit:focus-visible {
  background: var(--site-theme-primary-hover);
}

.nav-links a.active,
.nav-links a:hover,
.app-sidebar-nav > a.active,
.sidebar-tool-toggle.active {
  background: rgba(var(--site-theme-primary-rgb), 0.2);
  color: var(--site-theme-primary-hover);
}

.app-sidebar-nav > a.active,
.sidebar-tool-toggle.active {
  box-shadow: inset 3px 0 0 var(--site-theme-primary);
}

.sidebar-tool-submenu > a.active {
  background: rgba(var(--site-theme-primary-rgb), 0.14);
  color: var(--site-theme-primary-hover);
}

.sidebar-tool-submenu > a.active > span,
.sidebar-account-popover > a > span,
.sidebar-account-popover > button > span,
.sidebar-credit b,
.sidebar-account-trigger:hover .sidebar-copy > b,
.sidebar-account-trigger:focus-visible .sidebar-copy > b {
  color: var(--site-theme-primary-hover);
}

.sidebar-avatar,
.sidebar-account-popover-heading > span {
  background: linear-gradient(
    145deg,
    var(--site-theme-primary-dark),
    var(--site-theme-primary-hover)
  );
}

.sidebar-credit:hover,
.sidebar-account-trigger:focus-visible {
  border-color: var(--site-theme-primary);
  outline-color: var(--site-theme-primary);
}

.project-flow-steps a.active span {
  border-color: var(--site-theme-primary);
  background: var(--site-theme-primary);
}

.project-flow-steps a.active::before {
  border-top-color: var(--site-theme-primary-hover);
}

.library-page-header span,
.work-card-body > div span,
.work-card-body footer a,
.material-card > div > span,
.material-card footer a,
.library-empty > span,
.project-create-dialog header small {
  color: var(--site-theme-primary);
}

.library-tabs a:hover,
.library-tabs a.active,
.ranking-tabs a.active {
  background: rgba(var(--site-theme-primary-rgb), 0.2);
  color: var(--site-theme-primary-hover);
}

.material-tabs a.active,
.ranking-tabs a.active,
.work-card:hover,
.material-card:hover {
  border-color: var(--site-theme-primary);
}

.work-cover {
  background: radial-gradient(
    circle at 35% 30%,
    rgba(var(--site-theme-primary-rgb), 0.38),
    #17130f 60%,
    #0d0f12
  );
}

.work-cover > span {
  color: var(--site-theme-primary-hover);
  text-shadow: 0 0 25px rgba(var(--site-theme-primary-rgb), 0.9);
}

.material-audio {
  background: radial-gradient(
    circle at center,
    rgba(var(--site-theme-primary-rgb), 0.42),
    #17130f
  );
  color: var(--site-theme-primary-hover);
}

.project-type-options input:checked + span {
  border-color: var(--site-theme-primary);
  background: linear-gradient(
    145deg,
    rgba(var(--site-theme-primary-rgb), 0.2),
    #171a20
  );
  box-shadow: inset 0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.28);
}

.project-tab.selected,
.project-tab-item.selected {
  border-color: var(--site-theme-primary);
  background: rgba(var(--site-theme-primary-rgb), 0.18);
}

.project-tab-item.selected .project-tab-delete {
  border-left-color: var(--site-theme-primary);
}

.video-progress-track i,
.script-progress-fill {
  background: linear-gradient(
    90deg,
    var(--site-theme-primary-dark),
    var(--site-theme-primary),
    var(--site-theme-primary-hover)
  );
}

.video-preview,
.video-history,
.video-empty,
.video-progress,
.video-bundle-export,
.reference-preview-dialog {
  border-color: rgba(var(--site-theme-primary-rgb), 0.55);
}

.video-selected-ratio,
.project-banner,
.scene-status {
  border-color: rgba(var(--site-theme-primary-rgb), 0.35);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
}

.video-selected-ratio strong,
.video-bundle-status,
.reference-preview-dialog h2 {
  color: var(--site-theme-primary-soft);
}

.community-tabs a:hover,
.community-tabs a.active {
  background: rgba(var(--site-theme-primary-rgb), 0.2);
  color: var(--site-theme-primary-hover);
}

.community-tabs a.active {
  box-shadow: inset 0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.38);
}

.community-hero span,
.community-shell a,
.community-panel a {
  color: var(--site-theme-primary-hover);
}

.community-card:hover,
.showcase-card:hover,
.community-panel:focus-within {
  border-color: rgba(var(--site-theme-primary-rgb), 0.7);
}

/* Independent studio ----------------------------------------------------- */
.independent-heading > div > span,
.independent-credit-summary b,
.reference-uploader code,
.form-feedback,
.prompt-result > header > span {
  color: var(--site-theme-primary-hover);
}

.independent-credit-summary,
.generator-card,
.generation-history,
.generation-result,
.prompt-result {
  border-color: rgba(var(--site-theme-primary-rgb), 0.22);
}

.independent-tab:hover {
  border-color: rgba(var(--site-theme-primary-rgb), 0.45);
}

.independent-tab.active {
  border-color: var(--site-theme-primary);
  background: rgba(var(--site-theme-primary-rgb), 0.16);
  box-shadow: inset 0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.2);
}

.independent-tab.active > span {
  background: rgba(var(--site-theme-primary-rgb), 0.3);
  color: var(--site-theme-primary-hover);
}

.independent-tab.active small,
.model-pill {
  color: var(--site-theme-primary-soft);
}

.model-pill {
  border-color: rgba(var(--site-theme-primary-rgb), 0.38);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
}

.generator-card textarea:focus,
.prompt-result textarea:focus {
  border-color: var(--site-theme-primary);
  box-shadow: 0 0 0 3px rgba(var(--site-theme-primary-rgb), 0.12);
}

.upload-trigger:hover,
.generator-actions button:hover,
.history-heading button:hover,
.records-pagination button:hover,
.result-actions a:hover,
.result-actions button:hover {
  border-color: var(--site-theme-primary);
}

.generator-actions .primary-action {
  border-color: var(--site-theme-primary-hover);
  background: linear-gradient(105deg, var(--site-theme-primary-dark), var(--site-theme-primary));
  color: #fff;
}

.result-progress progress,
.video-options input[type="radio"],
.analysis-options input {
  accent-color: var(--site-theme-primary);
}

/* Project folders and asset library ------------------------------------- */
.works-page .work-folder-card:hover,
.works-page .work-folder-card:focus-within,
.works-page .work-folder-card:hover::before,
.works-page .work-folder-card:focus-within::before,
.user-upload-card,
.material-source-badge {
  border-color: var(--site-theme-primary);
}

.work-folder-open:focus-visible {
  outline-color: var(--site-theme-primary);
}

.work-folder-icon,
.work-folder-icon::before {
  border-color: var(--site-theme-primary);
  background: rgba(var(--site-theme-primary-rgb), 0.25);
}

.work-folder-icon {
  box-shadow: inset 0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.08);
}

.work-folder-header em,
.material-source-badge {
  border-color: rgba(var(--site-theme-primary-rgb), 0.36);
  background: rgba(var(--site-theme-primary-rgb), 0.1);
  color: var(--site-theme-primary-soft);
}

.work-folder-title > span,
.work-folder-stats b,
.material-card > div > span,
.material-card footer a,
.library-empty > span {
  color: var(--site-theme-primary-hover);
}

/* Project flow navigation and shared workflow states -------------------- */
.project-flow-steps a.active::before {
  border-top-color: var(--site-theme-primary-hover);
  border-bottom-color: var(--site-theme-primary-hover);
}

.workflow-stage-heading > div > span,
.script-split-stage .production-status-copy > small,
.workflow-stage-shell.workflow-stage-script .production-status-copy > small,
.workflow-stage-shell.workflow-stage-script .production-streaming-stats b {
  color: var(--site-theme-primary-hover);
}

.workflow-stage-info,
.project-banner {
  border-color: rgba(var(--site-theme-primary-rgb), 0.38);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
  color: var(--site-theme-primary-soft);
}

.script-source-card header > span,
.script-result-card header > span,
.setting-section-title > span,
.workflow-asset-column-head span {
  background: rgba(var(--site-theme-primary-rgb), 0.26);
  color: var(--site-theme-primary-hover);
}

.script-upload-zone {
  border-color: rgba(var(--site-theme-primary-rgb), 0.56);
  background: radial-gradient(
    circle at center,
    rgba(var(--site-theme-primary-rgb), 0.16),
    #0e1218 65%
  );
}

.script-upload-zone:hover,
.script-upload-zone.is-dragover,
label.script-upload-zone.is-dragover {
  border-color: var(--site-theme-primary-hover);
  background: radial-gradient(
    circle at center,
    rgba(var(--site-theme-primary-rgb), 0.24),
    #0e1218 70%
  );
  box-shadow:
    inset 0 0 0 2px rgba(var(--site-theme-primary-rgb), 0.25),
    0 0 24px rgba(var(--site-theme-primary-rgb), 0.18);
}

.script-upload-icon {
  background: rgba(var(--site-theme-primary-rgb), 0.3);
  color: var(--site-theme-primary-hover);
}

.script-result-card textarea:focus,
.script-source-loaded:hover {
  border-color: var(--site-theme-primary);
}

.script-result-placeholder > div span,
.split-launch-card > span,
.workflow-assets-empty > span,
.workflow-stage-shell.workflow-stage-script .split-launch-visual {
  color: var(--site-theme-primary-hover);
}

.script-reupload-button {
  border-color: rgba(var(--site-theme-primary-rgb), 0.55);
  background: rgba(var(--site-theme-primary-rgb), 0.16);
  color: var(--site-theme-primary-soft);
}

.script-reupload-button:hover {
  border-color: var(--site-theme-primary-hover);
  background: rgba(var(--site-theme-primary-rgb), 0.25);
}

.ratio-choice input:checked + span,
.visual-style-choice input:checked ~ .visual-style-preview,
.visual-style-choice:has(input:checked) {
  border-color: var(--site-theme-primary);
  box-shadow: inset 0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.34);
}

.ratio-choice input:checked + span {
  background: rgba(var(--site-theme-primary-rgb), 0.14);
}

.visual-style-preview {
  background: linear-gradient(
    145deg,
    rgba(var(--site-theme-primary-rgb), 0.28),
    #10131a
  );
}

.visual-style-preview::before {
  background: rgba(var(--site-theme-primary-rgb), 0.4);
}

.split-launch-card {
  background: radial-gradient(
    circle at 50% 20%,
    rgba(var(--site-theme-primary-rgb), 0.18),
    #11141a 60%
  );
}

.workflow-asset-tabs button.active {
  background: rgba(var(--site-theme-primary-rgb), 0.24);
  color: var(--site-theme-primary-hover);
}

.workflow-stage-shell.workflow-stage-script .split-launch-visual span {
  border-color: rgba(var(--site-theme-primary-rgb), 0.42);
}

.workflow-stage-shell.workflow-stage-script .split-launch-card.is-running .split-launch-visual i,
.workflow-stage-shell.workflow-stage-script .production-status-card.state-working .production-status-icon,
.workflow-stage-shell.workflow-stage-script .production-status-card.state-working .production-status-badge {
  color: var(--site-theme-primary-hover);
}

.workflow-stage-shell.workflow-stage-script .production-scene-stat,
.workflow-stage-shell.workflow-stage-script .production-character-stat,
.workflow-stage-shell.workflow-stage-script .production-status-card.state-working {
  border-color: rgba(var(--site-theme-primary-rgb), 0.42);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
}

/* Character, scene and prop folders ------------------------------------- */
.workflow-asset-column-head span,
.asset-folder-copy span {
  border-color: rgba(var(--site-theme-primary-rgb), 0.34);
}

.workflow-asset-folder:hover,
.workflow-asset-folder:focus-within {
  border-color: rgba(var(--site-theme-primary-rgb), 0.58);
}

.workflow-asset-grid .asset-drop-placeholder {
  background: radial-gradient(
    circle at 50% 45%,
    rgba(var(--site-theme-primary-rgb), 0.16),
    #0b0e13 70%
  );
}

.workflow-asset-grid .asset-drop-placeholder span,
.asset-folder-copy span,
.workflow-asset-grid .asset-card-actions a {
  color: var(--site-theme-primary-hover);
}

.asset-hover-button:hover {
  border-color: var(--site-theme-primary) !important;
  background: rgba(var(--site-theme-primary-rgb), 0.34) !important;
}

.workflow-assets-panel .asset-image.is-generating {
  border-color: var(--site-theme-primary) !important;
  box-shadow:
    inset 0 0 34px rgba(var(--site-theme-primary-rgb), 0.15),
    0 0 18px rgba(var(--site-theme-primary-rgb), 0.16);
}

.workflow-assets-panel .asset-image.is-generating::after {
  background: linear-gradient(
    110deg,
    transparent 38%,
    rgba(var(--site-theme-primary-rgb), 0.22) 49%,
    transparent 60%
  );
}

.workflow-assets-panel .asset-generation-state {
  background: rgba(var(--site-theme-primary-rgb), 0.12);
}

.workflow-assets-panel .asset-generation-art {
  border-color: rgba(var(--site-theme-primary-rgb), 0.25);
  border-top-color: var(--site-theme-primary-hover);
  filter: drop-shadow(0 0 10px rgba(var(--site-theme-primary-rgb), 0.42));
}

.workflow-assets-panel .asset-generation-art::before {
  border-color: rgba(var(--site-theme-primary-rgb), 0.42);
  border-left-color: transparent;
}

.workflow-assets-panel .asset-generation-art::after {
  background: var(--site-theme-primary-hover);
  box-shadow: 0 0 15px rgba(var(--site-theme-primary-rgb), 0.8);
}

.workflow-assets-panel .asset-generation-art > span {
  background: var(--site-theme-primary-soft);
  box-shadow: 0 0 8px var(--site-theme-primary-hover);
}

/* Storyboard and video workbench ---------------------------------------- */
.storyboard-board-legend .working {
  background: var(--site-theme-primary);
  box-shadow: 0 0 7px rgba(var(--site-theme-primary-rgb), 0.75);
}

.script-workbench .production-status-progress-track span,
.video-progress-track i,
.script-progress-fill {
  background: linear-gradient(
    90deg,
    var(--site-theme-primary-dark),
    var(--site-theme-primary),
    var(--site-theme-primary-hover)
  );
  box-shadow: 0 0 10px rgba(var(--site-theme-primary-rgb), 0.36);
}

.script-workbench .production-status-card.state-working,
.script-workbench .asset-status-item.state-running,
.script-workbench .asset-status-item.state-queued,
.script-workbench .asset-status-item.state-retrying {
  border-color: rgba(var(--site-theme-primary-rgb), 0.44);
  background: rgba(var(--site-theme-primary-rgb), 0.1);
}

.script-workbench .production-status-card.state-working .production-status-icon,
.script-workbench .production-status-card.state-working .production-status-badge,
.script-workbench .asset-status-item.state-running,
.script-workbench .asset-status-item.state-queued,
.script-workbench .asset-status-item.state-retrying {
  color: var(--site-theme-primary-hover);
}

.script-workbench .asset-image.is-dragover,
.script-workbench .asset-image.is-generating {
  border-color: var(--site-theme-primary) !important;
  box-shadow:
    inset 0 0 28px rgba(var(--site-theme-primary-rgb), 0.15),
    0 0 18px rgba(var(--site-theme-primary-rgb), 0.16);
}

.script-workbench .asset-generation-art {
  border-color: rgba(var(--site-theme-primary-rgb), 0.25);
  border-top-color: var(--site-theme-primary-hover);
}

.script-workbench .asset-file-picker:hover,
.script-workbench .asset-action-button:hover:not(:disabled),
.script-workbench .asset-download-link:hover {
  border-color: var(--site-theme-primary);
  color: var(--site-theme-primary-soft);
}

.storyboard-style-selector select:focus {
  border-color: var(--site-theme-primary);
  box-shadow: 0 0 0 2px rgba(var(--site-theme-primary-rgb), 0.2);
}

.storyboard-run-status,
.storyboard-board-info,
.workflow-storyboard-info {
  border-color: rgba(var(--site-theme-primary-rgb), 0.38);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
  color: var(--site-theme-primary-soft);
}

.storyboard-board-heading > span,
.workflow-storyboard-board-head > div:first-child > span,
.workflow-storyboard-board .storyboard-card-number {
  background: rgba(var(--site-theme-primary-rgb), 0.26);
  color: var(--site-theme-primary-hover);
}

.workflow-storyboard-board .storyboard-anchor-badge.anchor-analyzing {
  border-color: rgba(var(--site-theme-primary-rgb), 0.48);
  background: rgba(var(--site-theme-primary-rgb), 0.16);
  color: var(--site-theme-primary-hover);
}

.workflow-storyboard-board .storyboard-anchor-badge.anchor-analyzing i {
  background: var(--site-theme-primary-hover);
}

.workflow-storyboard-board .asset-task-status {
  color: var(--site-theme-primary-soft);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
}

.workflow-storyboard-board .storyboard-card:hover,
.workflow-storyboard-board .storyboard-card[data-storyboard-active="true"] {
  border-color: var(--site-theme-primary);
}

.workflow-storyboard-board .storyboard-card[data-storyboard-active="true"] {
  box-shadow:
    0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.2),
    0 10px 28px #0007;
}

.workflow-storyboard-board .storyboard-card-title-row > span,
.workflow-storyboard-empty > span {
  color: var(--site-theme-primary-hover);
}

.workflow-storyboard-board .storyboard-progress-topline {
  color: var(--site-theme-primary-soft);
}

.workflow-storyboard-board .storyboard-progress-track span {
  background: linear-gradient(90deg, var(--site-theme-primary), var(--site-theme-primary-hover));
}

/* Video cards, detail view and prompt editor ---------------------------- */
.video-workflow-heading > div:first-child > span,
.video-detail-topbar > div > span,
.video-folder-generation small {
  color: var(--site-theme-primary-hover);
}

.video-folder-workflow .action-row .gradient,
.video-folder-workflow .action-row .action-link,
.video-folder-workflow .action-row form:nth-of-type(1) .gradient,
.video-folder-workflow .action-row form:nth-of-type(2) .gradient {
  border-color: rgba(var(--site-theme-primary-rgb), 0.52);
  background: rgba(var(--site-theme-primary-rgb), 0.18);
  color: var(--site-theme-primary-soft);
}

.video-folder-workflow .action-row .gradient:hover,
.video-folder-workflow .action-row .action-link:hover {
  border-color: var(--site-theme-primary-hover);
  background: rgba(var(--site-theme-primary-rgb), 0.28);
}

.video-folder-card:hover,
.video-folder-card:focus-visible {
  border-color: var(--site-theme-primary);
  box-shadow:
    0 14px 32px #0008,
    0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.2);
}

.video-folder-tab {
  border-color: rgba(var(--site-theme-primary-rgb), 0.48);
  background: rgba(var(--site-theme-primary-rgb), 0.24);
  color: var(--site-theme-primary-hover);
}

.video-folder-cover {
  background: radial-gradient(
    circle at 48% 40%,
    rgba(var(--site-theme-primary-rgb), 0.16),
    #090c10 70%
  );
}

.video-folder-placeholder b {
  border-color: rgba(var(--site-theme-primary-rgb), 0.38);
  color: var(--site-theme-primary-soft);
}

.video-folder-cover.is-generating {
  border-color: var(--site-theme-primary);
  box-shadow:
    inset 0 0 34px rgba(var(--site-theme-primary-rgb), 0.15),
    0 0 18px rgba(var(--site-theme-primary-rgb), 0.16);
}

.video-folder-cover.is-generating::after {
  background: linear-gradient(
    110deg,
    transparent 38%,
    rgba(var(--site-theme-primary-rgb), 0.22) 49%,
    transparent 60%
  );
}

.video-folder-generation {
  background: rgba(var(--site-theme-primary-rgb), 0.12);
  color: var(--site-theme-primary-soft);
}

.video-folder-generation-art {
  border-color: rgba(var(--site-theme-primary-rgb), 0.25);
  border-top-color: var(--site-theme-primary-hover);
  filter: drop-shadow(0 0 10px rgba(var(--site-theme-primary-rgb), 0.42));
}

.video-folder-generation-art::before {
  border-color: rgba(var(--site-theme-primary-rgb), 0.42);
  border-left-color: transparent;
}

.video-folder-generation-art::after {
  background: var(--site-theme-primary-hover);
  box-shadow: 0 0 15px rgba(var(--site-theme-primary-rgb), 0.8);
}

.video-folder-generation-art > i {
  background: var(--site-theme-primary-soft);
  box-shadow: 0 0 8px var(--site-theme-primary-hover);
}

.video-preview,
.video-history,
.video-empty,
.video-progress {
  border-color: rgba(var(--site-theme-primary-rgb), 0.5);
  background: rgba(var(--site-theme-primary-rgb), 0.09);
}

.video-preview {
  box-shadow: inset 0 0 0 1px rgba(var(--site-theme-primary-rgb), 0.05);
}

.video-history summary,
.video-empty,
.video-progress,
.video-bundle-status {
  color: var(--site-theme-primary-soft);
}

.video-history[open] summary {
  border-bottom-color: rgba(var(--site-theme-primary-rgb), 0.36);
  background: rgba(var(--site-theme-primary-rgb), 0.13);
  color: #fff;
}

.video-progress-track {
  background: rgba(var(--site-theme-primary-rgb), 0.18);
}

.slot-help,
.tag-task-status {
  border-color: rgba(var(--site-theme-primary-rgb), 0.4);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
  color: var(--site-theme-primary-soft);
}

.slot-help code,
.slot-title {
  color: var(--site-theme-primary-hover);
}

.slot-visual {
  border-color: rgba(var(--site-theme-primary-rgb), 0.55);
  background: rgba(var(--site-theme-primary-rgb), 0.08);
}

.slot-visual.filled {
  border-color: var(--site-theme-primary-soft);
}

.slot-file-picker,
.slot-upload-form .mini-button {
  border-color: rgba(var(--site-theme-primary-rgb), 0.5);
  background: rgba(var(--site-theme-primary-rgb), 0.16);
  color: var(--site-theme-primary-soft);
}

.video-bundle-export {
  border-color: rgba(var(--site-theme-primary-rgb), 0.45);
  background: linear-gradient(
    105deg,
    rgba(var(--site-theme-primary-rgb), 0.18),
    #10141a
  );
}

.video-bundle-export.is-ready {
  border-color: #2dbb91;
  background: linear-gradient(105deg, #063e4a, #10141a);
}

.video-scene-references .slot-visual,
.video-scene-references .slot-visual img {
  background: #0b0e13;
}

.slot-preview,
.reference-preview-dialog header button {
  border-color: rgba(var(--site-theme-primary-rgb), 0.55);
  background: rgba(var(--site-theme-primary-rgb), 0.18);
  color: var(--site-theme-primary-soft);
}

.video-selected-ratio {
  border-color: rgba(var(--site-theme-primary-rgb), 0.35);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
  color: var(--site-theme-primary-soft);
}

.video-selected-ratio strong,
.video-scene-detail .video-selected-ratio strong {
  color: var(--site-theme-primary-hover);
}

.reference-preview-dialog {
  border-color: rgba(var(--site-theme-primary-rgb), 0.58);
  background: #11151b;
}

.reference-preview-dialog header {
  border-bottom-color: rgba(var(--site-theme-primary-rgb), 0.32);
  background: rgba(var(--site-theme-primary-rgb), 0.12);
}

.reference-preview-content {
  background: #090c10;
}

.video-folder-workflow .action-row .action-link:hover,
.video-detail-topbar > button:hover,
.video-scene-detail .slot-visual[role="button"]:focus-visible,
.video-scene-detail .video-reference-action:hover,
.video-scene-detail .video-reference-action:focus-visible,
.video-scene-detail .video-render-panel > .gradient:hover,
.video-scene-detail .video-render-panel > .video-detail-action-button:hover {
  border-color: var(--site-theme-primary);
}

.video-detail-topbar > div > span,
.video-folder-generation small,
.video-scene-detail .slot-help code {
  color: var(--site-theme-primary-hover);
}

.video-detail-column > header > span {
  background: rgba(var(--site-theme-primary-rgb), 0.26);
  color: var(--site-theme-primary-hover);
}

.video-detail-settings > label select:focus,
.video-detail-settings > label input:focus,
.video-scene-detail .video-editor-panel textarea:focus {
  border-color: var(--site-theme-primary);
}

.video-detail-settings .video-audio-upload-button,
.video-scene-detail .video-detail-settings .video-detail-action-button,
.video-scene-detail .video-editor-panel .video-detail-action-button,
.video-scene-detail .video-render-panel > .video-detail-action-button,
.video-scene-detail .video-editor-panel .video-detail-action-button[data-tag-state],
.video-scene-detail .video-editor-panel .video-detail-action-button[data-tag-state][disabled] {
  border-color: rgba(var(--site-theme-primary-rgb), 0.48);
  background: rgba(var(--site-theme-primary-rgb), 0.16);
  color: var(--site-theme-primary-soft);
}

.video-detail-settings .video-audio-upload-button:hover,
.video-scene-detail .video-detail-settings .video-detail-action-button:hover,
.video-scene-detail .video-editor-panel .video-detail-action-button:hover,
.video-scene-detail .video-render-panel > .video-detail-action-button:hover {
  border-color: var(--site-theme-primary-hover);
  background: rgba(var(--site-theme-primary-rgb), 0.27);
}

.video-scene-detail .slot-visual {
  border-color: rgba(var(--site-theme-primary-rgb), 0.4);
  color: var(--site-theme-primary-soft);
}

.video-scene-detail .video-render-panel > .gradient {
  border-color: var(--site-theme-primary-hover);
  background: linear-gradient(105deg, var(--site-theme-primary-dark), var(--site-theme-primary));
}

.video-scene-detail .video-render-panel > .gradient:hover {
  border-color: var(--site-theme-primary-soft);
}

.video-reference-library-dialog > header span {
  color: var(--site-theme-primary-hover);
}

.video-reference-library-categories button:hover,
.video-reference-library-categories button:focus-visible,
.video-reference-library-categories button.active {
  border-bottom-color: var(--site-theme-primary);
  color: var(--site-theme-primary-hover);
}

.video-reference-library-scope button.active {
  background: rgba(var(--site-theme-primary-rgb), 0.18);
  color: var(--site-theme-primary-hover);
}

.video-reference-library-check {
  background: var(--site-theme-primary);
}

.video-reference-library-dialog > footer .primary {
  border-color: var(--site-theme-primary-hover);
  background: var(--site-theme-primary);
}

.video-audio-reference {
  border-color: rgba(var(--site-theme-primary-rgb), 0.42);
  background: rgba(var(--site-theme-primary-rgb), 0.1);
}

.video-audio-reference > header span,
.video-audio-item b {
  color: var(--site-theme-primary-soft);
}

.video-audio-reference > header b {
  background: rgba(var(--site-theme-primary-rgb), 0.2);
  color: var(--site-theme-primary-hover);
}

.video-audio-item,
.video-audio-empty {
  border-color: rgba(var(--site-theme-primary-rgb), 0.34);
  background: rgba(var(--site-theme-primary-rgb), 0.08);
}

.video-audio-upload-button {
  border-color: rgba(var(--site-theme-primary-rgb), 0.5);
  background: rgba(var(--site-theme-primary-rgb), 0.16);
  color: var(--site-theme-primary-soft);
}

.video-audio-reference.has-audio {
  border-color: #258a73;
  background: linear-gradient(120deg, #082d37, #10141a);
}

.video-reference-library-card:focus-visible,
.video-reference-library-card.selected {
  border-color: var(--site-theme-primary);
  background: rgba(var(--site-theme-primary-rgb), 0.14);
}

.video-reference-library-card.selected {
  box-shadow: inset 0 0 0 1px var(--site-theme-primary);
}

.video-scene-detail .video-progress-track i {
  background: linear-gradient(90deg, var(--site-theme-primary-dark), var(--site-theme-primary-hover));
}

.prompt-editor-header .asset-kind,
.prompt-editor-hint code,
.prompt-editor-status {
  color: var(--site-theme-primary-hover);
}

.prompt-editor-hint code {
  background: rgba(var(--site-theme-primary-rgb), 0.16);
}

.prompt-editor-field textarea {
  caret-color: var(--site-theme-primary-hover);
}

.prompt-editor-field textarea:focus {
  border-color: var(--site-theme-primary);
  box-shadow: 0 0 0 3px rgba(var(--site-theme-primary-rgb), 0.13);
}

.prompt-mention-option:hover,
.prompt-mention-option:focus-visible {
  background: rgba(var(--site-theme-primary-rgb), 0.18);
}

.prompt-editor-footer .gradient {
  border-color: var(--site-theme-primary-hover);
  background: linear-gradient(105deg, var(--site-theme-primary-dark), var(--site-theme-primary));
}

.prompt-editor-footer .gradient:hover {
  border-color: var(--site-theme-primary-soft);
  background: var(--site-theme-primary-hover);
}

/* Footer is neutral; only its interactive state follows the tenant color. */
.site-footer {
  border-top-color: rgba(var(--site-theme-primary-rgb), 0.32);
  background: #0b0d12;
  color: #788493;
}

.site-footer a {
  color: #aeb8c6;
}

.site-footer__divider {
  color: #646f7e;
}

.site-footer a:hover,
.site-footer a:focus-visible {
  color: var(--site-theme-primary-hover);
}