:root {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f0eee8;
  --muted: #aab2c3;
  --soft: #141821;
  --line: rgba(186, 198, 220, 0.18);
  --panel: #181b23;
  --purple: #9db8e8;
  --purple-2: #5f77ad;
  --purple-soft: rgba(95, 119, 173, 0.18);
  --cyan: #9db8e8;
  --green: #34d399;
  --blue: #6f8fd0;
  --rose: #fb7185;
  --amber: #fbbf24;
  --shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
  --aotu-type-setting-group-color: #e7ebf2;
}

.theme-toggle-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(186, 198, 220, 0.22);
  border-radius: 999px;
  color: #334155;
  background: rgba(255, 255, 255, 0.54);
  background-image: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
  white-space: nowrap;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.theme-toggle-button .lucide {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  stroke-width: 2.35;
}

.theme-toggle-button span {
  line-height: 1;
}

.platform-theme-toggle {
  min-width: 72px;
  padding: 0 12px;
  backdrop-filter: blur(14px);
  font-size: 13px;
  font-weight: 720;
}

.workspace-theme-toggle {
  height: 36px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 680;
}

.workspace-theme-toggle:hover {
  border-color: rgba(111, 143, 208, 0.38);
  color: #1d4ed8;
  background: rgba(255, 255, 255, 0.82);
}

html[data-theme="dark"] body {
  color: #f0eee8 !important;
  background: #0d0f14 !important;
  background-image: none !important;
}

html[data-theme="dark"] .platform-topbar {
  border-bottom-color: rgba(186, 198, 220, 0.18);
  background: rgba(9, 13, 22, 0.7);
}

html[data-theme="dark"] .platform-theme-toggle,
html[data-theme="dark"] .platform-language-control,
html[data-theme="dark"] .platform-auth-account,
html[data-theme="dark"] .platform-auth-button-light {
  color: #f0eee8;
  border-color: rgba(186, 198, 220, 0.22);
  background: rgba(15, 23, 42, 0.68);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .platform-language-control .lucide,
html[data-theme="dark"] .platform-language-control select {
  color: #e8edf5;
}

html[data-theme="dark"] .platform-auth-button-dark,
html[data-theme="dark"] .platform-primary-action {
  color: #08111f;
  background: #f0eee8;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .platform-section-head span,
html[data-theme="dark"] .platform-footer,
html[data-theme="dark"] .platform-footer a {
  color: #aab2c3;
}

html[data-theme="dark"] .platform-hero h1,
html[data-theme="dark"] .platform-section-head h2,
html[data-theme="dark"] .industry-card strong,
html[data-theme="dark"] .platform-capability-grid strong {
  color: #f0eee8;
}

html[data-theme="dark"] .platform-kicker,
html[data-theme="dark"] .industry-card small,
html[data-theme="dark"] .platform-capability-grid small {
  color: #b4bac8;
}

html[data-theme="dark"] .industry-card,
html[data-theme="dark"] .platform-capability-grid article {
  border-color: rgba(186, 198, 220, 0.18);
  color: #e8edf5;
  background: #181b23;
  background-image: none;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .app-layout,
html[data-theme="dark"] .main-area,
html[data-theme="dark"] .content-grid,
html[data-theme="dark"] .workspace,
html[data-theme="dark"] .task-body,
html[data-theme="dark"] .settings-column,
html[data-theme="dark"] .preview-column,
html[data-theme="dark"] .workstation-shell {
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] .sidebar {
  border-right-color: rgba(186, 198, 220, 0.18) !important;
  background: #12151c !important;
  background-image: none !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04), 14px 0 38px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] .brand-tagline,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .section-head span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .notification-popover-count {
  color: #aab2c3 !important;
}

html[data-theme="dark"] .topbar {
  border-bottom-color: rgba(186, 198, 220, 0.18) !important;
  background: rgba(9, 13, 22, 0.76) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(18px);
}

html[data-theme="dark"] .top-actions {
  background: rgba(15, 23, 42, 0.78) !important;
}

html[data-theme="dark"] .top-actions .theme-toggle-button,
html[data-theme="dark"] .top-actions .free-generate-button,
html[data-theme="dark"] .top-actions .points-button,
html[data-theme="dark"] .top-actions .need-request-button,
html[data-theme="dark"] .top-actions .checkin-entry-button,
html[data-theme="dark"] .top-actions .notify-button,
html[data-theme="dark"] .top-actions .shop-button {
  color: #e8edf5 !important;
  background: transparent !important;
}

html[data-theme="dark"] .top-actions .theme-toggle-button,
html[data-theme="dark"] .top-actions .free-generate-button,
html[data-theme="dark"] .top-actions .shop-button,
html[data-theme="dark"] .top-actions .theme-toggle-button:hover,
html[data-theme="dark"] .top-actions .free-generate-button:hover,
html[data-theme="dark"] .top-actions .shop-button:hover {
  background: rgba(30, 41, 59, 0.92) !important;
}

html[data-theme="dark"] .top-actions .points-button strong,
html[data-theme="dark"] .top-actions .free-generate-button > .lucide:first-child,
html[data-theme="dark"] .top-actions .theme-toggle-button .lucide {
  color: #9db8e8 !important;
}

html[data-theme="dark"] .top-library-tabs > button,
html[data-theme="dark"] .top-library-tabs .industry-select-button,
html[data-theme="dark"] .top-library-tabs .language-switcher-button,
html[data-theme="dark"] .language-switcher-button {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.72) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .top-library-tabs .lucide,
html[data-theme="dark"] .language-switcher-button .lucide,
html[data-theme="dark"] .industry-select-button .lucide {
  color: #94a3b8 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .nav-group,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .task-panel,
html[data-theme="dark"] .works-panel,
html[data-theme="dark"] .advanced-board,
html[data-theme="dark"] .function-board,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .upload-card,
html[data-theme="dark"] .single-upload-card,
html[data-theme="dark"] .preview-shell,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .preview-column,
html[data-theme="dark"] .upload-column,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .workspace-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .function-card,
html[data-theme="dark"] .advanced-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .tool-card,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .prompt-card,
html[data-theme="dark"] .account-menu,
html[data-theme="dark"] .account-menu-panel,
html[data-theme="dark"] .account-overview-card,
html[data-theme="dark"] .account-menu-section,
html[data-theme="dark"] .notification-popover,
html[data-theme="dark"] .industry-select-menu,
html[data-theme="dark"] .language-switcher-menu,
html[data-theme="dark"] .model-selector-menu,
html[data-theme="dark"] .model-picker-popover,
html[data-theme="dark"] .library-panel,
html[data-theme="dark"] .library-modal,
html[data-theme="dark"] .library-select-row,
html[data-theme="dark"] .detail-page-module,
html[data-theme="dark"] .detail-page-preview-board,
html[data-theme="dark"] .detail-upload-slot,
html[data-theme="dark"] .set-generate-upload-card,
html[data-theme="dark"] .generate-count-box,
html[data-theme="dark"] .inline-model-section,
html[data-theme="dark"] .detail-page-resolution-panel,
html[data-theme="dark"] .extra-prompt-box,
html[data-theme="dark"] .video-reference-url-box,
html[data-theme="dark"] .copy-result-panel,
html[data-theme="dark"] .feature-experience,
html[data-theme="dark"] .detail-preview-shell,
html[data-theme="dark"] .video-status-card,
html[data-theme="dark"] .drop-zone,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .result-panel,
html[data-theme="dark"] .image-preview-card,
html[data-theme="dark"] .single-upload-preview-card,
html[data-theme="dark"] .reference-preview-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .empty-state,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .profile-card,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .credit-panel,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .work-card,
html[data-theme="dark"] .library-item,
html[data-theme="dark"] .model-card,
html[data-theme="dark"] .template-card,
html[data-theme="dark"] .prompt-input {
  border-color: rgba(186, 198, 220, 0.2) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .hero-card {
  background: #12161f !important;
  background-image: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h1,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h2,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h3,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) strong,
html[data-theme="dark"] b,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) label,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .section-head h2,
html[data-theme="dark"] .task-heading h2,
html[data-theme="dark"] .settings-head strong,
html[data-theme="dark"] .feature-head strong,
html[data-theme="dark"] .shop-button b,
html[data-theme="dark"] .account-profile-name-row strong {
  color: #f0eee8 !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) p,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) em,
html[data-theme="dark"] .task-heading p,
html[data-theme="dark"] .settings-head span,
html[data-theme="dark"] .feature-head small,
html[data-theme="dark"] .upload-copy small,
html[data-theme="dark"] .preview-empty,
html[data-theme="dark"] .profile-detail-empty {
  color: inherit;
}

html[data-theme="dark"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] .side-nav a,
html[data-theme="dark"] .nav-sublist a {
  color: #b4bac8 !important;
  background: transparent !important;
}

html[data-theme="dark"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] .side-nav a.active,
html[data-theme="dark"] .side-nav a:hover,
html[data-theme="dark"] .nav-sublist a.active,
html[data-theme="dark"] .nav-sublist a:hover,
html[data-theme="dark"] .industry-select-menu button:hover,
html[data-theme="dark"] .industry-select-menu button:focus-visible,
html[data-theme="dark"] .industry-select-menu button.is-current,
html[data-theme="dark"] .language-switcher-menu button:hover,
html[data-theme="dark"] .language-switcher-menu button.is-current {
  color: #f0eee8 !important;
  background: rgba(59, 130, 246, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.1) !important;
}

html[data-theme="dark"] .side-nav .lucide,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target] .lucide,
html[data-theme="dark"] .feature-card .lucide,
html[data-theme="dark"] .function-card-icon,
html[data-theme="dark"] .feature-icon,
html[data-theme="dark"] .model-selector-icon,
html[data-theme="dark"] .upload-icon,
html[data-theme="dark"] .modal-icon {
  color: #bfdbfe !important;
  background: rgba(30, 41, 59, 0.9) !important;
  box-shadow: inset 0 0 0 1px rgba(186, 198, 220, 0.14) !important;
}

html[data-theme="dark"] .create-button,
html[data-theme="dark"] .create-button.full,
html[data-theme="dark"] .generate-button,
html[data-theme="dark"] #generate,
html[data-theme="dark"] #mobile-generate,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .submit-button,
html[data-theme="dark"] .confirm-button,
html[data-theme="dark"] .generation-channel-switch button.selected,
html[data-theme="dark"] .resolution-option.selected,
html[data-theme="dark"] .choice-button.selected,
html[data-theme="dark"] .inline-model-option.selected,
html[data-theme="dark"] .detail-page-resolution-options button.selected {
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .outline-button,
html[data-theme="dark"] .small-icon-button,
html[data-theme="dark"] .batch-button,
html[data-theme="dark"] .library-select-button,
html[data-theme="dark"] .need-request-button,
html[data-theme="dark"] .checkin-entry-button,
html[data-theme="dark"] .mode-button,
html[data-theme="dark"] .tab-button,
html[data-theme="dark"] .segmented-button,
html[data-theme="dark"] .model-upload-link,
html[data-theme="dark"] .experience-upload-button {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.72) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select,
html[data-theme="dark"] .select-field,
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .auth-form input,
html[data-theme="dark"] .profile-form input,
html[data-theme="dark"] .prompt-card textarea {
  color: #f0eee8 !important;
  border-color: rgba(186, 198, 220, 0.24) !important;
  background: rgba(2, 6, 23, 0.42) !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input::placeholder,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea::placeholder {
  color: #64748b !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select:focus,
html[data-theme="dark"] .select-field:focus,
html[data-theme="dark"] .form-input:focus {
  border-color: rgba(147, 197, 253, 0.56) !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.16) !important;
  outline: none !important;
}

html[data-theme="dark"] .tag,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .tool-badge,
html[data-theme="dark"] .feature-tag,
html[data-theme="dark"] .model-tag,
html[data-theme="dark"] .credit-badge,
html[data-theme="dark"] .account-badge,
html[data-theme="dark"] .scenario-chip {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #bfdbfe !important;
  background: rgba(59, 130, 246, 0.12) !important;
}

html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .image-viewer {
  background: rgba(2, 6, 23, 0.72) !important;
  backdrop-filter: blur(12px);
}

html[data-theme="dark"] #auth-modal.modal-backdrop {
  background: #12121a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] .account-entry-avatar,
html[data-theme="dark"] .account-profile-avatar,
html[data-theme="dark"] .profile-avatar-edit span {
  color: #bfdbfe !important;
  background: rgba(30, 41, 59, 0.92) !important;
}

html[data-theme="dark"] img {
  color: #b4bac8;
}

/* Dark mode second pass: cover feature-specific white surfaces with stronger scope. */
html[data-theme="dark"] body.feature-focus-mode .main-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .main-area,
html[data-theme="dark"] body.feature-focus-mode .content-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .content-grid,
html[data-theme="dark"] body.feature-focus-mode .workspace,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .workspace {
  color: #f0eee8 !important;
  background: #0d0f14 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-body,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-column {
  color: #f0eee8 !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card-wrap #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-column #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .single-upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card-wrap,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .drop-zone {
  border-color: rgba(186, 198, 220, 0.24) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #product-upload .upload-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card .upload-icon {
  color: #bfdbfe !important;
  background: rgba(30, 41, 59, 0.92) !important;
  box-shadow: inset 0 0 0 1px rgba(186, 198, 220, 0.16) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .extra-prompt-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-bottom-ratio-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .generate-count-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-options,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-module-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-preview-board,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-preview-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .unified-material-groups,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .unified-material-main,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .unified-material-empty-inline {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #extra-prompt,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .extra-prompt-box textarea,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-generate-highlight-input,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .prompt-input {
  color: #f0eee8 !important;
  caret-color: #bfdbfe !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: rgba(186, 198, 220, 0.24) !important;
  background: rgba(2, 6, 23, 0.44) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-generate-highlight-layer {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .video-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-field summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-generate-option-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-product-type-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-resolution-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-option,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-model-role-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .material-group-add-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .material-toolbar-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .material-empty-upload-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .wrinkle-latest-toolbar button {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.74) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Flat dark palette: no gradients, fewer colors, calmer contrast. */
html[data-theme="dark"] {
  --ink: #f2f3f5;
  --muted: #aab2c3;
  --soft: #1a1d25;
  --line: rgba(255, 255, 255, 0.1);
  --panel: #181b23;
  --purple: #9db8e8;
  --purple-2: #5f77ad;
  --purple-soft: rgba(95, 119, 173, 0.16);
  --blue: #5f77ad;
  --shadow: 0 14px 32px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] body,
html[data-theme="dark"] .app-layout,
html[data-theme="dark"] .main-area,
html[data-theme="dark"] .content-grid,
html[data-theme="dark"] .workspace,
html[data-theme="dark"] .task-body,
html[data-theme="dark"] .workstation-shell {
  color: #f2f3f5 !important;
  background: #0d0f14 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .sidebar {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
  background: #12151c !important;
  background-image: none !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .topbar,
html[data-theme="dark"] .platform-topbar {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  background: #0f1012 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .nav-group,
html[data-theme="dark"] .task-panel,
html[data-theme="dark"] .works-panel,
html[data-theme="dark"] .advanced-board,
html[data-theme="dark"] .function-board,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .upload-card,
html[data-theme="dark"] .single-upload-card,
html[data-theme="dark"] .preview-shell,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .preview-column,
html[data-theme="dark"] .upload-column,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .workspace-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .function-card,
html[data-theme="dark"] .advanced-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .tool-card,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .prompt-card,
html[data-theme="dark"] .account-menu,
html[data-theme="dark"] .account-menu-panel,
html[data-theme="dark"] .account-overview-card,
html[data-theme="dark"] .account-menu-section,
html[data-theme="dark"] .notification-popover,
html[data-theme="dark"] .industry-select-menu,
html[data-theme="dark"] .language-switcher-menu,
html[data-theme="dark"] .model-selector-menu,
html[data-theme="dark"] .model-picker-popover,
html[data-theme="dark"] .library-panel,
html[data-theme="dark"] .library-modal,
html[data-theme="dark"] .library-select-row,
html[data-theme="dark"] .detail-page-module,
html[data-theme="dark"] .detail-page-preview-board,
html[data-theme="dark"] .detail-upload-slot,
html[data-theme="dark"] .set-generate-upload-card,
html[data-theme="dark"] .generate-count-box,
html[data-theme="dark"] .inline-model-section,
html[data-theme="dark"] .detail-page-resolution-panel,
html[data-theme="dark"] .extra-prompt-box,
html[data-theme="dark"] .video-reference-url-box,
html[data-theme="dark"] .copy-result-panel,
html[data-theme="dark"] .feature-experience,
html[data-theme="dark"] .detail-preview-shell,
html[data-theme="dark"] .video-status-card,
html[data-theme="dark"] .drop-zone,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .result-panel,
html[data-theme="dark"] .image-preview-card,
html[data-theme="dark"] .single-upload-preview-card,
html[data-theme="dark"] .reference-preview-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .empty-state,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .profile-card,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .credit-panel,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .work-card,
html[data-theme="dark"] .library-item,
html[data-theme="dark"] .model-card,
html[data-theme="dark"] .template-card,
html[data-theme="dark"] .prompt-input,
html[data-theme="dark"] .works-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d8dce3 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-body,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-latest-panel {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .top-actions .theme-toggle-button,
html[data-theme="dark"] .top-actions .free-generate-button,
html[data-theme="dark"] .top-actions .points-button,
html[data-theme="dark"] .top-actions .need-request-button,
html[data-theme="dark"] .top-actions .checkin-entry-button,
html[data-theme="dark"] .top-actions .notify-button,
html[data-theme="dark"] .top-actions .shop-button,
html[data-theme="dark"] .top-library-tabs > button,
html[data-theme="dark"] .top-library-tabs .industry-select-button,
html[data-theme="dark"] .top-library-tabs .language-switcher-button,
html[data-theme="dark"] .language-switcher-button,
html[data-theme="dark"] .platform-theme-toggle,
html[data-theme="dark"] .platform-language-control,
html[data-theme="dark"] .platform-auth-account,
html[data-theme="dark"] .platform-auth-button-light,
html[data-theme="dark"] .outline-button,
html[data-theme="dark"] .small-icon-button,
html[data-theme="dark"] .batch-button,
html[data-theme="dark"] .library-select-button,
html[data-theme="dark"] .need-request-button,
html[data-theme="dark"] .checkin-entry-button,
html[data-theme="dark"] .mode-button,
html[data-theme="dark"] .tab-button,
html[data-theme="dark"] .segmented-button,
html[data-theme="dark"] .model-upload-link,
html[data-theme="dark"] .experience-upload-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .single-upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .drop-zone,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-upload-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-type-tabs,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-type-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-reference-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .buyer-gender-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .buyer-ethnicity-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .buyer-age-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-generate-option-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-product-type-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-resolution-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-option,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-model-role-button,
html[data-theme="dark"] .print-compact-select summary,
html[data-theme="dark"] .print-count-select summary,
html[data-theme="dark"] .print-resolution-select summary {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #d8dce3 !important;
  background: #1b1d21 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav .nav-group:first-child,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-group:first-child,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-group:first-child {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] .side-nav [data-home-link],
html[data-theme="dark"] .side-nav .nav-sublist a {
  color: #a4abb5 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] .side-nav [data-home-link].active,
html[data-theme="dark"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] .side-nav a.active,
html[data-theme="dark"] .side-nav a:hover {
  border-color: rgba(95, 119, 173, 0.5) !important;
  color: #f2f6ff !important;
  background: #183164 !important;
  background-image: none !important;
  box-shadow: inset 3px 0 0 #5f77ad !important;
}

html[data-theme="dark"] .free-generate-option-grid button.selected,
html[data-theme="dark"] .resolution-option.selected,
html[data-theme="dark"] .choice-button.selected,
html[data-theme="dark"] .inline-model-option.selected,
html[data-theme="dark"] .detail-page-resolution-options button.selected,
html[data-theme="dark"] .pose-type-button.selected,
html[data-theme="dark"] .pose-reference-card.selected,
html[data-theme="dark"] .buyer-gender-grid .choice-button.selected,
html[data-theme="dark"] .buyer-ethnicity-grid .choice-button.selected,
html[data-theme="dark"] .buyer-age-grid .choice-button.selected {
  border-color: rgba(157, 184, 232, 0.55) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #generate,
html[data-theme="dark"] #mobile-generate,
html[data-theme="dark"] .create-button,
html[data-theme="dark"] .create-button.full,
html[data-theme="dark"] .generate-button,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .submit-button,
html[data-theme="dark"] .confirm-button {
  border-color: rgba(157, 184, 232, 0.45) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #generate:disabled,
html[data-theme="dark"] #mobile-generate:disabled,
html[data-theme="dark"] .create-button:disabled,
html[data-theme="dark"] .create-button.full:disabled,
html[data-theme="dark"] .generate-button:disabled,
html[data-theme="dark"] .primary-button:disabled,
html[data-theme="dark"] .submit-button:disabled,
html[data-theme="dark"] .confirm-button:disabled {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #818893 !important;
  background: #25282d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select,
html[data-theme="dark"] .select-field,
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .auth-form input,
html[data-theme="dark"] .profile-form input,
html[data-theme="dark"] .prompt-card textarea {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f2f3f5 !important;
  background: #111317 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .tag,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .tool-badge,
html[data-theme="dark"] .feature-tag,
html[data-theme="dark"] .model-tag,
html[data-theme="dark"] .credit-badge,
html[data-theme="dark"] .account-badge,
html[data-theme="dark"] .scenario-chip,
html[data-theme="dark"] .count-discount-badge {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #b9c8e8 !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-generate-option-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-product-type-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-resolution-options button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-option.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-model-role-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .material-toolbar-button.primary {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.28) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.12) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .print-compact-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-menu button {
  color: #e8edf5 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-recommend-badge,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .badge,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .tag {
  border-color: rgba(248, 113, 113, 0.24) !important;
  color: #fecaca !important;
  background: rgba(127, 29, 29, 0.34) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-preview-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-frame,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-empty,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-stage {
  border-color: rgba(186, 198, 220, 0.2) !important;
  color: #aab2c3 !important;
  background: rgba(2, 6, 23, 0.38) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .unified-material-groups svg,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .unified-material-main svg,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .material-group-count,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .unified-material-empty-inline small {
  color: #aab2c3 !important;
  background: rgba(30, 41, 59, 0.9) !important;
}

@media (max-width: 720px) {
  .platform-theme-toggle span {
    display: none;
  }

  .platform-theme-toggle {
    min-width: 30px;
    width: 30px;
    padding: 0;
  }
}

@media (max-width: 760px) {
  html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .topbar {
    border-bottom-color: rgba(186, 198, 220, 0.2) !important;
    background: rgba(9, 13, 22, 0.88) !important;
  }
}

/* Dark mode precision overrides for highly specific feature styles. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select .print-compact-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select .print-compact-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select .print-compact-menu button {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.9) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select summary:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select[open] summary {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.26) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #free-bottom-ratio-section .free-generate-option-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #free-bottom-ratio-section .free-generate-option-grid button:not(.selected) {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.76) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #free-bottom-ratio-section .free-generate-option-grid button.selected {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.3) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-basic-selects button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-product-type-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-product-type-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] [data-detail-product-type] {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.76) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-basic-selects button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-product-type-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-product-type-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] [data-detail-product-type].selected {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.3) !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-groups,
html[data-theme="dark"] body.library-focus-mode .unified-material-main,
html[data-theme="dark"] body.library-focus-mode .unified-material-empty-inline,
html[data-theme="dark"] body.library-focus-mode .material-group-add-button,
html[data-theme="dark"] body.library-focus-mode .material-toolbar-button,
html[data-theme="dark"] body.library-focus-mode .material-empty-upload-button,
html[data-theme="dark"] body.library-focus-mode .material-group-count,
html[data-theme="dark"] body.library-focus-mode .unified-material-empty-inline small {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.88) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.library-focus-mode .material-toolbar-button.primary,
html[data-theme="dark"] body.library-focus-mode .material-empty-upload-button {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.28) !important;
}

html[data-theme="dark"] body.library-focus-mode svg.lucide,
html[data-theme="dark"] body.library-focus-mode aside small,
html[data-theme="dark"] body.library-focus-mode .unified-material-type-tabs small {
  color: #aab2c3 !important;
  background: rgba(30, 41, 59, 0.9) !important;
}

/* Buyer show dark-mode completion for route-specific bright workstation controls. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-group:first-child {
  border-color: rgba(186, 198, 220, 0.18) !important;
  background: rgba(15, 23, 42, 0.56) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav [data-home-link],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-sublist a {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #b4bac8 !important;
  background: rgba(15, 23, 42, 0.28) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav [data-home-link].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav a.active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav a:hover {
  border-color: rgba(129, 140, 248, 0.36) !important;
  color: #f0eee8 !important;
  background: rgba(37, 99, 235, 0.26) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.06) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-filter-title,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-label,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-box > span {
  color: #e5eefc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-gender-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-age-grid {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-gender-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-age-grid .choice-button {
  border-color: rgba(186, 198, 220, 0.24) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.82) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-gender-grid .choice-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid .choice-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-age-grid .choice-button:hover {
  border-color: rgba(147, 197, 253, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(30, 41, 59, 0.92) !important;
  background-image: none !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-gender-grid .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-age-grid .choice-button.selected {
  border-color: rgba(157, 184, 232, 0.52) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.34) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.12) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid .choice-button::before {
  background: rgba(147, 197, 253, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid .choice-button.selected::before {
  background: #8fb7ff !important;
  box-shadow: 0 0 0 3px rgba(157, 184, 232, 0.16) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .settings-bottom-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generation-resolution-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .inline-model-section {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #e8edf5 !important;
  background: rgba(9, 13, 22, 0.62) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-box {
  background: transparent !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .inline-model-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generation-resolution-section {
  border: 1px solid rgba(186, 198, 220, 0.18) !important;
  border-radius: 16px !important;
  padding: 10px !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .print-count-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .print-resolution-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .inline-model-options button {
  border-color: rgba(186, 198, 220, 0.24) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.88) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .print-compact-select summary:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .print-compact-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .inline-model-options button.selected {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.28) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #mobile-generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .create-button.full {
  border-color: rgba(147, 197, 253, 0.34) !important;
  color: #f0eee8 !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #generate:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #mobile-generate:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .create-button.full:disabled {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #94a3b8 !important;
  background: rgba(30, 41, 59, 0.84) !important;
  box-shadow: none !important;
  opacity: 0.86 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-card {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.88) !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(2, 6, 23, 0.22) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-icon {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: rgba(82, 111, 168, 0.22) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.1) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-card strong {
  color: #f0eee8 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-card small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .generate-count-label small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .detail-count-note {
  color: #aab2c3 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .count-discount-badge {
  border-color: rgba(248, 113, 113, 0.24) !important;
  color: #fecaca !important;
  background: rgba(127, 29, 29, 0.34) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Pose change dark-mode completion for route-specific bright workstation controls. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-group:first-child {
  border-color: rgba(186, 198, 220, 0.18) !important;
  background: rgba(15, 23, 42, 0.56) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav [data-home-link],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-sublist a {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #b4bac8 !important;
  background: rgba(15, 23, 42, 0.28) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav [data-home-link].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav a.active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav a:hover {
  border-color: rgba(129, 140, 248, 0.36) !important;
  color: #f0eee8 !important;
  background: rgba(37, 99, 235, 0.26) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.06) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-change-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-type-tabs,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-custom-reference,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .extra-prompt-box {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #e8edf5 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-upload-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-type-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card {
  border-color: rgba(186, 198, 220, 0.24) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.82) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-upload-reference-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-type-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card:hover {
  border-color: rgba(147, 197, 253, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(30, 41, 59, 0.92) !important;
  background-image: none !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-type-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card.selected {
  border-color: rgba(157, 184, 232, 0.52) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.34) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.12) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card.selected::after {
  background: #8fb7ff !important;
  box-shadow: 0 0 0 3px rgba(157, 184, 232, 0.16) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card img {
  border-color: rgba(186, 198, 220, 0.14) !important;
  background: rgba(15, 23, 42, 0.62) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-upload-reference-button strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-upload-reference-button small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .extra-prompt-box span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-label,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-box > span {
  color: #e8edf5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .extra-prompt-box textarea {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e5eefc !important;
  background: rgba(15, 23, 42, 0.82) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .extra-prompt-box textarea::placeholder {
  color: #7f8da3 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .prompt-optimize-button {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: rgba(82, 111, 168, 0.22) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .prompt-optimize-button:hover:not(:disabled) {
  border-color: rgba(147, 197, 253, 0.42) !important;
  color: #f0eee8 !important;
  background: rgba(37, 99, 235, 0.62) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .settings-bottom-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generation-resolution-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .inline-model-section {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #e8edf5 !important;
  background: rgba(9, 13, 22, 0.62) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-box {
  background: transparent !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .inline-model-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generation-resolution-section {
  border: 1px solid rgba(186, 198, 220, 0.18) !important;
  border-radius: 16px !important;
  padding: 10px !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .print-count-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .print-resolution-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .inline-model-options button {
  border-color: rgba(186, 198, 220, 0.24) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.88) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .print-compact-select summary:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .print-compact-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .inline-model-options button.selected {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #f0eee8 !important;
  background: rgba(82, 111, 168, 0.28) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #mobile-generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .create-button.full {
  border-color: rgba(147, 197, 253, 0.34) !important;
  color: #f0eee8 !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #generate:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #mobile-generate:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .create-button.full:disabled {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #94a3b8 !important;
  background: rgba(30, 41, 59, 0.84) !important;
  box-shadow: none !important;
  opacity: 0.86 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-card {
  border-color: rgba(186, 198, 220, 0.22) !important;
  color: #e8edf5 !important;
  background: rgba(15, 23, 42, 0.88) !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(2, 6, 23, 0.22) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-icon {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: rgba(82, 111, 168, 0.22) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.1) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-card strong {
  color: #f0eee8 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-card small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .generate-count-label small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .detail-count-note {
  color: #aab2c3 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .count-discount-badge {
  border-color: rgba(248, 113, 113, 0.24) !important;
  color: #fecaca !important;
  background: rgba(127, 29, 29, 0.34) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Reference dark palette: charcoal panels, electric blue actions, light-blue selected pills. */
html[data-theme="dark"] {
  --ink: #f5f7fb;
  --muted: #aab2c3;
  --soft: #1a1d25;
  --line: rgba(76, 86, 105, 0.42);
  --panel: #181b23;
  --purple: #9db8e8;
  --purple-2: #5f77ad;
  --purple-soft: rgba(95, 119, 173, 0.18);
  --cyan: #b4c7eb;
  --blue: #5f77ad;
  --shadow: 0 22px 56px rgba(0, 0, 0, 0.42);
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.feature-focus-mode .main-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .main-area {
  color: #f5f7fb !important;
  background: #0d0e10 !important;
  background-image: none !important;
  background-color: #0d0e10 !important;
}

html[data-theme="dark"] .sidebar {
  border-right-color: rgba(76, 86, 105, 0.34) !important;
  background: #111217 !important;
  background-image: none !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.035), 14px 0 34px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] .topbar,
html[data-theme="dark"] .platform-topbar {
  border-bottom-color: rgba(76, 86, 105, 0.34) !important;
  background: rgba(11, 12, 14, 0.9) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] .top-actions .theme-toggle-button,
html[data-theme="dark"] .top-actions .free-generate-button,
html[data-theme="dark"] .top-actions .points-button,
html[data-theme="dark"] .top-actions .need-request-button,
html[data-theme="dark"] .top-actions .checkin-entry-button,
html[data-theme="dark"] .top-actions .notify-button,
html[data-theme="dark"] .top-actions .shop-button,
html[data-theme="dark"] .top-library-tabs > button,
html[data-theme="dark"] .top-library-tabs .industry-select-button,
html[data-theme="dark"] .top-library-tabs .language-switcher-button,
html[data-theme="dark"] .language-switcher-button,
html[data-theme="dark"] .platform-theme-toggle,
html[data-theme="dark"] .platform-language-control,
html[data-theme="dark"] .platform-auth-account,
html[data-theme="dark"] .platform-auth-button-light {
  border-color: rgba(76, 86, 105, 0.42) !important;
  color: #d7deea !important;
  background: #15181d !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

html[data-theme="dark"] .top-actions .theme-toggle-button,
html[data-theme="dark"] .top-actions .free-generate-button,
html[data-theme="dark"] .top-actions .shop-button,
html[data-theme="dark"] .top-actions .theme-toggle-button:hover,
html[data-theme="dark"] .top-actions .free-generate-button:hover,
html[data-theme="dark"] .top-actions .shop-button:hover,
html[data-theme="dark"] .platform-auth-button-dark,
html[data-theme="dark"] .platform-primary-action {
  border-color: rgba(95, 119, 173, 0.48) !important;
  color: #f8fbff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(95, 119, 173, 0.26) !important;
}

html[data-theme="dark"] .nav-group,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .task-panel,
html[data-theme="dark"] .works-panel,
html[data-theme="dark"] .advanced-board,
html[data-theme="dark"] .function-board,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .upload-card,
html[data-theme="dark"] .single-upload-card,
html[data-theme="dark"] .preview-shell,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .preview-column,
html[data-theme="dark"] .upload-column,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .workspace-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .function-card,
html[data-theme="dark"] .advanced-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .tool-card,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .prompt-card,
html[data-theme="dark"] .account-menu,
html[data-theme="dark"] .account-menu-panel,
html[data-theme="dark"] .account-overview-card,
html[data-theme="dark"] .account-menu-section,
html[data-theme="dark"] .notification-popover,
html[data-theme="dark"] .industry-select-menu,
html[data-theme="dark"] .language-switcher-menu,
html[data-theme="dark"] .model-selector-menu,
html[data-theme="dark"] .model-picker-popover,
html[data-theme="dark"] .library-panel,
html[data-theme="dark"] .library-modal,
html[data-theme="dark"] .library-select-row,
html[data-theme="dark"] .detail-page-module,
html[data-theme="dark"] .detail-page-preview-board,
html[data-theme="dark"] .detail-upload-slot,
html[data-theme="dark"] .set-generate-upload-card,
html[data-theme="dark"] .generate-count-box,
html[data-theme="dark"] .inline-model-section,
html[data-theme="dark"] .detail-page-resolution-panel,
html[data-theme="dark"] .extra-prompt-box,
html[data-theme="dark"] .video-reference-url-box,
html[data-theme="dark"] .copy-result-panel,
html[data-theme="dark"] .feature-experience,
html[data-theme="dark"] .detail-preview-shell,
html[data-theme="dark"] .video-status-card,
html[data-theme="dark"] .drop-zone,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .result-panel,
html[data-theme="dark"] .image-preview-card,
html[data-theme="dark"] .single-upload-preview-card,
html[data-theme="dark"] .reference-preview-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .empty-state,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .profile-card,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .credit-panel,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .work-card,
html[data-theme="dark"] .library-item,
html[data-theme="dark"] .model-card,
html[data-theme="dark"] .template-card,
html[data-theme="dark"] .prompt-input {
  border-color: rgba(76, 86, 105, 0.36) !important;
  color: #d7deea !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-body,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .preview-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-latest-panel {
  border-color: rgba(76, 86, 105, 0.32) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .single-upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .drop-zone,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-upload-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-type-tabs,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-type-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .pose-reference-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .buyer-gender-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .buyer-ethnicity-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .buyer-age-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-generate-option-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-select-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-product-type-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-page-resolution-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-option,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-model-role-button {
  border-color: rgba(76, 86, 105, 0.42) !important;
  color: #d7deea !important;
  background: #1b1e24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav .nav-group:first-child,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-group:first-child,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-group:first-child {
  border-color: rgba(76, 86, 105, 0.42) !important;
  background: #15181d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] .side-nav [data-home-link],
html[data-theme="dark"] .side-nav .nav-sublist a,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav [data-home-link],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-sublist a,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav [data-home-link],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-sublist a {
  border-color: rgba(76, 86, 105, 0.28) !important;
  color: #a7afbd !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] .side-nav [data-home-link].active,
html[data-theme="dark"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] .side-nav a.active,
html[data-theme="dark"] .side-nav a:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav [data-home-link].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav a.active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .side-nav a:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav [data-home-link].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav a.active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .side-nav a:hover {
  border-color: rgba(95, 119, 173, 0.46) !important;
  color: #f6f8ff !important;
  background: #16306d !important;
  background-image: none !important;
  box-shadow: inset 3px 0 0 #5f77ad !important;
}

html[data-theme="dark"] .side-nav .lucide,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target] .lucide,
html[data-theme="dark"] .feature-card .lucide,
html[data-theme="dark"] .function-card-icon,
html[data-theme="dark"] .feature-icon,
html[data-theme="dark"] .model-selector-icon,
html[data-theme="dark"] .upload-icon,
html[data-theme="dark"] .modal-icon {
  color: #9bbcff !important;
  background: #202734 !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.12) !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h1,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h2,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h3,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) strong,
html[data-theme="dark"] b,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) label,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .section-head h2,
html[data-theme="dark"] .task-heading h2,
html[data-theme="dark"] .settings-head strong,
html[data-theme="dark"] .feature-head strong,
html[data-theme="dark"] .shop-button b,
html[data-theme="dark"] .account-profile-name-row strong {
  color: #f7f9ff !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) p,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) em,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .task-heading p,
html[data-theme="dark"] .settings-head span,
html[data-theme="dark"] .feature-head small,
html[data-theme="dark"] .upload-copy small,
html[data-theme="dark"] .preview-empty,
html[data-theme="dark"] .profile-detail-empty {
  color: #aab2c3 !important;
}

html[data-theme="dark"] .free-generate-option-grid button.selected,
html[data-theme="dark"] .resolution-option.selected,
html[data-theme="dark"] .choice-button.selected,
html[data-theme="dark"] .inline-model-option.selected,
html[data-theme="dark"] .detail-page-resolution-options button.selected,
html[data-theme="dark"] .pose-type-button.selected,
html[data-theme="dark"] .pose-reference-card.selected,
html[data-theme="dark"] .buyer-gender-grid .choice-button.selected,
html[data-theme="dark"] .buyer-ethnicity-grid .choice-button.selected,
html[data-theme="dark"] .buyer-age-grid .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-gender-grid .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-ethnicity-grid .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .buyer-age-grid .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-type-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-reference-card.selected {
  border-color: rgba(157, 184, 232, 0.72) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(95, 119, 173, 0.26) !important;
}

html[data-theme="dark"] .print-compact-select summary,
html[data-theme="dark"] .print-count-select summary,
html[data-theme="dark"] .print-resolution-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select .print-compact-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select .print-compact-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select .print-compact-menu button {
  border-color: rgba(76, 86, 105, 0.46) !important;
  color: #d7deea !important;
  background: #1b1e24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-count-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-resolution-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select summary:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box .print-compact-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-options button.selected {
  border-color: rgba(157, 184, 232, 0.72) !important;
  color: #ffffff !important;
  background: #4f79da !important;
  background-image: none !important;
}

html[data-theme="dark"] .generate-count-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generation-resolution-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-section {
  border-color: rgba(76, 86, 105, 0.36) !important;
  color: #d7deea !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #generate,
html[data-theme="dark"] #mobile-generate,
html[data-theme="dark"] .create-button,
html[data-theme="dark"] .create-button.full,
html[data-theme="dark"] .generate-button,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .submit-button,
html[data-theme="dark"] .confirm-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #mobile-generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .create-button.full,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #mobile-generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .create-button.full {
  border-color: rgba(157, 184, 232, 0.54) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(95, 119, 173, 0.28) !important;
}

html[data-theme="dark"] #generate:disabled,
html[data-theme="dark"] #mobile-generate:disabled,
html[data-theme="dark"] .create-button:disabled,
html[data-theme="dark"] .create-button.full:disabled,
html[data-theme="dark"] .generate-button:disabled,
html[data-theme="dark"] .primary-button:disabled,
html[data-theme="dark"] .submit-button:disabled,
html[data-theme="dark"] .confirm-button:disabled {
  border-color: rgba(76, 86, 105, 0.38) !important;
  color: #8c95a4 !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0.9 !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select,
html[data-theme="dark"] .select-field,
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .auth-form input,
html[data-theme="dark"] .profile-form input,
html[data-theme="dark"] .prompt-card textarea,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .extra-prompt-box textarea {
  border-color: rgba(76, 86, 105, 0.46) !important;
  color: #f5f7fb !important;
  background: #111317 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select:focus,
html[data-theme="dark"] .select-field:focus,
html[data-theme="dark"] .form-input:focus {
  border-color: rgba(157, 184, 232, 0.76) !important;
  box-shadow: 0 0 0 3px rgba(95, 119, 173, 0.2) !important;
}

html[data-theme="dark"] .works-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-card {
  border-color: rgba(76, 86, 105, 0.42) !important;
  color: #d7deea !important;
  background: #15181d !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .works-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-icon {
  border-color: rgba(157, 184, 232, 0.32) !important;
  color: #9db8e8 !important;
  background: #24314d !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.12) !important;
}

html[data-theme="dark"] .tag,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .tool-badge,
html[data-theme="dark"] .feature-tag,
html[data-theme="dark"] .model-tag,
html[data-theme="dark"] .credit-badge,
html[data-theme="dark"] .account-badge,
html[data-theme="dark"] .scenario-chip,
html[data-theme="dark"] .count-discount-badge,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .count-discount-badge,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .count-discount-badge {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #cfe0ff !important;
  background: #24314d !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Strict flat dark palette: no gradients, no glow, one blue accent. */
html[data-theme="dark"] {
  --ink: #f3f4f6;
  --muted: #aab2c3;
  --soft: #1a1d25;
  --line: rgba(255, 255, 255, 0.1);
  --panel: #181b23;
  --purple: #5f77ad;
  --purple-2: #5f77ad;
  --purple-soft: rgba(95, 119, 173, 0.18);
  --cyan: #9db8e8;
  --green: #9db8e8;
  --blue: #5f77ad;
  --rose: #aab2c3;
  --amber: #aab2c3;
  --shadow: none;
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.feature-focus-mode,
html[data-theme="dark"] body.workstation-feature-mode,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .page-shell,
html[data-theme="dark"] .platform-shell,
html[data-theme="dark"] .workspace,
html[data-theme="dark"] .content-grid,
html[data-theme="dark"] .main-area,
html[data-theme="dark"] body.feature-focus-mode .main-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .main-area {
  color: #f3f4f6 !important;
  background: #0b0c0e !important;
  background-image: none !important;
}

html[data-theme="dark"] .platform-topbar,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .topbar,
html[data-theme="dark"] .side-nav,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f3f4f6 !important;
  background: #101114 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .platform-topbar button,
html[data-theme="dark"] .topbar button,
html[data-theme="dark"] .top-actions button,
html[data-theme="dark"] .top-actions .free-generate-button,
html[data-theme="dark"] .platform-theme-toggle,
html[data-theme="dark"] .workspace-theme-toggle,
html[data-theme="dark"] .theme-toggle-button,
html[data-theme="dark"] .account-trigger,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .tool-button {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e5e7eb !important;
  background: #181a1f !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] .side-nav .nav-group,
html[data-theme="dark"] .side-nav .nav-group:first-child,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav .nav-group:first-child {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: #121316 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav [data-home-link],
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] .side-nav .nav-sublist a,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav [data-home-link],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav .nav-primary[data-nav-target],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav .nav-sublist a {
  border-color: transparent !important;
  color: #a3aab6 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .side-nav [data-home-link].active,
html[data-theme="dark"] .side-nav [data-home-link]:hover,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] .side-nav a.active,
html[data-theme="dark"] .side-nav a:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav [data-home-link].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav [data-home-link]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav .nav-primary[data-nav-target].active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav .nav-primary[data-nav-target]:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav a.active,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .side-nav a:hover {
  border-color: rgba(95, 119, 173, 0.32) !important;
  color: #ffffff !important;
  background: #182b5c !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .task-panel,
html[data-theme="dark"] .task-body,
html[data-theme="dark"] .settings-column,
html[data-theme="dark"] .preview-column,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .upload-card,
html[data-theme="dark"] .single-upload-card,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .upload-card-wrap,
html[data-theme="dark"] #product-upload,
html[data-theme="dark"] .drop-zone,
html[data-theme="dark"] .detail-page-module,
html[data-theme="dark"] .detail-page-module-card,
html[data-theme="dark"] .detail-page-preview-board,
html[data-theme="dark"] .detail-page-resolution-panel,
html[data-theme="dark"] .set-preview-board,
html[data-theme="dark"] .set-preview-card,
html[data-theme="dark"] .set-generate-upload-card,
html[data-theme="dark"] .unified-material-groups,
html[data-theme="dark"] .unified-material-main,
html[data-theme="dark"] .unified-material-empty-inline,
html[data-theme="dark"] .pose-change-panel,
html[data-theme="dark"] .pose-custom-reference,
html[data-theme="dark"] .buyer-gender-grid,
html[data-theme="dark"] .buyer-ethnicity-grid,
html[data-theme="dark"] .buyer-age-grid,
html[data-theme="dark"] .works-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-body,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .preview-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .preview-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generation-resolution-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-options,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-latest-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .works-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .works-card {
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #e5e7eb !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .extra-prompt-box,
html[data-theme="dark"] .prompt-card,
html[data-theme="dark"] .free-bottom-ratio-section,
html[data-theme="dark"] .generate-count-box,
html[data-theme="dark"] .inline-model-section,
html[data-theme="dark"] .detail-page-select-menu,
html[data-theme="dark"] .print-compact-menu,
html[data-theme="dark"] .video-compact-select,
html[data-theme="dark"] .pose-type-tabs {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select,
html[data-theme="dark"] .select-field,
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .prompt-input,
html[data-theme="dark"] #extra-prompt,
html[data-theme="dark"] .extra-prompt-box textarea,
html[data-theme="dark"] .free-generate-highlight-input,
html[data-theme="dark"] .free-generate-highlight-layer {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f3f4f6 !important;
  background: #101114 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) summary,
html[data-theme="dark"] .choice-button,
html[data-theme="dark"] .resolution-option,
html[data-theme="dark"] .free-generate-option-grid button,
html[data-theme="dark"] .detail-page-select-menu button,
html[data-theme="dark"] .detail-product-type-grid button,
html[data-theme="dark"] .detail-page-resolution-options button,
html[data-theme="dark"] .inline-model-option,
html[data-theme="dark"] .inline-model-options button,
html[data-theme="dark"] .set-model-role-button,
html[data-theme="dark"] .material-toolbar-button,
html[data-theme="dark"] .material-empty-upload-button,
html[data-theme="dark"] .wrinkle-latest-toolbar button,
html[data-theme="dark"] .pose-upload-reference-button,
html[data-theme="dark"] .pose-type-button,
html[data-theme="dark"] .pose-reference-card,
html[data-theme="dark"] .buyer-gender-grid .choice-button,
html[data-theme="dark"] .buyer-ethnicity-grid .choice-button,
html[data-theme="dark"] .buyer-age-grid .choice-button,
html[data-theme="dark"] .print-compact-select summary,
html[data-theme="dark"] .print-count-select summary,
html[data-theme="dark"] .print-resolution-select summary,
html[data-theme="dark"] .print-compact-menu button {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d7dce5 !important;
  background: #1a1c21 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button:hover,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) summary:hover,
html[data-theme="dark"] .choice-button:hover,
html[data-theme="dark"] .resolution-option:hover,
html[data-theme="dark"] .free-generate-option-grid button:hover,
html[data-theme="dark"] .detail-page-select-menu button:hover,
html[data-theme="dark"] .detail-product-type-grid button:hover,
html[data-theme="dark"] .detail-page-resolution-options button:hover,
html[data-theme="dark"] .inline-model-option:hover,
html[data-theme="dark"] .pose-upload-reference-button:hover,
html[data-theme="dark"] .pose-type-button:hover,
html[data-theme="dark"] .pose-reference-card:hover,
html[data-theme="dark"] .buyer-gender-grid .choice-button:hover,
html[data-theme="dark"] .buyer-ethnicity-grid .choice-button:hover,
html[data-theme="dark"] .buyer-age-grid .choice-button:hover {
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  background: #202329 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .selected,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button.selected,
html[data-theme="dark"] .choice-button.selected,
html[data-theme="dark"] .resolution-option.selected,
html[data-theme="dark"] .free-generate-option-grid button.selected,
html[data-theme="dark"] .detail-page-select-menu button.selected,
html[data-theme="dark"] .detail-product-type-grid button.selected,
html[data-theme="dark"] .detail-page-resolution-options button.selected,
html[data-theme="dark"] .inline-model-option.selected,
html[data-theme="dark"] .inline-model-options button.selected,
html[data-theme="dark"] .set-model-role-button.selected,
html[data-theme="dark"] .material-toolbar-button.primary,
html[data-theme="dark"] .pose-type-button.selected,
html[data-theme="dark"] .pose-reference-card.selected,
html[data-theme="dark"] .buyer-gender-grid .choice-button.selected,
html[data-theme="dark"] .buyer-ethnicity-grid .choice-button.selected,
html[data-theme="dark"] .buyer-age-grid .choice-button.selected,
html[data-theme="dark"] .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-options button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-count-select .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-resolution-select .print-compact-menu button.selected {
  border-color: rgba(95, 119, 173, 0.74) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #generate,
html[data-theme="dark"] #mobile-generate,
html[data-theme="dark"] .create-button,
html[data-theme="dark"] .create-button.full,
html[data-theme="dark"] .generate-button,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .submit-button,
html[data-theme="dark"] .confirm-button,
html[data-theme="dark"] .prompt-optimize-button:not(:disabled) {
  border-color: rgba(95, 119, 173, 0.72) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #generate:disabled,
html[data-theme="dark"] #mobile-generate:disabled,
html[data-theme="dark"] .create-button:disabled,
html[data-theme="dark"] .create-button.full:disabled,
html[data-theme="dark"] .generate-button:disabled,
html[data-theme="dark"] .primary-button:disabled,
html[data-theme="dark"] .submit-button:disabled,
html[data-theme="dark"] .confirm-button:disabled,
html[data-theme="dark"] .prompt-optimize-button:disabled {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #7e8794 !important;
  background: #202329 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .lucide,
html[data-theme="dark"] .side-nav .lucide,
html[data-theme="dark"] .feature-card .lucide,
html[data-theme="dark"] .function-card-icon,
html[data-theme="dark"] .feature-icon,
html[data-theme="dark"] .model-selector-icon,
html[data-theme="dark"] .upload-icon,
html[data-theme="dark"] .works-icon,
html[data-theme="dark"] .modal-icon {
  color: #9db8e8 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h1,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h2,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) strong,
html[data-theme="dark"] b,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) label,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .section-head h2,
html[data-theme="dark"] .task-heading h2,
html[data-theme="dark"] .settings-head strong,
html[data-theme="dark"] .feature-head strong,
html[data-theme="dark"] .shop-button b,
html[data-theme="dark"] .account-profile-name-row strong {
  color: #f3f4f6 !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) p,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) em,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .task-heading p,
html[data-theme="dark"] .settings-head span,
html[data-theme="dark"] .feature-head small,
html[data-theme="dark"] .upload-copy small,
html[data-theme="dark"] .preview-empty,
html[data-theme="dark"] .profile-detail-empty,
html[data-theme="dark"] .generate-count-label small,
html[data-theme="dark"] .detail-count-note {
  color: #aab2c3 !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button.selected *,
html[data-theme="dark"] .selected *,
html[data-theme="dark"] #generate *,
html[data-theme="dark"] #mobile-generate *,
html[data-theme="dark"] .create-button *,
html[data-theme="dark"] .primary-button *,
html[data-theme="dark"] .submit-button *,
html[data-theme="dark"] .confirm-button * {
  color: #ffffff !important;
}

html[data-theme="dark"] .tag,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .tool-badge,
html[data-theme="dark"] .feature-tag,
html[data-theme="dark"] .model-tag,
html[data-theme="dark"] .credit-badge,
html[data-theme="dark"] .account-badge,
html[data-theme="dark"] .scenario-chip,
html[data-theme="dark"] .count-discount-badge,
html[data-theme="dark"] .inline-model-recommend-badge {
  border-color: rgba(95, 119, 173, 0.24) !important;
  color: #c8d8ff !important;
  background: #1a2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .preview-frame,
html[data-theme="dark"] .preview-stage,
html[data-theme="dark"] .image-preview,
html[data-theme="dark"] .media-preview {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background-color: #0f1012 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button:focus-visible,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) summary:focus-visible {
  outline: 2px solid rgba(95, 119, 173, 0.62) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Final gradient cleanup for feature pages with higher-specificity legacy rules. */
html[data-theme="dark"] body.feature-focus-mode .content-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .content-grid,
html[data-theme="dark"] body.feature-focus-mode .workspace,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .workspace,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .content-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .workspace {
  color: #f3f4f6 !important;
  background: #0b0c0e !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card-wrap,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card-wrap #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .single-upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .drop-zone,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode label.extra-prompt-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #free-bottom-ratio-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .free-bottom-ratio-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-preview-board,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-card-wrap,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-card-wrap #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .single-upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .drop-zone,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] label.extra-prompt-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] #free-bottom-ratio-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .free-bottom-ratio-section,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-preview-board {
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #e5e7eb !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-basic-select-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-product-type-row,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-select-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-module-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] #detail-page-resolution-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-resolution-panel {
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #e5e7eb !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .shine-layer,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .shine-layer {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] #set-generate-mode-block,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] #settings-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .set-model-role-field,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .set-ratio-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .set-preview-board {
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #e5e7eb !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .set-mode-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .choice-button.set-mode-button {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d7dce5 !important;
  background: #1a1c21 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .set-mode-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .choice-button.set-mode-button.selected {
  border-color: rgba(95, 119, 173, 0.74) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .print-compact-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .print-count-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .print-resolution-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .set-ratio-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-count-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-resolution-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-ratio-select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-count-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-resolution-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-ratio-select summary {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d7dce5 !important;
  background: #1a1c21 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #mobile-generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .create-button.full,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] #mobile-generate,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .create-button.full {
  border-color: rgba(95, 119, 173, 0.72) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dark theme readability pass: keep controls dark and text legible. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button:not(.selected) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #dbe2ee !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button:hover:not(.selected) {
  border-color: rgba(157, 184, 232, 0.36) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button.selected {
  border-color: rgba(157, 184, 232, 0.78) !important;
  color: #ffffff !important;
  background: #233b78 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-text strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button.selected .outpaint-preset-text strong {
  color: #ffffff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-text small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button.selected .outpaint-preset-text small {
  color: #b9c3d4 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .ratio-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button.selected .ratio-icon {
  color: #9bbcff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .ratio-icon::before,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"] .outpaint-preset-grid .choice-button.selected .ratio-icon::before {
  border-color: currentColor !important;
  background-color: #252934 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is(
  [data-active-feature="prompt-edit"],
  [data-active-feature="background"],
  [data-active-feature="colors"],
  [data-active-feature="try-on"],
  [data-active-feature="clothes-on-model"],
  [data-active-feature="outpaint"],
  [data-active-feature="watermark-remove"],
  [data-active-feature="pose-change"]
) .extra-prompt-box span {
  color: #e8edf5 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is(
  [data-active-feature="prompt-edit"],
  [data-active-feature="background"],
  [data-active-feature="colors"],
  [data-active-feature="try-on"],
  [data-active-feature="clothes-on-model"],
  [data-active-feature="outpaint"],
  [data-active-feature="watermark-remove"],
  [data-active-feature="pose-change"]
) .extra-prompt-box textarea {
  border-color: rgba(157, 184, 232, 0.18) !important;
  color: #f3f4f6 !important;
  background: #0f131d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is(
  [data-active-feature="prompt-edit"],
  [data-active-feature="background"],
  [data-active-feature="colors"],
  [data-active-feature="try-on"],
  [data-active-feature="clothes-on-model"],
  [data-active-feature="outpaint"],
  [data-active-feature="watermark-remove"],
  [data-active-feature="pose-change"]
) .extra-prompt-box textarea::placeholder {
  color: #8490a3 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is(
  [data-active-feature="prompt-edit"],
  [data-active-feature="background"],
  [data-active-feature="colors"],
  [data-active-feature="try-on"],
  [data-active-feature="clothes-on-model"],
  [data-active-feature="outpaint"],
  [data-active-feature="watermark-remove"],
  [data-active-feature="pose-change"]
) .prompt-optimize-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is(
  [data-active-feature="prompt-edit"],
  [data-active-feature="background"],
  [data-active-feature="colors"],
  [data-active-feature="try-on"],
  [data-active-feature="clothes-on-model"],
  [data-active-feature="outpaint"],
  [data-active-feature="watermark-remove"],
  [data-active-feature="pose-change"]
) .prompt-optimize-button:disabled {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #9ca8bb !important;
  background: #191c22 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .inline-model-section summary span,
html[data-theme="dark"] .inline-model-section summary strong,
html[data-theme="dark"] .print-compact-select summary span,
html[data-theme="dark"] .print-compact-select summary strong,
html[data-theme="dark"] .print-count-select summary span,
html[data-theme="dark"] .print-count-select summary strong,
html[data-theme="dark"] .print-resolution-select summary span,
html[data-theme="dark"] .print-resolution-select summary strong,
html[data-theme="dark"] .generate-count-box .generate-count-label,
html[data-theme="dark"] .generation-resolution-section .generate-count-label,
html[data-theme="dark"] .settings-bottom-area strong {
  color: #e8edf5 !important;
}

html[data-theme="dark"] .inline-model-section summary small,
html[data-theme="dark"] .print-compact-select summary small,
html[data-theme="dark"] .print-count-select summary small,
html[data-theme="dark"] .print-resolution-select summary small,
html[data-theme="dark"] .generate-count-box small,
html[data-theme="dark"] .generation-resolution-section small {
  color: #a8b2c2 !important;
}

html[data-theme="dark"] .inline-model-section .lucide,
html[data-theme="dark"] .print-compact-select .lucide,
html[data-theme="dark"] .print-count-select .lucide,
html[data-theme="dark"] .print-resolution-select .lucide {
  color: #9bbcff !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button:disabled,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button[disabled] {
  color: #9ca8bb !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .inline-model-section summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .inline-model-section summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-compact-select summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-compact-select summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-count-select summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-count-select summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-resolution-select summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-resolution-select summary strong {
  color: #edf2fa !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .inline-model-section summary small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-compact-select summary small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-count-select summary small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-resolution-select summary small {
  color: #a8b2c2 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .inline-model-section summary .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-compact-select summary .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-count-select summary .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-bottom-area .print-resolution-select summary .lucide {
  color: #9bbcff !important;
}

html[data-theme="dark"] .task-recent-panel,
html[data-theme="dark"] body.feature-focus-mode .task-recent-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .task-recent-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-panel {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #111318 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .task-recent-head,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-head {
  color: #e8edf5 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .task-recent-head strong,
html[data-theme="dark"] .task-recent-head strong span,
html[data-theme="dark"] .task-recent-head small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-head strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-head strong span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-head small {
  color: #e8edf5 !important;
}

html[data-theme="dark"] .task-recent-gallery,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-gallery {
  background: #111318 !important;
  background-image: none !important;
}

html[data-theme="dark"] .task-recent-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #171a20 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .task-recent-thumb,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-recent-thumb {
  background: #0d0f13 !important;
  background-image: none !important;
}

/* Colors feature: keep swatches and color reference controls readable in dark mode. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-grid {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button:not(.selected) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button:hover:not(.selected) {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button.selected {
  border-color: rgba(157, 184, 232, 0.82) !important;
  color: #ffffff !important;
  background: #233b78 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button small {
  color: #e8edf5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button.selected span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button.selected strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button.selected small {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button[aria-disabled="true"],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button.is-disabled {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #9ca8bb !important;
  background: #1a1d25 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button:disabled span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button[aria-disabled="true"] span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .swatch-button.is-disabled span {
  color: #9ca8bb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload:focus-visible {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload .upload-copy strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload .upload-copy span {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload .upload-copy small {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="colors"] .color-reference-upload .upload-icon {
  color: #9bbcff !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dark mode phase 2: neutralize late light feature controls. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .dynamic-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-scroll-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-extract-settings-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-generate-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-setting-block,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-tryon-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-generate-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-product-type-block,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-model-role-field,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-shot-picker,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-change-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .material-picker,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-basic-select-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-picker,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-checkgrid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-mode-tabs,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-angle-controls,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-orbit-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .wrinkle-strength-box {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-head,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-head,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .experience-label,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-filter-title,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-mode-label,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .wrinkle-strength-title,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-preset-divider,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .free-ratio-heading,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-product-type-row > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-count-label {
  color: #edf2fa !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .setting-note,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-setting-hint,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-head small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-card small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-option small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-tryon-fixed-note {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-copy strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-card strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-option strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .choice-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-preset-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-reset-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-mode-tabs button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-action-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .model-bg-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .free-generate-option-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-extract-ratio-grid button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generate-count-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .generation-resolution-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-resolution-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-product-type-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-select-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-count-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-card-option,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-card-text-switch,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-mode-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-model-role-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-model-style-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-shot-option,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-tryon-max-option,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .wrinkle-strength-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .clothes-age-menu button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-compact-menu button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .choice-button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-preset-button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-reset-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-mode-tabs button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .model-bg-grid button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .free-generate-option-grid button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-menu button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-select-menu button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-count-menu button:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-shot-option:hover:not(.selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-tryon-max-option:hover:not(.is-selected),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-compact-menu button:hover:not(.selected) {
  border-color: rgba(157, 184, 232, 0.36) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .choice-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-preset-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-mode-tabs button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-action-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .model-bg-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .free-generate-option-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-extract-ratio-grid button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .count-option.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .resolution-option.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-resolution-options button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-product-type-options button[aria-pressed="true"],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-select-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-count-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-card-option.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-card-text-switch.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-mode-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-model-role-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-model-style-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-shot-option.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-tryon-max-option.is-selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .wrinkle-strength-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .clothes-age-menu button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-compact-menu button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .choice-button.selected small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-preset-button.selected small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-mode-button.selected small {
  color: #e8edf5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .choice-button::before,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .model-bg-grid button::before {
  background: #687386 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .choice-button.selected::before,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .model-bg-grid button.selected::before {
  background: #9bbcff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] button:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] button[aria-disabled="true"],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] button.is-disabled {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #7f8a9d !important;
  background: #1a1d25 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] input,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] textarea,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-select-field select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-preview-edit-request,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-preview-copy-request {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #eef3fb !important;
  background: #111317 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] input::placeholder,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] textarea::placeholder {
  color: #8490a3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-select-field summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-count-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-section summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-ratio-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .clothes-age-select summary {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-select-field[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-count-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-section[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-ratio-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-compact-select[open] summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .clothes-age-select[open] summary {
  border-color: rgba(157, 184, 232, 0.54) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-select-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-count-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-ratio-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .inline-model-options,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-compact-menu,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .clothes-age-menu {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] #product-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .compact-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .secondary-reference-upload,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-upload-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-generate-upload-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .color-reference-upload {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-card:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] #product-upload:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .compact-upload:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .secondary-reference-upload:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-upload-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .set-generate-upload-card:hover {
  border-color: rgba(157, 184, 232, 0.36) !important;
  background: #171a20 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] #product-upload .upload-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-official-material-icon {
  color: #9bbcff !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .single-upload-preview-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .secondary-reference-preview-strip,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-reference-preview-strip,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .color-reference-preview-strip {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #0f1115 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-option {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #171a20 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-card.is-selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-card:has(input:checked),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-option.is-selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-option:has(input:checked) {
  border-color: rgba(157, 184, 232, 0.64) !important;
  background: #1b2d58 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-page-module-card input,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .detail-module-option input {
  accent-color: #5f8cff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .setting-note,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .buyer-tryon-fixed-note,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .print-resolution-bubble,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-reference-url-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-status-card {
  border-color: rgba(157, 184, 232, 0.18) !important;
  color: #c8d7f5 !important;
  background: #111a2a !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .ratio-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .ratio-mini,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .video-ratio-icon {
  border-color: rgba(168, 178, 194, 0.72) !important;
  background: #111317 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .selected .ratio-icon,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .selected .ratio-mini,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .selected .video-ratio-icon {
  border-color: rgba(255, 255, 255, 0.86) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-official-material-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-drawer,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-head,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-empty {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-official-material-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .background-official-material-button.is-open {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #ffffff !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-category-row button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] [data-official-material-close],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-card {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-category-row button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .official-material-card.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-orbit-sphere,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-orbit-subject {
  border-color: rgba(157, 184, 232, 0.24) !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-angle-row input[type="range"],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] input[type="range"] {
  accent-color: #5f8cff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .view-angle-row output,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] output {
  color: #e8edf5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .settings-column .video-bottom-options .video-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .settings-column .video-bottom-options .video-compact-select[open] summary {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .settings-column .video-bottom-options .video-compact-select summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .settings-column .video-bottom-options .video-compact-select summary strong {
  color: #edf2fa !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .settings-column .video-bottom-options .video-compact-select summary > .lucide:first-child {
  color: #9bbcff !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .settings-column .video-bottom-options .video-compact-select summary > .lucide:last-child {
  color: #9bbcff !important;
}

/* Dark mode phase 3: account, purchase, library, and home cleanup. */
html[data-theme="dark"] .credit-center-modal,
html[data-theme="dark"] .credit-action-modal,
html[data-theme="dark"] #profile-modal {
  background: rgba(4, 8, 18, 0.76) !important;
  background-image: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html[data-theme="dark"] .credit-center-dialog,
html[data-theme="dark"] .credit-action-dialog,
html[data-theme="dark"] .credit-action-modal.is-plans .credit-action-dialog,
html[data-theme="dark"] .credit-action-modal.is-payment .credit-action-dialog,
html[data-theme="dark"] #profile-modal .profile-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #eef3fb !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-action-head h2,
html[data-theme="dark"] .credit-center-head h2,
html[data-theme="dark"] #profile-modal .profile-center-head h2,
html[data-theme="dark"] #profile-modal .profile-panel-title strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-action-head p,
html[data-theme="dark"] .credit-center-head p,
html[data-theme="dark"] .credit-pane-intro small,
html[data-theme="dark"] #profile-modal .profile-center-head p,
html[data-theme="dark"] #profile-modal .profile-panel-title small,
html[data-theme="dark"] #profile-message {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-action-head .small-icon-button,
html[data-theme="dark"] .credit-center-head .small-icon-button,
html[data-theme="dark"] #profile-modal .small-icon-button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #9bbcff !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-mini-action,
html[data-theme="dark"] .credit-center-tabs button,
html[data-theme="dark"] .member-plan-switch,
html[data-theme="dark"] .member-plan-switch button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #c9d3e4 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-center-tabs button.selected,
html[data-theme="dark"] .member-plan-switch button.selected {
  border-color: rgba(157, 184, 232, 0.5) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-summary-card,
html[data-theme="dark"] .credit-center-summary > div,
html[data-theme="dark"] .credit-package-hero,
html[data-theme="dark"] .credit-checkin-card,
html[data-theme="dark"] .credit-record-empty,
html[data-theme="dark"] .member-plan-board,
html[data-theme="dark"] .member-plan-card,
html[data-theme="dark"] .member-plan-card.is-current,
html[data-theme="dark"] .member-plan-card.is-featured,
html[data-theme="dark"] .credit-package-card,
html[data-theme="dark"] .credit-package-card.is-recommended {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .member-plan-card:hover,
html[data-theme="dark"] .credit-package-card:hover {
  border-color: rgba(157, 184, 232, 0.36) !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .member-plan-card.is-featured,
html[data-theme="dark"] .member-plan-card.is-current,
html[data-theme="dark"] .credit-package-card.is-recommended {
  border-color: rgba(157, 184, 232, 0.58) !important;
  background: #18213a !important;
  background-image: none !important;
}

html[data-theme="dark"] .member-plan-popular,
html[data-theme="dark"] .member-plan-current,
html[data-theme="dark"] .credit-package-top em,
html[data-theme="dark"] .credit-summary-card em {
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-summary-card::before,
html[data-theme="dark"] .credit-package-card::before {
  background: #5f77ad !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-center-summary small,
html[data-theme="dark"] .member-plan-head small,
html[data-theme="dark"] .member-plan-price span,
html[data-theme="dark"] .member-plan-pay-note,
html[data-theme="dark"] .credit-package-hero small,
html[data-theme="dark"] .credit-package-hero li,
html[data-theme="dark"] .credit-package-card p,
html[data-theme="dark"] .credit-package-meta b,
html[data-theme="dark"] .credit-package-usage span {
  color: #a8b2c2 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-center-summary strong,
html[data-theme="dark"] .member-plan-head strong,
html[data-theme="dark"] .member-plan-price strong,
html[data-theme="dark"] .credit-package-hero strong,
html[data-theme="dark"] .credit-package-price strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .member-plan-feature-list li,
html[data-theme="dark"] .member-plan-feature-list i,
html[data-theme="dark"] .credit-package-price small,
html[data-theme="dark"] .credit-package-hero span,
html[data-theme="dark"] .credit-bucket-pill {
  color: #9bbcff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .member-plan-card button,
html[data-theme="dark"] .member-plan-card.is-featured button,
html[data-theme="dark"] .credit-package-card button,
html[data-theme="dark"] .credit-checkin-card button {
  border-color: rgba(95, 119, 173, 0.72) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-payment-page,
html[data-theme="dark"] .credit-payment-hero,
html[data-theme="dark"] .credit-payment-order,
html[data-theme="dark"] .credit-payment-checkout,
html[data-theme="dark"] .credit-payment-detail-list,
html[data-theme="dark"] .credit-payment-note,
html[data-theme="dark"] .credit-wechat-pay-box {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-payment-hero span,
html[data-theme="dark"] .credit-payment-secure,
html[data-theme="dark"] .credit-payment-method > span {
  color: #9bbcff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-payment-hero strong,
html[data-theme="dark"] .credit-payment-section-title strong,
html[data-theme="dark"] .credit-payment-detail-list dd,
html[data-theme="dark"] .credit-wechat-qr strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-payment-hero small,
html[data-theme="dark"] .credit-payment-section-title span,
html[data-theme="dark"] .credit-payment-detail-list dt,
html[data-theme="dark"] .credit-payment-note,
html[data-theme="dark"] .credit-payment-checkout p,
html[data-theme="dark"] .credit-payment-method button small,
html[data-theme="dark"] .credit-wechat-qr span {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-payment-detail-list div,
html[data-theme="dark"] .credit-payment-detail-list dt {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: #181b23 !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-payment-detail-list dd {
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-payment-amount {
  color: #ffffff !important;
  background: #1d3f86 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-payment-amount span,
html[data-theme="dark"] .credit-payment-amount strong,
html[data-theme="dark"] .credit-payment-amount small {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-payment-secure,
html[data-theme="dark"] .credit-payment-method button,
html[data-theme="dark"] .credit-payment-back,
html[data-theme="dark"] .credit-wechat-qr img {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-payment-method button.selected,
html[data-theme="dark"] .credit-payment-method button[aria-pressed="true"] {
  border-color: rgba(157, 184, 232, 0.62) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-payment-method button strong,
html[data-theme="dark"] .credit-payment-method button.selected small,
html[data-theme="dark"] .credit-payment-method button[aria-pressed="true"] small {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-payment-submit,
html[data-theme="dark"] .credit-wechat-qr button {
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #profile-modal .profile-avatar-edit,
html[data-theme="dark"] #profile-modal .profile-panel,
html[data-theme="dark"] #profile-modal .profile-stat-grid article,
html[data-theme="dark"] #profile-modal .profile-action-grid button {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #profile-modal .profile-form input,
html[data-theme="dark"] #profile-modal .profile-form input[readonly],
html[data-theme="dark"] #profile-modal .profile-invite-row input,
html[data-theme="dark"] #profile-modal .profile-invite-row input[readonly],
html[data-theme="dark"] #profile-modal .profile-inline-action input {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #f0eee8 !important;
  background: #111317 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #profile-modal .profile-form label,
html[data-theme="dark"] #profile-modal .profile-invite-row label,
html[data-theme="dark"] #profile-modal .profile-center-head > div > span,
html[data-theme="dark"] #profile-modal .profile-stat-grid article span {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #profile-modal .profile-stat-grid article strong,
html[data-theme="dark"] #profile-modal .profile-action-grid button {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #profile-modal .profile-inline-action button,
html[data-theme="dark"] #profile-modal .profile-invite-row button,
html[data-theme="dark"] #profile-modal .profile-actions .outline-button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #profile-modal .profile-actions .create-button {
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.library-focus-mode .feature-experience,
html[data-theme="dark"] body.library-focus-mode .task-panel,
html[data-theme="dark"] body.library-focus-mode .task-body,
html[data-theme="dark"] body.library-focus-mode .material-library-shell,
html[data-theme="dark"] body.library-focus-mode .unified-material-library,
html[data-theme="dark"] body.library-focus-mode .unified-material-overview,
html[data-theme="dark"] body.library-focus-mode .unified-material-groups,
html[data-theme="dark"] body.library-focus-mode .unified-material-main,
html[data-theme="dark"] body.library-focus-mode .unified-material-empty-inline,
html[data-theme="dark"] body.library-focus-mode .unified-material-empty,
html[data-theme="dark"] body.library-focus-mode .unified-material-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-groups {
  background: #181b23 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs,
html[data-theme="dark"] body.library-focus-mode .unified-material-section-head,
html[data-theme="dark"] body.library-focus-mode .unified-material-toolbar {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button,
html[data-theme="dark"] body.library-focus-mode .material-group-add-button,
html[data-theme="dark"] body.library-focus-mode .material-toolbar-button,
html[data-theme="dark"] body.library-focus-mode .material-empty-upload-button,
html[data-theme="dark"] body.library-focus-mode .unified-material-group-list button,
html[data-theme="dark"] body.library-focus-mode .material-group-count {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #c9d3e4 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected,
html[data-theme="dark"] body.library-focus-mode .unified-material-group-list button.selected,
html[data-theme="dark"] body.library-focus-mode .material-toolbar-button.primary,
html[data-theme="dark"] body.library-focus-mode .material-empty-upload-button {
  border-color: rgba(157, 184, 232, 0.62) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs .lucide,
html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected .lucide {
  color: #9bbcff !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected .lucide {
  color: #ffffff !important;
  background: #5f77ad !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-overview strong,
html[data-theme="dark"] body.library-focus-mode .unified-material-toolbar strong,
html[data-theme="dark"] body.library-focus-mode .unified-material-section-head strong,
html[data-theme="dark"] body.library-focus-mode .unified-material-empty-inline strong,
html[data-theme="dark"] body.library-focus-mode .unified-material-card strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-overview span,
html[data-theme="dark"] body.library-focus-mode .unified-material-overview small,
html[data-theme="dark"] body.library-focus-mode .unified-material-toolbar small,
html[data-theme="dark"] body.library-focus-mode .unified-material-section-head small,
html[data-theme="dark"] body.library-focus-mode .unified-material-empty-inline em,
html[data-theme="dark"] body.library-focus-mode .unified-material-card small,
html[data-theme="dark"] body.library-focus-mode .material-library-tabs small,
html[data-theme="dark"] body.library-focus-mode .unified-material-group-list small {
  color: #a8b2c2 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-main.is-dragover {
  outline-color: #5f8cff !important;
  background: #18213a !important;
  background-image: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .function-board,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .function-card,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .function-card:hover,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-card:hover {
  border-color: rgba(157, 184, 232, 0.32) !important;
  background: #191c22 !important;
  background-image: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .function-board .section-head h2,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .basic-board .section-head h2,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-head strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-head small,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-chip {
  border-color: rgba(157, 184, 232, 0.24) !important;
  color: #e8edf5 !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-icon,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .basic-board .feature-icon,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-icon.purple,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-icon.mint,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-icon.blue,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-icon.green,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .feature-icon.rainbow {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9bbcff !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .card-media {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: #111317 !important;
  background-image: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .compare-media::after {
  background: rgba(155, 188, 255, 0.78) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dark mode phase 4: remaining dialogs, records, detail presets, and works page. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-materials,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-panel {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-module-head > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-head span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-head span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-button strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-materials .detail-reference-button strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button span {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-head small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-head small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-button small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-materials .detail-reference-button small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button small {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-materials .detail-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-button > img,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-button > .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-clear,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-template-remove {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #9bbcff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-card.has-template .detail-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-reference-card.has-image .detail-reference-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button:hover {
  border-color: rgba(157, 184, 232, 0.36) !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button.detail-style-preset-auto.selected {
  border-color: rgba(157, 184, 232, 0.62) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button.selected span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-preset-button.selected small {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-style-recommend-badge {
  color: #e8edf5 !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #checkin-modal {
  background: rgba(4, 8, 18, 0.76) !important;
  background-image: none !important;
}

html[data-theme="dark"] #checkin-modal .checkin-card,
html[data-theme="dark"] #checkin-modal .checkin-reward-panel,
html[data-theme="dark"] #checkin-modal .checkin-rule-grid div {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #checkin-modal .checkin-card-head h2,
html[data-theme="dark"] #checkin-modal .checkin-reward-panel strong,
html[data-theme="dark"] #checkin-modal .checkin-rule-grid b {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #checkin-modal .checkin-card-head span,
html[data-theme="dark"] #checkin-modal .checkin-reward-panel small,
html[data-theme="dark"] #checkin-modal .checkin-notes .lucide {
  color: #9bbcff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #checkin-modal .checkin-card-head p,
html[data-theme="dark"] #checkin-modal .checkin-reward-panel span,
html[data-theme="dark"] #checkin-modal .checkin-rule-grid span,
html[data-theme="dark"] #checkin-modal .checkin-notes li {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #checkin-modal .checkin-card-icon {
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #checkin-modal #checkin-submit {
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #checkin-modal #checkin-close {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-record-shell,
html[data-theme="dark"] .credit-record-headline,
html[data-theme="dark"] .credit-record-toolbar,
html[data-theme="dark"] .credit-record-scroll,
html[data-theme="dark"] .credit-record-list,
html[data-theme="dark"] .credit-record-footnote {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-record-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-record-item:hover {
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-record-headline strong,
html[data-theme="dark"] .credit-record-main strong,
html[data-theme="dark"] .credit-record-side b {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-record-headline small,
html[data-theme="dark"] .credit-record-main small,
html[data-theme="dark"] .credit-record-side small,
html[data-theme="dark"] .credit-record-footnote {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-record-side b.is-positive {
  color: #72e6b2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-record-side b.is-negative {
  color: #ff9aa6 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .credit-record-icon,
html[data-theme="dark"] .credit-record-icon.is-positive,
html[data-theme="dark"] .credit-record-icon.is-negative {
  color: #9bbcff !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] .credit-record-toolbar button,
html[data-theme="dark"] .credit-record-refresh,
html[data-theme="dark"] .credit-rules-toggle {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .credit-record-toolbar button.selected {
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.works-focus-mode .works-panel,
html[data-theme="dark"] body.works-focus-mode .works-empty,
html[data-theme="dark"] body.works-focus-mode .work-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.works-focus-mode .works-retention-notice,
html[data-theme="dark"] body.works-focus-mode .works-category-button,
html[data-theme="dark"] body.works-focus-mode .works-toggle {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.works-focus-mode .works-retention-notice .lucide,
html[data-theme="dark"] body.works-focus-mode .works-category-button small,
html[data-theme="dark"] body.works-focus-mode .works-toggle .lucide {
  color: #9bbcff !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.works-focus-mode .works-category-button.selected,
html[data-theme="dark"] body.works-focus-mode .works-category-button.selected small {
  border-color: rgba(95, 119, 173, 0.72) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.works-focus-mode .works-panel-head h2,
html[data-theme="dark"] body.works-focus-mode .works-empty strong,
html[data-theme="dark"] body.works-focus-mode .work-card strong,
html[data-theme="dark"] body.works-focus-mode .work-meta-row span {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.works-focus-mode .works-panel-head p,
html[data-theme="dark"] body.works-focus-mode .works-retention-notice span,
html[data-theme="dark"] body.works-focus-mode .works-empty small,
html[data-theme="dark"] body.works-focus-mode .work-card small,
html[data-theme="dark"] body.works-focus-mode .work-meta-error {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.works-focus-mode .work-thumb {
  background: #111317 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-resolution-title {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.works-focus-mode .work-meta small,
html[data-theme="dark"] body.works-focus-mode [data-work-status] {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Dark mode sidebar logo: keep the brand mark crisp on the dark rail. */
html[data-theme="dark"] .sidebar .brand::before,
html[data-theme="dark"] .sidebar .brand::after {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] .sidebar .brand-logo img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .sidebar .brand-tagline {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Dark mode all-tasks card: remove the decorative sheen. */
html[data-theme="dark"] .works-card::before {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .works-card,
html[data-theme="dark"] .works-card.is-generating {
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dark mode home hero: richer star field without gradients. */
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-card {
  background: #020712 !important;
  background-image: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(135, 168, 255, 0.12),
    inset 0 -38px 72px rgba(15, 28, 58, 0.54),
    0 18px 42px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-card::before,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-card::after {
  content: "" !important;
  position: absolute !important;
  inset: auto !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: none !important;
  pointer-events: none !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-card::before {
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0.8 !important;
  box-shadow:
    42px 74px 0 rgba(255, 255, 255, 0.42),
    92px 28px 0 rgba(255, 255, 255, 0.7),
    126px 302px 0 rgba(137, 180, 255, 0.48),
    168px 96px 0 rgba(255, 255, 255, 0.55),
    218px 188px 0 rgba(137, 180, 255, 0.52),
    274px 64px 0 rgba(255, 255, 255, 0.68),
    334px 236px 0 rgba(255, 255, 255, 0.44),
    396px 126px 0 rgba(255, 255, 255, 0.48),
    458px 18px 0 rgba(137, 180, 255, 0.46),
    524px 34px 0 rgba(255, 255, 255, 0.64),
    604px 294px 0 rgba(255, 255, 255, 0.54),
    682px 108px 0 rgba(255, 255, 255, 0.5),
    724px 212px 0 rgba(137, 180, 255, 0.5),
    804px 46px 0 rgba(255, 255, 255, 0.72),
    874px 252px 0 rgba(255, 255, 255, 0.46),
    938px 138px 0 rgba(255, 255, 255, 0.46),
    986px 330px 0 rgba(137, 180, 255, 0.42),
    1086px 76px 0 rgba(255, 255, 255, 0.62),
    1138px 326px 0 rgba(255, 255, 255, 0.5),
    1218px 28px 0 rgba(255, 255, 255, 0.52),
    1268px 196px 0 rgba(137, 180, 255, 0.48),
    1376px 118px 0 rgba(255, 255, 255, 0.7),
    1438px 276px 0 rgba(255, 255, 255, 0.42),
    1510px 54px 0 rgba(255, 255, 255, 0.5),
    1564px 204px 0 rgba(137, 180, 255, 0.44),
    1664px 144px 0 rgba(255, 255, 255, 0.58),
    1726px 318px 0 rgba(255, 255, 255, 0.5),
    1816px 84px 0 rgba(255, 255, 255, 0.72),
    1906px 244px 0 rgba(255, 255, 255, 0.44),
    1968px 34px 0 rgba(255, 255, 255, 0.52) !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-card::after {
  left: 0 !important;
  top: 0 !important;
  width: 2px !important;
  height: 2px !important;
  opacity: 0.76 !important;
  box-shadow:
    74px 196px 18px 5px rgba(96, 137, 220, 0.22),
    142px 152px 0 rgba(155, 188, 255, 0.9),
    292px 316px 0 rgba(155, 188, 255, 0.78),
    354px 114px 20px 6px rgba(255, 255, 255, 0.16),
    438px 78px 0 rgba(255, 255, 255, 0.72),
    564px 236px 0 rgba(255, 255, 255, 0.64),
    642px 42px 16px 4px rgba(116, 156, 255, 0.2),
    746px 150px 0 rgba(155, 188, 255, 0.84),
    898px 304px 0 rgba(155, 188, 255, 0.72),
    954px 166px 22px 6px rgba(96, 137, 220, 0.2),
    1028px 42px 0 rgba(255, 255, 255, 0.76),
    1166px 222px 0 rgba(255, 255, 255, 0.62),
    1324px 92px 0 rgba(155, 188, 255, 0.86),
    1362px 270px 20px 6px rgba(116, 156, 255, 0.18),
    1448px 342px 0 rgba(155, 188, 255, 0.74),
    1592px 34px 0 rgba(255, 255, 255, 0.7),
    1748px 256px 0 rgba(255, 255, 255, 0.62),
    1824px 52px 18px 5px rgba(96, 137, 220, 0.22),
    1888px 134px 0 rgba(155, 188, 255, 0.82) !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .fashion-hero-logo {
  filter: brightness(0) invert(1) !important;
  opacity: 0.96 !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-text {
  z-index: 2 !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-text h1 {
  color: #9db8e8 !important;
  text-shadow:
    0 0 18px rgba(157, 184, 232, 0.38),
    0 2px 8px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-title-accent {
  color: #9db8e8 !important;
  text-shadow:
    0 0 18px rgba(157, 184, 232, 0.42),
    0 2px 8px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-text p {
  color: #aab2c3 !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .hero-visual {
  z-index: 1 !important;
}

/* Dark mode platform homepage: black star field and white header logo. */
html[data-theme="dark"] body:not(.app-body) .platform-brand img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.96 !important;
}

html[data-theme="dark"] body:not(.app-body) .platform-hero {
  background: #020712 !important;
  background-image: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(135, 168, 255, 0.1),
    inset 0 -46px 92px rgba(15, 28, 58, 0.5) !important;
}

html[data-theme="dark"] body:not(.app-body) .platform-hero::before,
html[data-theme="dark"] body:not(.app-body) .platform-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: none !important;
  pointer-events: none !important;
  opacity: 1 !important;
  transition: none !important;
}

html[data-theme="dark"] body:not(.app-body) .platform-hero::before {
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
    84px 86px 0 rgba(255, 255, 255, 0.5),
    184px 248px 0 rgba(157, 184, 232, 0.48),
    278px 126px 0 rgba(255, 255, 255, 0.62),
    372px 386px 0 rgba(157, 184, 232, 0.44),
    486px 202px 0 rgba(255, 255, 255, 0.56),
    596px 118px 0 rgba(157, 184, 232, 0.52),
    742px 332px 0 rgba(255, 255, 255, 0.46),
    884px 164px 0 rgba(157, 184, 232, 0.58),
    1016px 464px 0 rgba(255, 255, 255, 0.48),
    1168px 248px 0 rgba(255, 255, 255, 0.62),
    1284px 104px 0 rgba(157, 184, 232, 0.5),
    1438px 408px 0 rgba(255, 255, 255, 0.5),
    1592px 184px 0 rgba(157, 184, 232, 0.56),
    1736px 318px 0 rgba(255, 255, 255, 0.48),
    1884px 92px 0 rgba(157, 184, 232, 0.52),
    2036px 504px 0 rgba(255, 255, 255, 0.44) !important;
}

html[data-theme="dark"] body:not(.app-body) .platform-hero::after {
  left: 0 !important;
  top: 0 !important;
  width: 2px !important;
  height: 2px !important;
  box-shadow:
    146px 398px 18px 5px rgba(96, 137, 220, 0.2),
    246px 182px 0 rgba(155, 188, 255, 0.88),
    424px 292px 22px 6px rgba(255, 255, 255, 0.14),
    638px 92px 0 rgba(255, 255, 255, 0.72),
    782px 526px 18px 5px rgba(96, 137, 220, 0.18),
    928px 244px 0 rgba(155, 188, 255, 0.8),
    1114px 372px 20px 6px rgba(116, 156, 255, 0.2),
    1322px 178px 0 rgba(255, 255, 255, 0.7),
    1516px 514px 18px 5px rgba(96, 137, 220, 0.18),
    1698px 266px 0 rgba(155, 188, 255, 0.78),
    1886px 396px 20px 6px rgba(116, 156, 255, 0.2),
    2078px 206px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="dark"] body:not(.app-body) .platform-hero > * {
  z-index: 3 !important;
}

/* Dark mode polish: library selection and prompt focus states. */
html[data-theme="dark"] body.library-focus-mode .material-library-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button,
html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected {
  border: 0 !important;
  color: #aeb8c8 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected {
  color: #dfe8ff !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button::after {
  background: transparent !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected::after {
  height: 2px !important;
  background: #5f83ff !important;
  box-shadow: 0 0 10px rgba(95, 131, 255, 0.42) !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs .lucide {
  color: #8fa3c6 !important;
  background: #182234 !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected .lucide {
  color: #9eb9ff !important;
  background: #21325a !important;
  box-shadow: inset 0 0 0 1px rgba(124, 158, 255, 0.26) !important;
}

html[data-theme="dark"] body.library-focus-mode .material-library-tabs button.selected small {
  color: #aab2c3 !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-group-list button,
html[data-theme="dark"] body.library-focus-mode .unified-material-group-list button.selected {
  border: 1px solid transparent !important;
  color: #aeb8c8 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-group-list button.selected {
  border-color: rgba(95, 131, 255, 0.28) !important;
  color: #e6edff !important;
  background: rgba(39, 65, 122, 0.32) !important;
}

html[data-theme="dark"] body.library-focus-mode .unified-material-group-list button.selected small {
  color: #dfe8ff !important;
  background: rgba(21, 28, 44, 0.76) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] textarea:focus,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="prompt-edit"], [data-active-feature="background"], [data-active-feature="colors"], [data-active-feature="try-on"], [data-active-feature="clothes-on-model"], [data-active-feature="outpaint"], [data-active-feature="watermark-remove"], [data-active-feature="pose-change"]) .extra-prompt-box textarea:focus,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .extra-prompt-box textarea:focus,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .extra-prompt-box textarea:focus,
html[data-theme="dark"] #free-generate-page #free-page-prompt:focus {
  border-color: #5f83ff !important;
  outline: 2px solid rgba(95, 131, 255, 0.68) !important;
  outline-offset: -2px !important;
  background: #141821 !important;
  box-shadow:
    inset 0 0 0 1px rgba(172, 196, 255, 0.22),
    0 0 0 1px rgba(95, 131, 255, 0.16) !important;
}

html[data-theme="dark"] body[data-active-feature="free-generate"] #free-page-prompt,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #free-page-prompt,
html[data-theme="dark"] #free-generate-page #free-page-prompt {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body[data-active-feature="free-generate"] #free-page-prompt::placeholder,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #free-page-prompt::placeholder,
html[data-theme="dark"] #free-generate-page #free-page-prompt::placeholder {
  color: #8f9db4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .extra-prompt-box {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .extra-prompt-box > span {
  color: #aab2c3 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #extra-prompt,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #extra-prompt:focus,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .extra-prompt-box.has-video-highlight #extra-prompt,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .extra-prompt-box.has-video-highlight #extra-prompt:focus {
  border-color: rgba(95, 131, 255, 0.58) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  outline: 2px solid rgba(95, 131, 255, 0.68) !important;
  outline-offset: -2px !important;
  box-shadow:
    inset 0 0 0 1px rgba(172, 196, 255, 0.22),
    0 0 0 1px rgba(95, 131, 255, 0.16) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] #extra-prompt::placeholder {
  color: #8f9db4 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Final theme toggle polish. */
html[data-theme="dark"] .platform-theme-toggle,
html[data-theme="dark"] .workspace-theme-toggle,
html[data-theme="dark"] .top-actions .theme-toggle-button,
html[data-theme="dark"] .theme-toggle-button {
  border-color: rgba(142, 163, 206, 0.28) !important;
  color: #d8e4ff !important;
  background: rgba(18, 23, 34, 0.72) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: blur(14px) !important;
}

html[data-theme="dark"] .platform-theme-toggle:hover,
html[data-theme="dark"] .workspace-theme-toggle:hover,
html[data-theme="dark"] .top-actions .theme-toggle-button:hover,
html[data-theme="dark"] .theme-toggle-button:hover {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #f2f6ff !important;
  background: rgba(29, 38, 58, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] .theme-toggle-button .lucide,
html[data-theme="dark"] .top-actions .theme-toggle-button .lucide {
  color: #9eb9ff !important;
}

html:not([data-theme="dark"]) .theme-toggle-button .lucide {
  color: #475569;
}

/* Buyer try-on merchant settings: remove late light cards in dark mode. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-field,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-row > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-max-field > span {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-row {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary strong.is-empty {
  color: #dfe8ff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary strong.is-empty {
  color: #7f8a9d !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary button {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-shop-summary button:focus-visible {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #ffffff !important;
  background: #252b36 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-options button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-options button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-options button:focus-visible {
  border-color: rgba(157, 184, 232, 0.36) !important;
  color: #ffffff !important;
  background: #252b36 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-options button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-product-type-options button[aria-pressed="true"] {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-fixed-note {
  border-color: rgba(64, 111, 214, 0.42) !important;
  color: #a8b8d4 !important;
  background: rgba(20, 40, 82, 0.42) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .buyer-tryon-fixed-note .lucide {
  color: #5f83ff !important;
}

html[data-theme="dark"] body.feature-showcase-mode.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] #preview-frame,
html[data-theme="dark"] body.feature-showcase-mode.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] #preview-empty,
html[data-theme="dark"] body.feature-showcase-mode.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] .set-preview-board {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Detail-page draft task cards: remove late light panels in dark mode. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-toolbar span {
  border-color: rgba(95, 131, 255, 0.38) !important;
  color: #9eb9ff !important;
  background: rgba(30, 45, 86, 0.48) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-toolbar button {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #dce6f7 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-toolbar button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-toolbar button:focus-visible {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-frame {
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-frame.is-selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-frame:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.08) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-delete-button {
  color: #b7c8ff !important;
  background: rgba(28, 34, 48, 0.94) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-delete-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-delete-button:focus-visible {
  color: #ffffff !important;
  background: #526fa8 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-panel {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #171a20 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-head strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-field > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-field > span em,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-title,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-color-block strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-latest-unit-summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-state,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-empty small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-color-block small {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-scroll-area::-webkit-scrollbar-thumb {
  background: rgba(157, 184, 232, 0.24) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-edit-request,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-field .detail-preview-edit-request,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-item textarea {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-edit-request:focus,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-item textarea:focus {
  border-color: rgba(95, 131, 255, 0.62) !important;
  outline: 2px solid rgba(95, 131, 255, 0.54) !important;
  outline-offset: -2px !important;
  background: #141821 !important;
  box-shadow:
    inset 0 0 0 1px rgba(172, 196, 255, 0.18),
    0 0 0 1px rgba(95, 131, 255, 0.14) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-edit-request::placeholder,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-item textarea::placeholder {
  color: #8490a3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-copy-request:disabled {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #7f8a9d !important;
  background: #1a1d25 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-option-row button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-auto-color,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-mode-row button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-color-button {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-option-row button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-auto-color:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-mode-row button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-color-button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-option-row button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-auto-color.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-mode-row button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-color-button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-switch,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-no-text-switch {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-switch i {
  background: #657086 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-switch i::after {
  background: #f5f8ff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-switch.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-no-text-switch.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-text-switch.selected i {
  background: rgba(255, 255, 255, 0.28) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-card-color-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-text-item {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-preview-action-row {
  color: #aab2c3 !important;
}

/* Poster design dark-mode completion. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .settings-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .settings-head {
  display: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-section {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #14171b !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-section-head strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .extra-prompt-box span {
  color: #eef3fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-section-head small {
  color: #8d98ad !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-type-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-style-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-ratio-grid {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-panel .choice-button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-panel .choice-button small {
  color: #8d98ad !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-panel .choice-button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-panel .choice-button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(203, 219, 255, 0.14) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-panel .choice-button.selected small {
  color: #d8e3ff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-reference-button {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #e8edf5 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-reference-button .upload-icon {
  color: #b9ceff !important;
  background: #1d2740 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-reference-button .upload-copy strong {
  color: #eef3fb !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-reference-button .upload-copy small {
  color: #8d98ad !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-reference-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .poster-design-reference-button:focus-visible {
  border-color: rgba(157, 184, 232, 0.38) !important;
  background: #151b25 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .extra-prompt-box {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .extra-prompt-box textarea {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .extra-prompt-box textarea::placeholder {
  color: #8490a3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="poster-design"] .extra-prompt-box textarea:focus {
  border-color: rgba(95, 131, 255, 0.62) !important;
  outline: 2px solid rgba(95, 131, 255, 0.54) !important;
  outline-offset: -2px !important;
  background: #141821 !important;
  box-shadow:
    inset 0 0 0 1px rgba(172, 196, 255, 0.18),
    0 0 0 1px rgba(95, 131, 255, 0.14) !important;
}

/* Live sticker dark-mode completion, aligned with poster design. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .settings-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .settings-head {
  display: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-section {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #14171b !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-section-head strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .extra-prompt-box span {
  color: #eef3fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-section-head small {
  color: #8d98ad !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-ratio-grid {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-panel .choice-button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-panel .choice-button small {
  color: #8d98ad !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-panel .choice-button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-panel .choice-button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(203, 219, 255, 0.14) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-panel .choice-button.selected small {
  color: #d8e3ff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-reference-button {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #e8edf5 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-reference-button .upload-icon {
  color: #b9ceff !important;
  background: #1d2740 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-reference-button .upload-copy strong {
  color: #eef3fb !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-reference-button .upload-copy small {
  color: #8d98ad !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-reference-button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .live-sticker-reference-button:focus-visible {
  border-color: rgba(157, 184, 232, 0.38) !important;
  background: #151b25 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .extra-prompt-box {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .extra-prompt-box textarea {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .extra-prompt-box textarea::placeholder {
  color: #8490a3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"] .extra-prompt-box textarea:focus {
  border-color: rgba(95, 131, 255, 0.62) !important;
  outline: 2px solid rgba(95, 131, 255, 0.54) !important;
  outline-offset: -2px !important;
  background: #141821 !important;
  box-shadow:
    inset 0 0 0 1px rgba(172, 196, 255, 0.18),
    0 0 0 1px rgba(95, 131, 255, 0.14) !important;
}

/* Outfit recommend dark-mode completion, aligned with poster design. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .settings-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .settings-head {
  display: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-section {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e8edf5 !important;
  background: #14171b !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-section-head strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .extra-prompt-box span {
  color: #eef3fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-section-head small {
  color: #8d98ad !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-element-grid,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-style-grid {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button small {
  color: #8d98ad !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(203, 219, 255, 0.14) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button.selected small {
  color: #d8e3ff !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button:disabled,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button[aria-disabled="true"],
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .outfit-recommend-panel .choice-button.is-disabled {
  cursor: not-allowed !important;
  opacity: 0.45 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #7f8a9d !important;
  background: #1a1d25 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .extra-prompt-box {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .extra-prompt-box textarea {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .extra-prompt-box textarea::placeholder {
  color: #8490a3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] .extra-prompt-box textarea:focus {
  border-color: rgba(95, 131, 255, 0.62) !important;
  outline: 2px solid rgba(95, 131, 255, 0.54) !important;
  outline-offset: -2px !important;
  background: #141821 !important;
  box-shadow:
    inset 0 0 0 1px rgba(172, 196, 255, 0.18),
    0 0 0 1px rgba(95, 131, 255, 0.14) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box {
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #30384d !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box > span {
  color: #30384d !important;
  font-size: 14px !important;
  font-weight: 560 !important;
  line-height: 1.25 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box textarea {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  padding: 16px 17px 58px !important;
  border: 1px solid rgba(186, 198, 220, 0.18) !important;
  border-radius: 14px !important;
  color: #f0eee8 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box textarea::placeholder {
  color: #8a8fa3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box textarea:focus {
  border-color: rgba(157, 184, 232, 0.55) !important;
  outline: 0 !important;
  background: #141821 !important;
  box-shadow: 0 0 0 3px rgba(157, 184, 232, 0.1) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .prompt-optimize-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .prompt-optimize-button:disabled {
  display: inline-flex !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .prompt-optimize-button:disabled {
  color: #8f99aa !important;
  background: #20242d !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box {
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #e8edf5 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box > span {
  color: #e8edf5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box #extra-prompt {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  padding: 16px 17px 58px !important;
  border: 1px solid rgba(186, 198, 220, 0.18) !important;
  border-radius: 14px !important;
  color: #f0eee8 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box #extra-prompt::placeholder {
  color: #8f99aa !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Dark audit final pass: late feature controls and static platform pages. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .video-material-mention-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .video-material-mention-button:disabled {
  border-color: rgba(157, 184, 232, 0.32) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .video-material-mention-button:hover:not(:disabled),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] .video-material-mention-button:focus-visible {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"] .text-edit-empty {
  border-color: rgba(157, 184, 232, 0.24) !important;
  color: #aab2c3 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-setting-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-mode-card {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-section-head strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-section .free-ratio-heading strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-section-head small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-section .free-ratio-heading small {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-grid button {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-grid button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-grid button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-grid button i,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="print-extract"] .print-extract-ratio-grid button.selected i {
  border-color: rgba(171, 196, 255, 0.42) !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-page-module-grid {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select[open] summary {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-option-title,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-name {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select summary small,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-description,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-option-meta,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu-section-title {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select summary .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-select[open] summary .lucide {
  color: #9eb9ff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button.selected strong {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button small {
  color: #c5ccda !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-logo {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-credit,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-recommended-badge,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-official-badge {
  border-color: rgba(157, 184, 232, 0.24) !important;
  color: #cfe0ff !important;
  background: rgba(36, 74, 152, 0.42) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu-section-title::after {
  background: rgba(157, 184, 232, 0.18) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="set-generate"] .set-ratio-select summary span {
  color: #e7ebf2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box {
  color: #e8edf5 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box > span {
  color: #e7ebf2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box #extra-prompt,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box textarea,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box textarea:focus {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #eef3fb !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) label.extra-prompt-box #extra-prompt::placeholder,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .extra-prompt-box textarea::placeholder {
  color: #8490a3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .prompt-optimize-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="poster-design"], [data-active-feature="outfit-recommend"]) .prompt-optimize-button:disabled {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .platform-legal-page {
  color: #e8edf5 !important;
  background: #0d0f14 !important;
  background-image: none !important;
}

html[data-theme="dark"] .platform-legal-shell,
html[data-theme="dark"] .platform-contact-shell {
  color: #e8edf5 !important;
  background: #0d0f14 !important;
  background-image: none !important;
}

html[data-theme="dark"] .platform-legal-back,
html[data-theme="dark"] .platform-contact-card,
html[data-theme="dark"] .platform-contact-row,
html[data-theme="dark"] .platform-contact-qrcode {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .platform-contact-header span,
html[data-theme="dark"] .platform-legal-date,
html[data-theme="dark"] .platform-legal-shell p,
html[data-theme="dark"] .platform-contact-header p,
html[data-theme="dark"] .platform-contact-qrcode p,
html[data-theme="dark"] .platform-contact-row span {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .platform-legal-shell h1,
html[data-theme="dark"] .platform-legal-shell h2,
html[data-theme="dark"] .platform-contact-header h1,
html[data-theme="dark"] .platform-contact-row strong,
html[data-theme="dark"] .platform-contact-row a {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Dark audit second pass: homepage cards, video storyboard panel, and mobile entry surfaces. */
html[data-theme="dark"] .platform-primary-action,
html[data-theme="dark"] .mobile-primary-action,
html[data-theme="dark"] .mobile-platform-actions > a {
  border-color: rgba(157, 184, 232, 0.32) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .platform-primary-action span,
html[data-theme="dark"] .mobile-primary-action span,
html[data-theme="dark"] .mobile-platform-actions > a {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .industry-card em,
html[data-theme="dark"] .mobile-industry-card em,
html[data-theme="dark"] .mobile-industry-card.is-ready em {
  border-color: rgba(157, 184, 232, 0.24) !important;
  color: #cfe0ff !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(1),
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(2),
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(3),
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(4),
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(5),
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(6),
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(7) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e8edf5 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:hover,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card.active,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card.selected {
  border-color: rgba(157, 184, 232, 0.38) !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .wrinkle-latest-showcase-empty .set-preview-divider {
  border-color: rgba(157, 184, 232, 0.22) !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .wrinkle-latest-showcase-empty .set-preview-divider::before,
html[data-theme="dark"] .wrinkle-latest-showcase-empty .set-preview-divider::after {
  background: rgba(157, 184, 232, 0.28) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-ratio-select summary span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-resolution-select summary span {
  color: #e7ebf2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-storyboard-strip,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-storyboard-strip.is-empty,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-empty,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-storyboard-shot-block,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-storyboard-control,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-storyboard-materials {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #e7ebf2 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-tabs {
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-tabs button {
  color: #c5ccda !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-tabs button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-actions .primary-button {
  border-color: rgba(157, 184, 232, 0.34) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-storyboard-strip.is-empty span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-empty span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-note {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-type > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-shot-block > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-motion > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-control span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-materials-head span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-image-count span {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-type button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-motion button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-shot-options button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-material-row input,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-image-count select,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-control textarea {
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #e8edf5 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-type button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-motion button:hover,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-shot-options button:hover {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-type button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-motion button.selected,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-panel .video-storyboard-shot-options button.selected {
  border-color: rgba(157, 184, 232, 0.74) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .personal-shell,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .free-composer,
html[data-theme="dark"] .personal-ad-banner {
  color: #e8edf5 !important;
  background: #0d0f14 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .free-composer {
  border-color: rgba(157, 184, 232, 0.22) !important;
}

html[data-theme="dark"] .personal-ad-banner {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #181b23 !important;
}

/* Dark audit final cleanup: late title and material controls. */
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card .advanced-title strong,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(1) .advanced-title strong,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(2) .advanced-title strong,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(n + 3) .advanced-title strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card .advanced-title small,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(1) .advanced-title small,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(2) .advanced-title small,
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .advanced-board .advanced-card:nth-child(n + 3) .advanced-title small {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .extra-prompt-box > span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .extra-prompt-box.has-video-highlight > span {
  color: #e7ebf2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] #video-material-mention-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-material-mention-button,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-material-mention-button:disabled {
  border-color: rgba(157, 184, 232, 0.32) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] #video-material-mention-button:hover:not(:disabled),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-material-mention-button:hover:not(:disabled),
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-material-mention-button:focus-visible {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dark palette refresh: softer ink, calmer blue, and warmer panels. */
html[data-theme="dark"] body,
html[data-theme="dark"] .platform-legal-page,
html[data-theme="dark"] .platform-legal-shell,
html[data-theme="dark"] .platform-contact-shell,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .personal-shell {
  color: #f0eee8 !important;
  background: #0d0f14 !important;
  background-image: none !important;
}

html[data-theme="dark"] .platform-topbar,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .mobile-platform-topbar,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .personal-topbar {
  border-color: rgba(186, 198, 220, 0.14) !important;
  background: rgba(13, 15, 20, 0.78) !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .industry-card,
html[data-theme="dark"] .platform-capability-grid article,
html[data-theme="dark"] .advanced-card,
html[data-theme="dark"] .platform-contact-card,
html[data-theme="dark"] .platform-contact-row,
html[data-theme="dark"] .platform-contact-qrcode,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .free-composer,
html[data-theme="dark"] .personal-ad-banner {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #e7ebf2 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) summary,
html[data-theme="dark"] .video-compact-select summary,
html[data-theme="dark"] .extra-prompt-box textarea,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .free-composer textarea {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #f0eee8 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) input:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) textarea:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) select:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) summary:focus-visible,
html[data-theme="dark"] .extra-prompt-box textarea:focus,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .free-composer textarea:focus {
  border-color: rgba(157, 184, 232, 0.54) !important;
  background: #161b25 !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.18) !important;
}

html[data-theme="dark"] .platform-primary-action,
html[data-theme="dark"] .mobile-primary-action,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button.selected,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button[aria-pressed="true"],
html[data-theme="dark"] .theme-toggle-button,
html[data-theme="dark"] .mobile-theme-toggle,
html[data-theme="dark"] .theme-button {
  border-color: rgba(157, 184, 232, 0.34) !important;
  color: #f8f6f0 !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button:not(.selected):not([aria-pressed="true"]):not(.primary-button):not(.theme-toggle-button):not(.mobile-theme-toggle):not(.theme-button),
html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .platform-auth-button-light,
html[data-theme="dark"] .platform-language-control {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button:hover,
html[data-theme="dark"] .secondary-button:hover,
html[data-theme="dark"] .industry-card:hover,
html[data-theme="dark"] .advanced-card:hover {
  border-color: rgba(157, 184, 232, 0.42) !important;
  background-color: #252b36 !important;
}

/* Homepage industry explorer */
html[data-theme="dark"] .industry-directory {
  border-color: rgba(186, 198, 220, 0.16) !important;
  background: #181b23 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .industry-directory-row {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .industry-directory-row:hover,
html[data-theme="dark"] .industry-directory-row:focus-visible {
  background: #20242d !important;
}

html[data-theme="dark"] .industry-directory-row.is-active {
  color: #b8cef6 !important;
  background: #1b2233 !important;
  box-shadow: inset 3px 0 0 #6f87b6 !important;
}

html[data-theme="dark"] .industry-directory-row strong {
  color: inherit !important;
}

html[data-theme="dark"] .industry-preview h3 {
  color: #111318 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .industry-preview p {
  color: #555b66 !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (max-width: 520px) {
  .platform-topbar .platform-theme-toggle {
    display: none !important;
  }
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h1,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h2,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) h3,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) strong,
html[data-theme="dark"] .advanced-title strong,
html[data-theme="dark"] .platform-section-head h2 {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] :where(body:not(.mobile-personal-page)) small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .brand-tagline,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .section-head span,
html[data-theme="dark"] .advanced-title small,
html[data-theme="dark"] .platform-section-head span {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .theme-toggle-button span,
html[data-theme="dark"] .mobile-theme-toggle span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) .theme-button span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button.selected small,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button.selected span,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button[aria-pressed="true"] small,
html[data-theme="dark"] :where(body:not(.mobile-personal-page)) button[aria-pressed="true"] span {
  color: #f8f6f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .inline-model-option.selected .inline-model-recommend-badge,
html[data-theme="dark"] .inline-model-recommend-badge {
  border-color: rgba(240, 238, 232, 0.28) !important;
  color: #f8f6f0 !important;
  background: rgba(13, 15, 20, 0.28) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .detail-ratio-select summary strong,
html[data-theme="dark"] .detail-resolution-select summary strong,
html[data-theme="dark"] .video-compact-select summary strong,
html[data-theme="dark"] .video-profile-description,
html[data-theme="dark"] .video-profile-option-meta {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .inline-model-section .inline-model-options button.inline-model-option.selected .inline-model-recommend-badge,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode details.inline-model-section .inline-model-options button.inline-model-option.selected span.inline-model-recommend-badge {
  border-color: rgba(240, 238, 232, 0.3) !important;
  color: #f8f6f0 !important;
  background: rgba(13, 15, 20, 0.32) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options details.video-compact-select summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options .detail-ratio-select summary strong,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options .detail-resolution-select summary strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button.selected .video-profile-description,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button.selected .video-profile-option-meta,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-profile-menu button.selected small {
  color: #f8f6f0 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Dark anti-purple pass: keep settings dividers and active accents in the new mist-blue palette. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .settings-column,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"] .settings-column {
  border: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column::before,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column::after,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-scroll-area::before,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-scroll-area::after {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-card,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-scroll-area,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode #dynamic-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .dynamic-settings,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-bottom-area {
  border-color: rgba(186, 198, 220, 0.14) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .nav-primary.active,
html[data-theme="dark"] .nav-sublist a.active,
html[data-theme="dark"] .side-nav a.active,
html[data-theme="dark"] .side-nav button.active {
  border-color: rgba(157, 184, 232, 0.32) !important;
  color: #9db8e8 !important;
  background: rgba(157, 184, 232, 0.12) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .nav-primary.active .lucide,
html[data-theme="dark"] .nav-primary.active svg,
html[data-theme="dark"] .nav-primary.active svg *,
html[data-theme="dark"] .nav-sublist a.active .lucide,
html[data-theme="dark"] .nav-sublist a.active svg,
html[data-theme="dark"] .nav-sublist a.active svg *,
html[data-theme="dark"] .side-nav a.active .lucide,
html[data-theme="dark"] .side-nav a.active svg,
html[data-theme="dark"] .side-nav a.active svg * {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  border-color: rgba(157, 184, 232, 0.32) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .top-actions .free-generate-button .lucide,
html[data-theme="dark"] .top-actions .free-generate-button svg,
html[data-theme="dark"] .top-actions .free-generate-button svg *,
html[data-theme="dark"] #points-value {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-bottom-options .video-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column .video-bottom-options .video-compact-select summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column .video-bottom-options .video-compact-select[open] summary {
  border-color: rgba(186, 198, 220, 0.16) !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-bottom-options .video-compact-select summary .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-bottom-options .video-compact-select summary svg,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .detail-bottom-options .video-compact-select summary svg *,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column .video-bottom-options .video-compact-select summary .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column .video-bottom-options .video-compact-select summary svg,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .settings-column .video-bottom-options .video-compact-select summary svg * {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-latest-toolbar span,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-empty .lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-empty svg,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="video-generate"] .video-assist-empty svg * {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dark anti-purple precision pass for late icon rules. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode header.topbar .top-actions button.free-generate-button > svg.lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode header.topbar .top-actions button.free-generate-button > svg.lucide *,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .top-actions button.free-generate-button svg.lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode .top-actions button.free-generate-button svg.lucide * {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  outline-color: #9db8e8 !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options details.video-compact-select > summary > svg.lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options details.video-compact-select > summary > svg.lucide *,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options .detail-ratio-select > summary > svg.lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options .detail-ratio-select > summary > svg.lucide *,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options .detail-resolution-select > summary > svg.lucide,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-bottom-options .detail-resolution-select > summary > svg.lucide * {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  outline-color: #9db8e8 !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] header.topbar .top-actions button.free-generate-button > svg.lucide,
html[data-theme="dark"] header.topbar .top-actions button.free-generate-button > svg.lucide *,
html[data-theme="dark"] .topbar .top-actions button.free-generate-button svg.lucide,
html[data-theme="dark"] .topbar .top-actions button.free-generate-button svg.lucide * {
  color: #9db8e8 !important;
  stroke: currentColor !important;
  outline-color: #9db8e8 !important;
  border-color: rgba(157, 184, 232, 0.28) !important;
  box-shadow: none !important;
}

/* Feedback modal: align the late modal styles with dark mode. */
html[data-theme="dark"] #need-request-modal.modal-backdrop,
html[data-theme="dark"] #need-request-modal {
  background: rgba(8, 10, 15, 0.72) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) saturate(0.92) brightness(0.84) !important;
  -webkit-backdrop-filter: blur(16px) saturate(0.92) brightness(0.84) !important;
}

html[data-theme="dark"] #need-request-modal .need-request-card,
html[data-theme="dark"] #need-request-modal .modal-card.need-request-card {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e7ebf2 !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] #need-request-modal .need-request-head,
html[data-theme="dark"] #need-request-modal .need-request-body,
html[data-theme="dark"] #need-request-modal .need-request-footer {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: #181b23 !important;
  background-image: none !important;
}

html[data-theme="dark"] #need-request-modal .need-request-head-icon,
html[data-theme="dark"] #need-request-modal .modal-icon {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #need-request-modal .need-request-head-icon .lucide,
html[data-theme="dark"] #need-request-modal .modal-icon .lucide,
html[data-theme="dark"] #need-request-modal .need-request-reward .lucide,
html[data-theme="dark"] #need-request-modal .need-request-support-button .lucide {
  color: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-head-copy h2,
html[data-theme="dark"] #need-request-modal .need-request-card h2,
html[data-theme="dark"] #need-request-modal .need-request-form > span,
html[data-theme="dark"] #need-request-modal .need-request-form span,
html[data-theme="dark"] #need-request-modal .need-request-upload-label,
html[data-theme="dark"] #need-request-modal .need-request-dropzone strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-head-copy p,
html[data-theme="dark"] #need-request-modal .need-request-card > p:not(.need-request-contact),
html[data-theme="dark"] #need-request-modal .need-request-upload-label small,
html[data-theme="dark"] #need-request-modal .need-request-dropzone span,
html[data-theme="dark"] #need-request-modal .need-request-dropzone small {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-reward {
  border: 1px solid rgba(157, 184, 232, 0.22) !important;
  color: #c8d7f2 !important;
  background: rgba(157, 184, 232, 0.12) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-form textarea,
html[data-theme="dark"] #need-request-modal textarea#need-request-input {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #f0eee8 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-form textarea::placeholder,
html[data-theme="dark"] #need-request-modal textarea#need-request-input::placeholder {
  color: #8f99ac !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-form textarea:focus,
html[data-theme="dark"] #need-request-modal textarea#need-request-input:focus {
  border-color: rgba(157, 184, 232, 0.58) !important;
  background: #161b25 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(157, 184, 232, 0.2) !important;
  outline: 0 !important;
}

html[data-theme="dark"] #need-request-modal .need-request-form small#need-request-message {
  color: #c8d7f2 !important;
}

html[data-theme="dark"] #need-request-modal .need-request-dropzone,
html[data-theme="dark"] #need-request-modal button.need-request-dropzone {
  border-color: rgba(186, 198, 220, 0.2) !important;
  color: #aab2c3 !important;
  background: #141821 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #need-request-modal .need-request-dropzone:hover,
html[data-theme="dark"] #need-request-modal .need-request-dropzone:focus-visible,
html[data-theme="dark"] #need-request-modal .need-request-dropzone.is-dragover {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] #need-request-modal .need-request-dropzone > .lucide,
html[data-theme="dark"] #need-request-modal .need-request-dropzone .lucide {
  color: #9db8e8 !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] #need-request-modal .need-request-image-item {
  border-color: rgba(186, 198, 220, 0.16) !important;
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"] #need-request-modal .need-request-support-button {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #c5ccda !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #need-request-modal .need-request-support-button:hover,
html[data-theme="dark"] #need-request-modal .need-request-support-button:focus-visible {
  border-color: rgba(157, 184, 232, 0.32) !important;
  color: #f0eee8 !important;
  background: rgba(157, 184, 232, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] #need-request-modal .modal-actions .outline-button,
html[data-theme="dark"] #need-request-modal button#need-request-close {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #need-request-modal .modal-actions .create-button,
html[data-theme="dark"] #need-request-modal button#need-request-submit {
  border-color: rgba(157, 184, 232, 0.34) !important;
  color: #f8f6f0 !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #need-request-modal .modal-actions .create-button .lucide,
html[data-theme="dark"] #need-request-modal button#need-request-submit .lucide {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Recent results: remove purple card borders and dividers in dark mode. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .detail-page-latest-panel,
  .wrinkle-latest-panel,
  .task-recent-panel,
  .preview-column
) {
  border-color: rgba(186, 198, 220, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .detail-page-latest-toolbar span,
  .wrinkle-latest-toolbar span,
  .video-latest-toolbar span
) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #c5ccda !important;
  background: rgba(186, 198, 220, 0.08) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .wrinkle-latest-card,
  .detail-page-latest-frame,
  .task-recent-card,
  .work-card,
  .free-work-card
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .wrinkle-latest-card:hover,
  .wrinkle-latest-card:focus-visible,
  .detail-page-latest-frame:hover,
  .detail-page-latest-frame:focus-visible,
  .task-recent-card:hover,
  .task-recent-card:focus-visible,
  .work-card:hover,
  .work-card:focus-visible,
  .free-work-card:hover,
  .free-work-card:focus-visible
) {
  border-color: rgba(186, 198, 220, 0.26) !important;
  box-shadow: inset 0 0 0 1px rgba(186, 198, 220, 0.06) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .wrinkle-latest-card.is-selected,
  .detail-page-latest-frame.is-selected,
  .task-recent-card.is-selected,
  .work-card.selected,
  .free-work-card.selected
) {
  border-color: rgba(157, 176, 208, 0.36) !important;
  box-shadow: inset 0 0 0 1px rgba(157, 176, 208, 0.08) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .wrinkle-latest-open,
  .wrinkle-latest-thumb,
  .wrinkle-latest-thumb .work-image-empty,
  .detail-page-latest-card,
  .detail-page-latest-card .work-image-empty,
  .task-recent-thumb,
  .work-thumb,
  .work-image-empty,
  .video-latest-media,
  .video-latest-media .work-image-empty
) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .wrinkle-latest-state,
  .task-recent-state,
  .video-status-card.is-failed,
  .work-image-empty
) {
  color: #aeb8c8 !important;
  background: rgba(24, 27, 35, 0.74) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .wrinkle-latest-state .lucide,
  .task-recent-state .lucide,
  .video-status-card.is-failed .lucide,
  .work-image-empty .lucide
) {
  color: #9db0d0 !important;
  stroke: currentColor !important;
}

/* Workstation split line: keep the divider neutral, not purple-blue. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .task-panel,
  .task-body,
  .upload-column,
  .settings-column,
  .preview-column,
  .detail-page-latest-panel,
  .wrinkle-latest-panel,
  .task-recent-panel
) {
  border-left-color: rgba(255, 255, 255, 0.07) !important;
  border-right-color: rgba(255, 255, 255, 0.07) !important;
  column-rule-color: rgba(255, 255, 255, 0.07) !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .task-panel,
  .task-body,
  .upload-column,
  .settings-column,
  .preview-column,
  .detail-page-latest-panel,
  .wrinkle-latest-panel,
  .task-recent-panel
)::before,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .task-panel,
  .task-body,
  .upload-column,
  .settings-column,
  .preview-column,
  .detail-page-latest-panel,
  .wrinkle-latest-panel,
  .task-recent-panel
)::after {
  border-color: rgba(255, 255, 255, 0.07) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .task-panel .preview-column::before {
  background: rgba(255, 255, 255, 0.07) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] .upload-column {
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Detail-page upload slots: remove white placeholders in dark mode. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot {
  color: #aab2c3 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot-frame {
  border-color: rgba(186, 198, 220, 0.2) !important;
  color: #9db0d0 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot.is-filled .detail-upload-slot-frame {
  border-color: rgba(186, 198, 220, 0.18) !important;
  background: #181b23 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot:hover .detail-upload-slot-frame,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot:focus-visible .detail-upload-slot-frame {
  border-color: rgba(157, 176, 208, 0.34) !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot.is-dragover .detail-upload-slot-frame {
  border-color: rgba(157, 184, 232, 0.46) !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot small {
  color: #aab2c3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot .lucide {
  color: #9db0d0 !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"] .detail-upload-slot img {
  background: #20242d !important;
  background-image: none !important;
}

/* 多行业买家秀紧凑设置在深色主题下保持同一信息层级。 */
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #settings-card,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .extra-prompt-box {
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #f1f3f7 !important;
  background: #181a1f !important;
  background-image: none !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] #settings-card > .settings-head strong,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-settings .pet-fashion-setting-label,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .extra-prompt-box > span {
  color: #f0f2f6 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-settings [data-pet-setting-key="category"] > .pet-fashion-setting-label::after {
  color: #b8c8e6 !important;
  background: rgba(143, 183, 255, 0.12) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-option-button {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e9ebf1 !important;
  background: #202229 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-option-button:hover {
  border-color: rgba(157, 184, 232, 0.26) !important;
  color: #ffffff !important;
  background: #252832 !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-option-icon {
  color: #9ec0ff !important;
  background: rgba(143, 183, 255, 0.12) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-option-copy strong {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-option-copy small {
  color: #9da2b0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button.selected,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button[aria-pressed="true"] {
  border-color: rgba(143, 183, 255, 0.42) !important;
  color: #edf4ff !important;
  background: #26344a !important;
  box-shadow: inset 0 0 0 1px rgba(143, 183, 255, 0.08) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button.selected .pet-buyer-show-option-icon,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button[aria-pressed="true"] .pet-buyer-show-option-icon {
  color: #ffffff !important;
  background: #6f8dbb !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-settings .pet-buyer-show-mode-grid {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: #13151a !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-mode-button {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-mode-button:hover {
  border-color: transparent !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-mode-button.selected,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-mode-button[aria-pressed="true"] {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f0eee8 !important;
  background: #252832 !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-pet-type-button {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e9ebf1 !important;
  background: #202229 !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-pet-type-button:hover {
  border-color: rgba(157, 184, 232, 0.26) !important;
  color: #ffffff !important;
  background: #252832 !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-pet-type-button.selected,
html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-pet-type-button[aria-pressed="true"] {
  border-color: rgba(143, 183, 255, 0.42) !important;
  color: #edf4ff !important;
  background: #26344a !important;
  box-shadow: inset 0 0 0 1px rgba(143, 183, 255, 0.08) !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-pet-type-group {
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #e5e7eb !important;
  background: #181b23 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-pet-type-label {
  color: #c8cedb !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-select > summary {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #eef0f5 !important;
  background: #202229 !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-select > summary:hover,
html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-select[open] > summary {
  border-color: rgba(143, 183, 255, 0.32) !important;
  background: #252832 !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-summary-icon {
  color: #9ec0ff !important;
  background: rgba(143, 183, 255, 0.12) !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-summary-copy strong {
  color: #eef0f5 !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-summary-copy small,
html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-summary-chevron {
  color: #9da2b0 !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-select > .pet-buyer-show-category-menu {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: #15171c !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-choice {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e9ebf1 !important;
  background: #202229 !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-choice:hover,
html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-choice:focus-visible {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252832 !important;
}

html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-choice.selected,
html[data-theme="dark"][data-industry="pet"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-choice[aria-checked="true"] {
  border-color: rgba(143, 183, 255, 0.5) !important;
  color: #ffffff !important;
  background: #526b9f !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .extra-prompt-box textarea {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #eef0f5 !important;
  background: #111318 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .extra-prompt-box textarea::placeholder {
  color: #7f8491 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .extra-prompt-box textarea:focus {
  border-color: rgba(143, 183, 255, 0.5) !important;
  background: #14161b !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.1) !important;
}

/* Full dark-theme color pass for newly added standalone industry pages. */
html[data-theme="dark"][data-industry="pet"] {
  color-scheme: dark;
  --pet-bg: #11141a;
  --pet-panel: #181c24;
  --pet-panel-strong: #1b2029;
  --pet-ink: #eef2f7;
  --pet-muted: #a8b2c2;
  --pet-line: rgba(186, 198, 220, 0.14);
  --pet-green: #8fb7ff;
  --pet-green-dark: #d8e4ff;
  --pet-mint: #202936;
  --pet-orange: #f4b36d;
  --pet-orange-soft: rgba(244, 179, 109, 0.13);
  --pet-shadow: 0 18px 50px rgba(0, 0, 0, 0.26);
  background: #11141a !important;
  color: #eef2f7 !important;
}

html[data-theme="dark"][data-industry="pet"] body[data-pet-surface],
html[data-theme="dark"][data-industry="pet"] #pet-app,
html[data-theme="dark"][data-industry="pet"] .pet-shell,
html[data-theme="dark"][data-industry="pet"] .pet-main-shell {
  color: #eef2f7 !important;
  background: #11141a !important;
  background-image: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-sidebar,
  .pet-header,
  .pet-hero,
  .pet-section-soft,
  .pet-feature-card,
  .pet-feature-card.is-planned,
  .pet-tool-card,
  .pet-panel,
  .pet-result-panel,
  .pet-product-upload-wrap.has-product-name,
  .pet-product-name-control,
  .pet-upload-slot,
  .pet-use-asset,
  .pet-reference-row,
  .pet-mini-upload,
  .pet-field select,
  .pet-instruction textarea,
  .pet-option-group button,
  .pet-generate-bar,
  .pet-upload-examples,
  .pet-upload-examples figure,
  .pet-empty-showcase figure,
  .pet-result-empty,
  .pet-result-progress,
  .pet-result-grid article,
  .pet-copy-results article,
  .pet-video-result article,
  .pet-center-heading,
  .pet-profile-help,
  .pet-profile-card,
  .pet-center-empty,
  .pet-asset-grid article,
  .pet-work-grid article,
  .pet-planned-note,
  .pet-modal,
  .pet-mobile-ratio-control .mobile-free-ratio-toggle,
  .pet-mobile-ratio-control .free-generate-option-grid,
  .pet-mobile-ratio-control .free-generate-option-grid button
) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #eef2f7 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-sidebar,
  .pet-header,
  .pet-generate-bar
) {
  background: rgba(20, 24, 32, 0.94) !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-nav-title,
  .pet-brand small,
  .pet-platform-picker,
  .pet-text-button,
  .pet-hero p,
  .pet-section-heading > p,
  .pet-feature-copy p,
  .pet-tool-card small,
  .pet-trust-grid span,
  .pet-studio-heading p,
  .pet-center-heading p,
  .pet-panel-title p,
  .pet-product-name-heading small,
  .pet-product-name-control input::placeholder,
  .pet-product-name-control > small,
  .pet-upload-slot label span,
  .pet-reference-row span,
  .pet-field em,
  .pet-instruction em,
  .pet-instruction small,
  .pet-generate-bar small,
  .pet-upload-examples > div:first-child span,
  .pet-upload-examples figcaption,
  .pet-empty-showcase figcaption,
  .pet-result-empty > p,
  .pet-result-progress > p,
  .pet-result-empty ul,
  .pet-video-result article > div:last-child span,
  .pet-video-pending span,
  .pet-profile-help,
  .pet-profile-card p,
  .pet-profile-card > div:nth-child(2) > span,
  .pet-center-empty p,
  .pet-asset-grid article > div span,
  .pet-work-grid article > div span,
  .pet-planned > p,
  .pet-planned-note ul
) {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-brand b,
  .pet-section-heading h2,
  .pet-feature-copy h3,
  .pet-tool-card b,
  .pet-trust-grid b,
  .pet-studio-heading h1,
  .pet-center-heading h1,
  .pet-panel-title h2,
  .pet-result-title h2,
  .pet-product-name-heading strong,
  .pet-upload-slot label b,
  .pet-reference-row b,
  .pet-field > span,
  .pet-instruction > span,
  .pet-empty-showcase section > strong,
  .pet-result-empty h3,
  .pet-result-progress h3,
  .pet-copy-results h3,
  .pet-video-pending b,
  .pet-profile-card h3,
  .pet-center-empty h2,
  .pet-asset-grid b,
  .pet-work-grid b,
  .pet-planned h1,
  .pet-planned-note b,
  .pet-modal h2,
  .pet-modal form label > span
) {
  color: #f3f6fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-nav-item:hover,
  .pet-switch-industry:hover,
  .pet-feature-card:hover,
  .pet-tool-card:hover,
  .pet-secondary:hover,
  .pet-use-asset:hover,
  .pet-option-group button:hover,
  .pet-mobile-ratio-control.is-open .mobile-free-ratio-toggle
) {
  border-color: rgba(143, 183, 255, 0.32) !important;
  color: #f7f9fc !important;
  background: #202633 !important;
  background-image: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-nav-item.is-active,
  .pet-option-group button.is-selected,
  .pet-mobile-ratio-control .free-generate-option-grid button:is(.selected, .is-selected, [aria-pressed="true"])
) {
  border-color: rgba(143, 183, 255, 0.46) !important;
  color: #edf4ff !important;
  background: #26344a !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(143, 183, 255, 0.08) !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-brand-mark,
  .pet-nav-item.is-active i,
  .pet-primary,
  .pet-generate-button,
  .pet-result-empty > div,
  .pet-profile-help i,
  .pet-center-empty > i,
  .pet-video-pending i,
  .pet-work-text i
) {
  border-color: #6f8dbb !important;
  color: #ffffff !important;
  background: #6f8dbb !important;
  background-image: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-nav-item i,
  .pet-feature-icon,
  .pet-panel-title > span,
  .pet-result-title > div > span,
  .pet-upload-slot label i,
  .pet-use-asset i,
  .pet-mobile-ratio-control .mobile-free-ratio-toggle > .lucide
) {
  border-color: rgba(143, 183, 255, 0.18) !important;
  color: #9ec0ff !important;
  background: #202936 !important;
  background-image: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-platform-picker select,
  .pet-user-button,
  .pet-credit,
  .pet-secondary,
  .pet-back,
  .pet-works-link,
  .pet-mini-upload,
  .pet-profile-card footer button,
  .pet-asset-grid footer button,
  .pet-work-grid article > a,
  .pet-copy-results button,
  .pet-copy-mode-switch,
  .pet-copy-plan-button
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dbe4f2 !important;
  background: #202633 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-field select,
  .pet-instruction textarea,
  .pet-modal input,
  .pet-modal select,
  .pet-modal textarea,
  .pet-product-name-control input
) {
  color: #eef2f7 !important;
  background: #121722 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-field select:focus,
  .pet-instruction textarea:focus,
  .pet-modal input:focus,
  .pet-modal select:focus,
  .pet-modal textarea:focus,
  .pet-product-name-control:focus-within
) {
  border-color: rgba(143, 183, 255, 0.52) !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.12) !important;
}

html[data-theme="dark"][data-industry="pet"] body[data-pet-surface="mobile"] :is(
  .pet-upload-slot.is-dragover,
  .pet-reference-row.is-dragover
) {
  border-color: rgba(143, 183, 255, 0.54) !important;
  background: #202936 !important;
  background-image: none !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.12) !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-upload-slot.has-image,
  .pet-result-grid article,
  .pet-work-placeholder,
  .pet-work-text,
  .pet-video-pending,
  .pet-video-pending.is-failed
) {
  color: #a8b2c2 !important;
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"][data-industry="pet"] .pet-modal-backdrop {
  background: rgba(6, 8, 12, 0.72) !important;
}

/* Neutralize remaining purple accents in dark mode. */
html[data-theme="dark"] :is(
  .ai-assistant-card,
  .ai-assistant-compose,
  .ai-assistant-answer-card,
  .ai-assistant-close,
  .ai-assistant-launcher,
  .ai-operation-assistant.ai-assistant-feature-context:not(.is-feature-expanded) .ai-assistant-launcher
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .ai-assistant-mark,
  .ai-assistant-launcher-icon,
  .ai-assistant-compose-footer button,
  .ai-assistant-go-button,
  .ai-assistant-answer-head,
  .ai-assistant-clarification-choices button:hover
) {
  color: #ffffff !important;
  background: #6f8dbb !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .ai-assistant-eyebrow,
  .ai-assistant-status,
  .ai-assistant-list li::marker,
  .ai-assistant-copy-button,
  .ai-assistant-prompt,
  .ai-assistant-clarification-choices button,
  .ai-assistant-launcher-copy small
) {
  color: #9ec0ff !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .ai-assistant-compose:focus-within,
  .ai-assistant-launcher:focus-visible,
  .ai-assistant-close:focus-visible,
  .ai-assistant-clarification-choices button:focus-visible
) {
  border-color: rgba(143, 183, 255, 0.42) !important;
  outline-color: rgba(143, 183, 255, 0.34) !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.1) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-settings [data-pet-setting-key="category"] > .pet-fashion-setting-label::after,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-option-icon {
  color: #9ec0ff !important;
  background: rgba(143, 183, 255, 0.12) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button.selected,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button[aria-pressed="true"],
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-mode-button.selected,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-mode-button[aria-pressed="true"] {
  border-color: rgba(143, 183, 255, 0.42) !important;
  color: #edf4ff !important;
  background: #26344a !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(143, 183, 255, 0.08) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button.selected .pet-buyer-show-option-icon,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .pet-buyer-show-category-button[aria-pressed="true"] .pet-buyer-show-option-icon {
  color: #ffffff !important;
  background: #6f8dbb !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"], [data-industry="food"], [data-industry="home"], [data-industry="jewelry"], [data-industry="accessories"], [data-industry="digital"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"] .extra-prompt-box textarea:focus {
  border-color: rgba(143, 183, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.1) !important;
}

/* Sales growth page dark colors. */
html[data-theme="dark"] .growth-topbar,
html[data-theme="dark"] .floating-cta {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #eef2f7 !important;
  background: rgba(20, 24, 32, 0.94) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .growth-brand img {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"] .growth-section,
html[data-theme="dark"] .trial-section {
  color: #eef2f7 !important;
  background: #11141a !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .growth-section-head h2,
  .trial-copy h2,
  .problem-grid strong,
  .scene-grid strong,
  .form-head strong,
  .trial-points span
) {
  color: #f3f6fb !important;
}

html[data-theme="dark"] :is(
  .growth-nav a,
  .problem-grid p,
  .scene-grid p,
  .trial-copy p,
  .form-head small,
  .lead-form label,
  .floating-cta span
) {
  color: #a8b2c2 !important;
}

html[data-theme="dark"] :is(
  .growth-kicker,
  .growth-section-head span,
  .trial-copy span,
  .problem-grid .lucide,
  .scene-grid .lucide,
  .trial-points .lucide
) {
  color: #9ec0ff !important;
}

html[data-theme="dark"] :is(
  .problem-grid article,
  .scene-grid article,
  .lead-form
) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #eef2f7 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .lead-form input,
  .lead-form select,
  .lead-form textarea
) {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #eef2f7 !important;
  background: #121722 !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .lead-form input:focus,
  .lead-form select:focus,
  .lead-form textarea:focus
) {
  border-color: rgba(143, 183, 255, 0.52) !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.1) !important;
}

html[data-theme="dark"] :is(
  .growth-top-cta,
  .growth-primary,
  .growth-primary:hover,
  .lead-form button,
  .floating-cta a
) {
  color: #ffffff !important;
  background: #6f8dbb !important;
  background-image: none !important;
}

html[data-theme="dark"] .growth-secondary {
  border-color: rgba(186, 198, 220, 0.2) !important;
  color: #eef2f7 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
}

/* Late shared-workbench and platform homepage color cleanup. */
html[data-theme="dark"] .task-panel .preview-column::before,
html[data-theme="dark"] .preview-column::before,
html[data-theme="dark"] .detail-page-latest-panel::before,
html[data-theme="dark"] .wrinkle-latest-panel::before,
html[data-theme="dark"] .task-recent-panel::before {
  background: rgba(255, 255, 255, 0.07) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .industry-preview,
  .industry-preview-card,
  .industry-preview-panel,
  .industry-preview-main,
  .industry-preview-side
) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #eef2f7 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .industry-preview :is(
  h1,
  h2,
  h3,
  strong,
  b
) {
  color: #f3f6fb !important;
}

html[data-theme="dark"] .industry-preview :is(
  p,
  span,
  small,
  li
) {
  color: #a8b2c2 !important;
}

/* Final dark color overrides for late feature and mobile surfaces. */
html[data-theme="dark"] body:not(.feature-focus-mode):not(.library-focus-mode):not(.works-focus-mode) .function-card .feature-head small,
html[data-theme="dark"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card .feature-head small,
html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card .feature-head small {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #a8b2c2 !important;
  background: #202633 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card,
html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .basic-board .function-card,
html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card:nth-child(n) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card .feature-head,
html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .basic-board .function-card .feature-head {
  color: #e7ebf2 !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-selection-summary,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-selection-summary small {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #a8b2c2 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] .pose-selection-summary strong {
  color: #f3f6fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"]) .upload-card-wrap,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"]) .upload-card-wrap > #product-upload,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"]) .pet-detail-product-name-control {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #eef2f7 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"]) .pet-detail-product-name-control:focus-within {
  border-color: rgba(143, 183, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.1) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"] .detail-upload-slot-frame,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"] .detail-upload-slot.is-filled .detail-upload-slot-frame,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"] .detail-upload-slot:hover .detail-upload-slot-frame {
  border-color: rgba(186, 198, 220, 0.2) !important;
  color: #9db0d0 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  #extra-prompt-label,
  .pet-fashion-setting-label,
  .buyer-filter-title,
  .set-mode-label,
  .experience-label
) {
  color: #e7ebf2 !important;
  border-color: rgba(186, 198, 220, 0.14) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body[data-active-feature="pet-product-main-image"] .pet-fashion-setting-label,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body[data-active-feature="pet-product-main-image"] [data-pet-setting-key="category"] .pet-fashion-setting-label,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body[data-active-feature="pet-product-main-image"] [data-pet-setting-key="displayContent"] .pet-fashion-setting-label {
  color: #e7ebf2 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body[data-active-feature="pet-product-main-image"] [data-pet-setting-key="category"] .pet-fashion-setting-label::after {
  color: #9ec0ff !important;
  background: rgba(143, 183, 255, 0.12) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] #task-panel :is(
  #extra-prompt-label,
  .pet-fashion-setting-label,
  .buyer-filter-title,
  .set-mode-label,
  .experience-label
),
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"] #task-panel :is(
  .pet-fashion-setting-label,
  [data-pet-setting-key="category"] .pet-fashion-setting-label,
  [data-pet-setting-key="displayContent"] .pet-fashion-setting-label
) {
  color: #e7ebf2 !important;
  border-color: rgba(186, 198, 220, 0.14) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Admin console dark colors. */
html[data-theme="dark"] {
  --bg: #11141a;
  --panel: #181c24;
  --admin-bg: #11141a;
  --admin-panel: #181c24;
  --admin-panel-strong: #1b2029;
  --admin-ink: #eef2f7;
  --admin-muted: #a8b2c2;
  --admin-line: rgba(186, 198, 220, 0.14);
  --admin-accent: #6f8dbb;
  --admin-accent-soft: rgba(143, 183, 255, 0.12);
  --admin-shadow: none;
}

html[data-theme="dark"] body:has(.admin-layout),
html[data-theme="dark"] .admin-layout,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] body.admin-auth-pending .admin-main,
html[data-theme="dark"] body.admin-auth-login .admin-main {
  color: #eef2f7 !important;
  background: #11141a !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .admin-sidebar,
  .admin-topbar,
  .admin-section,
  .admin-auth-state,
  .admin-login-card,
  .stat-card,
  .panel-card,
  .table-card,
  .request-card,
  .billing-summary-item,
  .billing-tabs,
  .billing-workspace,
  .user-control-panel,
  .user-detail-panel,
  .user-task-card,
  .user-mini-table,
  .sales-lead-card,
  .admin-modal-panel,
  .routing-summary-card,
  .routing-model-card,
  .routing-size-panel,
  .routing-channel-card,
  .video-routing-card,
  .routing-channel-url-panel,
  .routing-tab-panel,
  .routing-table-frame,
  .routing-overview-stat,
  .routing-modal-card,
  .routing-channel-model-row,
  .personal-shared-card,
  .personal-settings-card,
  .personal-shared-grid > article,
  .personal-feature-card,
  .ai-assistant-global-card,
  .ai-assistant-preview-panel,
  .ai-assistant-route-card,
  .ai-assistant-preview-card,
  .ai-assistant-preview-state
) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #eef2f7 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .admin-login-heading strong,
  .admin-topbar h1,
  .section-title h2,
  .stat-card strong,
  .table-card strong,
  .request-card strong,
  .billing-summary-item strong,
  .billing-panel-head strong,
  .routing-panel-head h3,
  .ai-assistant-global-card h3,
  .ai-assistant-preview-panel h3,
  .ai-assistant-preview-card > header strong,
  .ai-assistant-preview-card h4,
  .personal-card-head h3,
  .personal-shared-grid strong,
  .personal-plan-summary > strong
) {
  color: #f3f6fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] :is(
  .admin-login-heading p,
  .admin-login-error,
  .admin-topbar p,
  .section-title span,
  .stat-card span,
  .stat-card small,
  .billing-summary-item span,
  .billing-summary-item small,
  .billing-panel-head span,
  .billing-panel-head small,
  .routing-panel-head p,
  .ai-assistant-global-card header p,
  .ai-assistant-preview-panel header p,
  .ai-assistant-preview-card p,
  .ai-assistant-preview-card li,
  .personal-settings-section > .section-title p,
  .personal-card-head p,
  .personal-shared-grid span,
  .personal-shared-grid small,
  .personal-plan-summary
) {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] :is(
  .admin-login-form input,
  .user-control-panel input,
  .user-control-panel select,
  .sales-lead-controls select,
  .sales-lead-controls input,
  .compact-actions input,
  .routing-channel-url-row input,
  .routing-channel-shared-settings input,
  .personal-basic-form input,
  .personal-basic-form textarea,
  .personal-ad-form input,
  .personal-ad-form textarea,
  .personal-feature-form input,
  .personal-feature-form textarea,
  .ai-assistant-field textarea,
  .ai-assistant-field input,
  .ai-assistant-preview-panel textarea,
  .ai-assistant-preview-panel input,
  .ai-assistant-preview-panel select,
  input,
  select,
  textarea
) {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #eef2f7 !important;
  background: #121722 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .admin-login-form input:focus,
  .user-control-panel input:focus,
  .user-control-panel select:focus,
  .sales-lead-controls select:focus,
  .sales-lead-controls input:focus,
  .personal-basic-form input:focus,
  .personal-basic-form textarea:focus,
  .personal-ad-form input:focus,
  .personal-ad-form textarea:focus,
  .personal-feature-form input:focus,
  .personal-feature-form textarea:focus,
  .ai-assistant-field textarea:focus,
  .ai-assistant-field input:focus,
  .ai-assistant-preview-panel textarea:focus,
  .ai-assistant-preview-panel input:focus,
  .ai-assistant-preview-panel select:focus
) {
  border-color: rgba(143, 183, 255, 0.5) !important;
  background: #141a25 !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.1) !important;
}

html[data-theme="dark"] :is(
  .admin-top-actions button,
  .admin-top-actions a,
  .section-title button,
  .section-actions button,
  .admin-form button,
  .admin-login-form button,
  .sales-lead-controls button,
  .redeem-actions button,
  .routing-workspace-actions > button,
  .routing-matrix-toolbar button,
  .routing-add-candidate button,
  .routing-channel-compact-meta button,
  .personal-settings-head-actions > a,
  .personal-settings-head-actions > button,
  .personal-card-head > a,
  .personal-feature-actions > button,
  .ai-assistant-preview-panel form button,
  .ai-assistant-feature-groups button,
  .ai-assistant-industry-tabs button
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dbe4f2 !important;
  background: #202633 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :is(
  .admin-login-form button,
  .personal-settings-head-actions > button,
  .ai-assistant-preview-panel form button,
  .routing-tabs button.active,
  .routing-tabs button[aria-selected="true"],
  .billing-tabs button.active,
  .user-detail-tabs button.active,
  .ai-assistant-feature-groups button.active,
  .ai-assistant-industry-tabs button.active
) {
  border-color: rgba(143, 183, 255, 0.42) !important;
  color: #ffffff !important;
  background: #6f8dbb !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .table-card thead th,
  .routing-health-table th,
  .routing-log-table th,
  .routing-data-table th,
  .routing-matrix-table thead th,
  table.routing-health-table thead th
) {
  color: #dbe4f2 !important;
  background: #202633 !important;
  background-image: none !important;
}

/* Full-site rendered color audit: override high-specificity late light surfaces. */
html[data-theme="dark"] body.feature-showcase-mode :is(
  .feature-head,
  .advanced-visual,
  .advanced-visual.detail-visual,
  .advanced-visual.set-visual,
  .advanced-visual.buyer-try-on-visual
) {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-showcase-mode .feature-icon {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-showcase-mode .advanced-card {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .ai-assistant-launcher-shine {
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode #settings-card,
html[data-theme="dark"] body.feature-focus-mode #detail-page-module-picker,
html[data-theme="dark"] body.feature-focus-mode #pet-main-reference-materials,
html[data-theme="dark"] body.feature-focus-mode :is(
  .flat-lay-product-type-card,
  .print-extract-setting-card.flat-lay-background-card,
  .pattern-transfer-panel,
  .set-shot-field
) {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode #detail-page-module-picker::before,
html[data-theme="dark"] body.feature-focus-mode #pet-main-reference-materials::before,
html[data-theme="dark"] body.feature-focus-mode .set-shot-field::before {
  border-color: rgba(186, 198, 220, 0.12) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.feature-focus-mode .detail-upload-slot-frame,
html[data-theme="dark"] body.feature-focus-mode .detail-upload-slot:hover .detail-upload-slot-frame,
html[data-theme="dark"] body.feature-focus-mode .detail-upload-slot.is-filled .detail-upload-slot-frame {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #a8b2c2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-select > summary,
  .pet-product-scene-primary-select > summary,
  .pet-product-scene-custom-select > summary
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-select > summary,
  .pet-product-scene-primary-select > summary,
  .pet-product-scene-custom-select > summary
)::after {
  border-color: #9db8e8 !important;
  color: #9db8e8 !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode .pet-detail-product-type-copy > small {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode .pet-detail-product-type-copy > strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode .pet-detail-product-type-icon {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode .pet-detail-product-type-hint {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #a9c4f5 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-select,
  .pet-product-scene-primary-select,
  .pet-product-scene-custom-select
)[open] > summary .pet-detail-product-type-hint,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-select,
  .pet-product-scene-primary-select,
  .pet-product-scene-custom-select
) > summary:hover .pet-detail-product-type-hint {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button:hover,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button:focus-visible {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button.selected {
  border-color: rgba(157, 184, 232, 0.62) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode .pet-product-scene-plan-card {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode .pet-product-scene-plan-tabs {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #dce4ef !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode .detail-style-recommend-badge,
html[data-theme="dark"] body.feature-focus-mode .detail-style-cross-border-badge {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #b8cef6 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode[data-active-feature="repair"] :is(
  .main-area,
  .content-grid,
  .experience-pane,
  .watermark-preview-board
) {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] :is(
  .pet-visual-card,
  .pet-sidebar-note
) {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"] .hero-card {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e8edf5 !important;
  background: #0f1116 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Match the shared workbench's late selector specificity. */
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  #settings-card,
  #detail-page-module-picker,
  #pet-main-reference-materials,
  .flat-lay-product-type-card,
  .print-extract-setting-card.flat-lay-background-card,
  .pattern-transfer-panel,
  .set-shot-field
) {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  #detail-page-module-picker,
  #pet-main-reference-materials,
  .set-shot-field
)::before {
  border-color: rgba(186, 198, 220, 0.12) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-select > summary,
  .pet-product-scene-primary-select > summary,
  .pet-product-scene-custom-select > summary
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-select > summary,
  .pet-product-scene-primary-select > summary,
  .pet-product-scene-custom-select > summary
)::after {
  border-color: #9db8e8 !important;
  color: #9db8e8 !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] .pet-detail-product-type-copy > small {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] .pet-detail-product-type-copy > strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] .pet-detail-product-type-icon {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] .pet-detail-product-type-hint {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #a9c4f5 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-select,
  .pet-product-scene-primary-select,
  .pet-product-scene-custom-select
)[open] > summary .pet-detail-product-type-hint,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-select,
  .pet-product-scene-primary-select,
  .pet-product-scene-custom-select
) > summary:hover .pet-detail-product-type-hint {
  border-color: rgba(157, 184, 232, 0.42) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button:hover,
html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button:focus-visible {
  border-color: rgba(157, 184, 232, 0.38) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-detail-product-type-menu,
  .pet-product-scene-custom-menu
) > button.selected {
  border-color: rgba(157, 184, 232, 0.62) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .pet-product-scene-plan-card,
  .pet-product-scene-plan-tabs
) {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature] :is(
  .detail-style-recommend-badge,
  .detail-style-cross-border-badge
) {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #b8cef6 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card:nth-child(n) .feature-head,
html[data-theme="dark"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .advanced-card:nth-child(n) .advanced-visual {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card:nth-child(n) .feature-icon {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .advanced-card:nth-child(n) {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-match"] .detail-upload-slot-frame,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-match"] .detail-upload-slot:hover .detail-upload-slot-frame,
html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-match"] .detail-upload-slot.is-filled .detail-upload-slot-frame {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #a8b2c2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not([data-industry]) body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card:nth-child(n) .feature-head,
html[data-theme="dark"]:not([data-industry]) body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .advanced-card:nth-child(n) .advanced-visual {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not([data-industry]) body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .function-card:nth-child(n) .feature-icon {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .hero-card {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e8edf5 !important;
  background: #0f1116 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .advanced-card:nth-child(n),
html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace .advanced-card:nth-child(n) .advanced-visual {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"] .pet-user-button > span,
html[data-theme="dark"][data-industry="pet"] .pet-trust-grid article > i {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #b8cef6 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .growth-step em {
  border-color: rgba(124, 201, 172, 0.24) !important;
  color: #8bd3b6 !important;
  background: #18342d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .auth-simple-logo {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace #advanced-functions .advanced-card,
html[data-theme="dark"][data-mobile-workbench="true"] body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode) .workspace #advanced-functions .advanced-card:nth-child(n) {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .workflow-steps article > em {
  border-color: rgba(124, 201, 172, 0.24) !important;
  color: #8bd3b6 !important;
  background: #18342d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode)
  .workspace
  section#advanced-functions.advanced-board
  .advanced-grid
  > .advanced-card:nth-child(n) {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #e7ebf2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

/*
 * 2026-08-08 全站无阴影视觉规则。
 *
 * 这里只关闭 CSS box-shadow，不改变边框、圆角、颜色、尺寸、定位或交互。
 * 使用高优先级的共享覆盖，是为了同时压过各页面历史上带 !important 的
 * 普通、悬停、选中、弹窗和深色模式阴影，同时避免机械改写上千条旧规则。
 * 伪元素仍保留：项目中部分星空、勾选标记和开关状态由伪元素的
 * box-shadow 直接绘制，清除它们会造成内容或状态标识缺失。
 */
html:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4) body,
html:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4) body * {
  box-shadow: none !important;
}

/* 仅清理已确认属于装饰投影的伪元素；功能性绘图与选中标记不在此列。 */
html:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4)
  body
  :is(
    .basic-board .section-head h2,
    .upload-instant-thumb,
    .is-uploading-preview-card,
    [data-active-feature="wrinkle"] .task-panel,
    .detail-page-module-card,
    .feature-image-showcase-layout,
    .toast,
    .personal-topbar .theme-button,
    .personal-topbar .credit-pill,
    .composer-toolbar .ratio-toggle,
    .composer-toolbar .resolution-toggle,
    .composer-toolbar .composer-optimize-text,
    .composer-toolbar .composer-send,
    [data-active-feature="free-generate"] .task-body,
    .routing-model-enable-switch input
  )::before,
html:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4)
  body
  :is(
    .detail-style-preset-button,
    .outpaint-preset-grid .choice-button[data-detail-style-tip],
    .print-extract-mode-grid .choice-button[data-detail-style-tip],
    .detail-card-text-switch[data-detail-style-tip],
    .detail-card-text-switch i,
    .feature-image-showcase-layout.has-pair-dividers,
    .pet-product-main-copy-switch i,
    .outpaint-handle
  )::after {
  box-shadow: none !important;
}

/* 阴影移除后仍保留键盘用户可见的非阴影焦点提示。 */
html:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4) body :focus-visible {
  outline: 2px solid #5b4be8 !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"]:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4) body :focus-visible {
  outline-color: #9db8e8 !important;
}

/* 输入类控件保留原有单层边框反馈，不显示额外蓝紫焦点描边。 */
html:not(#aotu-shadow-reset-1):not(#aotu-shadow-reset-2):not(#aotu-shadow-reset-3):not(#aotu-shadow-reset-4)
  body
  :is(
    input:not([type]),
    input:is(
      [type="text"],
      [type="search"],
      [type="email"],
      [type="password"],
      [type="tel"],
      [type="url"],
      [type="number"],
      [type="date"],
      [type="datetime-local"],
      [type="month"],
      [type="time"],
      [type="week"]
    ),
    textarea,
    select,
    [contenteditable]:not([contenteditable="false"])
  ):is(:focus, :focus-visible) {
  outline: none !important;
  outline-offset: 0 !important;
}

/* 2026-08-07 full-site dark audit: late shared feature and mobile color overrides. */
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(#prompt-optimize-button, #video-material-mention-button, .prompt-optimize-button, .video-material-mention-button),
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #free-generate-page
  :is(.free-prompt-optimize-button, .free-material-picker-button),
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  .xhs-requirement-wrap
  .xhs-prompt-optimize-button {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(#prompt-optimize-button, #video-material-mention-button, .prompt-optimize-button, .video-material-mention-button):hover:not(:disabled),
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(#prompt-optimize-button, #video-material-mention-button, .prompt-optimize-button, .video-material-mention-button):focus-visible,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #free-generate-page
  :is(.free-prompt-optimize-button, .free-material-picker-button):hover:not(:disabled),
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #free-generate-page
  :is(.free-prompt-optimize-button, .free-material-picker-button):focus-visible {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  outline-color: rgba(157, 184, 232, 0.58) !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(#prompt-optimize-button, #video-material-mention-button, .prompt-optimize-button, .video-material-mention-button):disabled,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #free-generate-page
  :is(.free-prompt-optimize-button, .free-material-picker-button):disabled {
  border-color: rgba(186, 198, 220, 0.1) !important;
  color: #8f99aa !important;
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-row {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-row.is-deleted {
  border-color: rgba(218, 119, 132, 0.24) !important;
  background: #2a1b1f !important;
  background-image: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  :is(.text-edit-head strong, .text-edit-section-title strong) {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  :is(.text-edit-head small, .text-edit-section-title small, .text-edit-field span) {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-field input {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #eef2f7 !important;
  background: #11151d !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  :is(.text-edit-field-source input, .text-edit-field input:disabled) {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #a8b2c2 !important;
  background: #181c24 !important;
  background-image: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-field input:focus {
  border-color: rgba(157, 184, 232, 0.56) !important;
  color: #ffffff !important;
  background: #141a25 !important;
  background-image: none !important;
  box-shadow: 0 0 0 3px rgba(157, 184, 232, 0.1) !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-delete-button {
  border-color: rgba(218, 119, 132, 0.22) !important;
  color: #e3a1aa !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-delete-button:hover {
  border-color: rgba(218, 119, 132, 0.38) !important;
  color: #f1b2bb !important;
  background: #2a1b1f !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="text-edit"]
  #task-panel
  .text-edit-delete-button.selected {
  border-color: rgba(157, 184, 232, 0.44) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  :is(.detail-page-basic-selects, .detail-content-settings, .pet-product-main-content-settings, #pet-main-reference-materials) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  :is(.pet-product-main-section-head, #pet-main-reference-materials > .detail-reference-head > span) {
  color: #9db8e8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  :is(.upload-card-wrap, .upload-card-wrap > #product-upload, .pet-detail-product-name-control) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  .pet-detail-product-name-control:focus-within {
  border-color: rgba(157, 184, 232, 0.5) !important;
  background: #141a25 !important;
  box-shadow: 0 0 0 3px rgba(157, 184, 232, 0.1) !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  :is(.detail-page-select-field, .pet-detail-product-type-select, .pet-product-scene-primary-select, .pet-product-scene-custom-select)
  > summary {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  :is(.pet-detail-product-type-icon, .detail-reference-button > .lucide) {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  #task-panel
  .pet-detail-product-type-copy
  > small {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .pet-detail-product-type-hint {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #a9c4f5 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.pet-detail-product-type-menu, .pet-product-scene-custom-menu) {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.pet-detail-product-type-menu, .pet-product-scene-custom-menu)
  > button {
  border-color: rgba(186, 198, 220, 0.13) !important;
  color: #dce4ef !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.pet-detail-product-type-menu, .pet-product-scene-custom-menu)
  > button.selected {
  border-color: rgba(157, 184, 232, 0.58) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .detail-upload-slot-frame,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .detail-upload-slot.is-filled
  .detail-upload-slot-frame {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #a8b2c2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .detail-upload-slot:hover
  .detail-upload-slot-frame,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .detail-upload-slot:focus-visible
  .detail-upload-slot-frame {
  border-color: rgba(157, 184, 232, 0.42) !important;
  background: #252b36 !important;
  background-image: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .pet-product-main-copy-switch
  i {
  border-color: rgba(186, 198, 220, 0.18) !important;
  background: #657086 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .pet-product-main-copy-switch[aria-pressed="true"]
  i {
  background: #6f8dbb !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="food-product-scene"], [data-active-feature="home-product-scene"], [data-active-feature="pet-product-scene"], [data-active-feature="beauty-product-scene"])
  #task-panel
  :is(.pet-product-scene-plan-card, .pet-product-scene-plan-tabs) {
  border-color: rgba(186, 198, 220, 0.14) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="food-product-scene"], [data-active-feature="home-product-scene"], [data-active-feature="pet-product-scene"], [data-active-feature="beauty-product-scene"])
  #task-panel
  .pet-product-scene-plan-tabs
  > button {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #dce4ef !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="food-product-scene"], [data-active-feature="home-product-scene"], [data-active-feature="pet-product-scene"], [data-active-feature="beauty-product-scene"])
  #task-panel
  .pet-product-scene-plan-tabs
  > button:is(.selected, [aria-selected="true"], [aria-pressed="true"]) {
  border-color: rgba(157, 184, 232, 0.52) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  .fashion-buyer-show-appearance-grid {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  .fashion-buyer-show-appearance-button {
  border-color: transparent !important;
  color: #dce4ef !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  .fashion-buyer-show-appearance-button:is(:hover, :focus-visible) {
  border-color: rgba(157, 184, 232, 0.28) !important;
  color: #ffffff !important;
  background: #252b36 !important;
  outline-color: rgba(157, 184, 232, 0.42) !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  .fashion-buyer-show-appearance-button:is(.selected, [aria-pressed="true"]) {
  border-color: rgba(157, 184, 232, 0.48) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  :is(.fashion-buyer-show-appearance-icon, .pet-buyer-show-category-summary-icon) {
  border-color: rgba(157, 184, 232, 0.24) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  .fashion-buyer-show-appearance-copy
  small {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-showcase-mode
  .workspace
  .mobile-merchant-shortcuts
  > button
  > span {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.mobile-free-ratio-toggle, .mobile-outpaint-ratio-toggle, .print-compact-select summary, #inline-model-section > summary, .set-ratio-select > summary, .detail-bottom-options .video-compact-select > summary, .video-bottom-options .video-compact-select > summary)
  > .lucide,
html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #free-generate-page
  :is(.mobile-free-ratio-toggle, .print-compact-select summary, #inline-model-section > summary)
  > .lucide {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .mobile-param-icon {
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.mobile-free-ratio-toggle, .mobile-outpaint-ratio-toggle, .print-compact-select summary, #inline-model-section > summary, .set-ratio-select > summary, .detail-bottom-options .video-compact-select > summary, .video-bottom-options .video-compact-select > summary)
  > .lucide-chevron-down {
  color: #9db8e8 !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  .workspace
  .mobile-free-ratio-toggle
  > span {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  .workspace
  .extra-prompt-box
  .prompt-optimize-button:disabled
  > span {
  color: #8f99aa !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"]
  #pet-main-reference-materials
  .pet-product-main-style-preset-options-always
  .detail-style-preset-button.selected
  small {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  .workspace
  button.selected
  small {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="view-change"]
  .workspace
  .view-preset-button:is(.selected, [aria-pressed="true"], :hover, :focus-visible)
  small {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-personal-page .free-composer::after {
  background: none !important;
  background-image: none !important;
}

html[data-theme="dark"] body.mobile-personal-page .tool-card.is-lavender {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-personal-page .personal-shell {
  color: #e8edf5 !important;
  background: #0d0f14 !important;
  background-image: none !important;
}

html[data-theme="dark"] body.mobile-personal-page :is(.theme-button, .credit-pill)::before {
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-personal-page .tool-card {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] * {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(157, 184, 232, 0.38) transparent !important;
}

html[data-theme="dark"] *::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-track {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-thumb {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(157, 184, 232, 0.38) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] *:hover::-webkit-scrollbar-thumb {
  background: rgba(157, 184, 232, 0.54) !important;
  background-image: none !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-corner {
  background: transparent !important;
}

@supports selector(*::-webkit-scrollbar) {
  html[data-theme="dark"] * {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-page-latest-list {
  scrollbar-color: rgba(157, 184, 232, 0.38) transparent !important;
}

@supports selector(*::-webkit-scrollbar) {
  html[data-theme="dark"]
    body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
    .detail-page-latest-list {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-page-latest-list::-webkit-scrollbar-track,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-page-latest-list::-webkit-scrollbar-thumb,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-page-latest-list:hover::-webkit-scrollbar-thumb {
  border-color: rgba(20, 24, 33, 0.88) !important;
  background: rgba(157, 184, 232, 0.32) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .feature-image-showcase-layout::before,
html[data-theme="dark"] .set-preview-divider::before,
html[data-theme="dark"] .set-preview-divider::after {
  background: #313743 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .feature-image-showcase-layout.has-pair-dividers::after {
  border-color: rgba(186, 198, 220, 0.28) !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Keep every feature showcase board distinct from the workbench shell. */
html[data-theme="dark"] #preview-frame .feature-image-showcase-board,
html[data-theme="dark"] #detail-page-latest-panel .feature-image-showcase-board {
  border-color: rgba(226, 231, 239, 0.22) !important;
  background: #2b303a !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #preview-frame .feature-image-showcase-logo,
html[data-theme="dark"] #detail-page-latest-panel .feature-image-showcase-logo {
  filter: brightness(0) invert(1) !important;
  opacity: 0.96 !important;
}

html[data-theme="dark"] .feature-image-pair-arrow {
  color: #a8b2c2 !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]
  :is(.create-button, .free-generate-button, .preview-empty-action, .preview-empty-upload)::after {
  background: none !important;
  background-image: none !important;
}

html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="background"]
  .background-preset-divider::before,
html[data-theme="dark"]
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="background"]
  .background-preset-divider::after {
  background: #313743 !important;
  background-image: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"]
  [data-pet-setting-key="displayContent"] {
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"]:is([data-industry="pet"], [data-industry="beauty"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  .pet-detail-product-type-menu
  > button::after {
  border-color: rgba(186, 198, 220, 0.28) !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #notification-badge {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .mobile-free-ratio-toggle > span {
  color: #a8b2c2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .prompt-optimize-button:disabled,
html[data-theme="dark"] .prompt-optimize-button:disabled span {
  color: #8f99aa !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .detail-style-preset-button.selected small {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-industry="pet"] .pet-hero-visual > b {
  border-color: rgba(157, 184, 232, 0.58) !important;
  color: #ffffff !important;
  background: #526fa8 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .video-script-modal .video-script-dialog {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #e8edf5 !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48) !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-head,
html[data-theme="dark"] .video-script-modal .video-storyboard-foot {
  border-color: rgba(186, 198, 220, 0.14) !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-head span,
html[data-theme="dark"] .video-script-modal .video-storyboard-note,
html[data-theme="dark"] .video-script-modal .video-script-description {
  color: #a8b2c2 !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-head strong,
html[data-theme="dark"] .video-script-modal .video-storyboard-type > span,
html[data-theme="dark"] .video-script-modal .video-storyboard-shot-block > span,
html[data-theme="dark"] .video-script-modal .video-storyboard-motion > span,
html[data-theme="dark"] .video-script-modal .video-storyboard-control span,
html[data-theme="dark"] .video-script-modal .video-storyboard-materials-head span,
html[data-theme="dark"] .video-script-modal .video-storyboard-image-count span,
html[data-theme="dark"] .video-script-modal .video-storyboard-material-row > span {
  color: #e8edf5 !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-note,
html[data-theme="dark"] .video-script-modal .video-script-description {
  border-color: rgba(186, 198, 220, 0.12) !important;
  background: #20242d !important;
  background-image: none !important;
}

html[data-theme="dark"] .video-script-modal .video-script-source-note {
  border-color: rgba(205, 177, 107, 0.26) !important;
  color: #d7bf7f !important;
  background: #282318 !important;
  background-image: none !important;
}

html[data-theme="dark"] .video-script-modal .video-script-source-note.is-ready {
  border-color: rgba(124, 201, 172, 0.28) !important;
  color: #8bd3b6 !important;
  background: #18342d !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-type button,
html[data-theme="dark"] .video-script-modal .video-storyboard-shot-options button,
html[data-theme="dark"] .video-script-modal .video-storyboard-motion button,
html[data-theme="dark"] .video-script-modal .video-storyboard-image-count select,
html[data-theme="dark"] .video-script-modal .video-storyboard-material-row input,
html[data-theme="dark"] .video-script-modal .video-storyboard-control textarea,
html[data-theme="dark"] .video-script-modal .video-storyboard-foot .outline-button,
html[data-theme="dark"] .video-script-modal .small-icon-button {
  border-color: rgba(186, 198, 220, 0.18) !important;
  color: #dce3ee !important;
  background: #11151d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-type button.selected,
html[data-theme="dark"] .video-script-modal .video-storyboard-shot-options button.selected,
html[data-theme="dark"] .video-script-modal .video-storyboard-motion button.selected,
html[data-theme="dark"] .video-script-modal .video-storyboard-foot .primary-button {
  border-color: rgba(157, 184, 232, 0.58) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-foot .primary-button:disabled {
  border-color: rgba(186, 198, 220, 0.12) !important;
  color: #8f99a9 !important;
  background: #2b303a !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .video-script-modal .video-storyboard-material-row input::placeholder,
html[data-theme="dark"] .video-script-modal .video-storyboard-control textarea::placeholder {
  color: #778296 !important;
}

html[data-theme="dark"] #profile-modal .profile-avatar-edit em,
html[data-theme="dark"] #profile-modal .profile-form-compact label,
html[data-theme="dark"] #profile-modal .profile-form-compact input,
html[data-theme="dark"] #profile-modal .profile-invite-summary > button,
html[data-theme="dark"] #profile-modal .profile-invite-binding input,
html[data-theme="dark"] #profile-modal .profile-invite-binding button,
html[data-theme="dark"] #profile-modal .profile-action-grid-wide button {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dce3ee !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #profile-modal .profile-form-compact label > span,
html[data-theme="dark"] #profile-modal .profile-form-compact input::placeholder {
  color: #9da8ba !important;
}

html[data-theme="dark"] #profile-modal .profile-invite-binding > span .lucide {
  color: #9db8e8 !important;
}

html[data-theme="dark"] #need-request-modal #need-request-history {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dce3ee !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #affiliate-modal .affiliate-settlement-icon {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
}

html[data-theme="dark"] #affiliate-modal .affiliate-code-row {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dce3ee !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #image-viewer .image-viewer-compare figcaption,
html[data-theme="dark"] #image-viewer #image-viewer-delete,
html[data-theme="dark"] #image-viewer #image-viewer-add-library,
html[data-theme="dark"] #image-viewer #image-viewer-send-to,
html[data-theme="dark"] #image-viewer #image-viewer-appeal,
html[data-theme="dark"] #image-viewer #image-viewer-download,
html[data-theme="dark"] #image-viewer #image-viewer-remix {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dce3ee !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #image-viewer #image-viewer-delete,
html[data-theme="dark"] #image-viewer #image-viewer-appeal {
  color: #e3a1aa !important;
}

html[data-theme="dark"] #image-viewer #image-viewer-library-menu,
html[data-theme="dark"] #image-viewer #image-viewer-send-menu {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dce3ee !important;
  background: #181c24 !important;
  background-image: none !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] #image-viewer #image-viewer-library-menu button,
html[data-theme="dark"] #image-viewer #image-viewer-send-menu button {
  color: #dce3ee !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] #image-viewer #image-viewer-library-menu button:hover,
html[data-theme="dark"] #image-viewer #image-viewer-send-menu button:hover {
  color: #ffffff !important;
  background: #252b36 !important;
}

html[data-theme="dark"] #image-appeal-modal .image-appeal-warning {
  border-color: rgba(218, 119, 132, 0.24) !important;
  color: #e3a1aa !important;
  background: #2a1b1f !important;
  background-image: none !important;
}

html[data-theme="dark"] #account-menu #account-member-badge {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #9db8e8 !important;
  background: #1b2233 !important;
  background-image: none !important;
}

html[data-theme="dark"] #account-menu .account-overview-grid,
html[data-theme="dark"] #account-menu .account-member-ribbon {
  border-color: rgba(186, 198, 220, 0.16) !important;
  color: #dce3ee !important;
  background: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .detail-product-type-options button.selected::after {
  border-color: rgba(157, 184, 232, 0.58) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-industry="pet"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  .pet-detail-product-type-menu
  > button.selected::after,
html[data-theme="dark"][data-industry="beauty"]
  body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"])
  .pet-detail-product-type-menu
  > button.selected::after {
  border-color: rgba(157, 184, 232, 0.58) !important;
  color: #ffffff !important;
  background: #5f77ad !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.feature-focus-mode.workstation-feature-mode[data-active-feature="live-sticker"]
  .ratio-icon:not(.ratio-icon-auto)::before {
  border-color: rgba(186, 198, 220, 0.54) !important;
  background-color: #20242d !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode)
  .workspace
  :is(section#ai-tools.function-board, section#basic-functions.basic-board)
  .function-grid
  > .function-card:nth-child(n)
  .feature-head
  strong,
html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode)
  .workspace
  section#advanced-functions.advanced-board
  .advanced-grid
  > .advanced-card:nth-child(n)
  .advanced-title
  strong {
  color: #f0eee8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"][data-mobile-workbench="true"]
  body.feature-showcase-mode:not(.feature-focus-mode):not(.works-focus-mode):not(.library-focus-mode)
  .workspace
  section#advanced-functions.advanced-board
  .advanced-grid
  > .advanced-card:nth-child(n)
  .advanced-chip {
  border-color: rgba(157, 184, 232, 0.22) !important;
  color: #b8cef6 !important;
  background: #1b2233 !important;
  background-image: none !important;
  box-shadow: none !important;
}