/*
 * AOTU dark neutral palette.
 * Loaded after feature styles so every active workspace shares one dark theme.
 * This layer changes paint only: no geometry, visibility, positioning, or flow.
 */

html[data-theme="dark"] {
  --aotu-dark-page: #0c0c0c;
  --aotu-dark-shell: #111111;
  --aotu-dark-subtle: #0f1011;
  --aotu-dark-panel: #161719;
  --aotu-dark-control: #1e2024;
  --aotu-dark-control-hover: #24272d;
  --aotu-dark-control-pressed: #191b1f;
  --aotu-dark-chip: #1e2024;
  --aotu-dark-chip-hover: #24272d;
  --aotu-dark-disabled: #141516;
  --aotu-dark-line: #2c2d34;
  --aotu-dark-text: #f5f7fa;
  --aotu-dark-text-secondary: #a5a8aa;
  --aotu-dark-text-tertiary: #8d929a;
  --aotu-dark-text-disabled: #62666e;
  --aotu-dark-primary: #97b9ff;
  --aotu-dark-primary-hover: #a7c5ff;
  --aotu-dark-primary-pressed: #84a8f0;
  --aotu-dark-strong: #205eff;
  --aotu-dark-strong-hover: #2f6bff;
  --aotu-dark-strong-pressed: #174edb;
  --aotu-dark-focus: rgba(151, 185, 255, 0.48);

  --ink: var(--aotu-dark-text);
  --muted: var(--aotu-dark-text-secondary);
  --soft: var(--aotu-dark-subtle);
  --line: var(--aotu-dark-line);
  --panel: var(--aotu-dark-panel);
  --purple: var(--aotu-dark-primary);
  --purple-2: var(--aotu-dark-strong);
  --purple-soft: rgba(151, 185, 255, 0.14);
  --cyan: var(--aotu-dark-primary);
  --blue: var(--aotu-dark-strong);
  --shadow: none;
  --aotu-type-setting-group-color: var(--aotu-dark-text);
  --bg: var(--aotu-dark-page);
  --tile: var(--aotu-dark-control);
  --line-strong: var(--aotu-dark-line);
  --shadow-soft: none;
}

/* Theme changes are one paint commit, even when feature CSS uses !important transitions. */
html[data-theme-switching="true"]:not(#aotu-theme-atomic-1):not(#aotu-theme-atomic-2),
html[data-theme-switching="true"]:not(#aotu-theme-atomic-1):not(#aotu-theme-atomic-2) body,
html[data-theme-switching="true"]:not(#aotu-theme-atomic-1):not(#aotu-theme-atomic-2) body *,
html[data-theme-switching="true"]:not(#aotu-theme-atomic-1):not(#aotu-theme-atomic-2) body *::before,
html[data-theme-switching="true"]:not(#aotu-theme-atomic-1):not(#aotu-theme-atomic-2) body *::after {
  transition: none !important;
  transition-delay: 0s !important;
  transition-duration: 0s !important;
  animation: none !important;
  animation-delay: 0s !important;
  animation-duration: 0s !important;
}

/* Structural settings wrappers stay unpainted in every theme; child controls remain interactive. */
html:not(#aotu-unframed-settings-1):not(#aotu-unframed-settings-2):not(#aotu-unframed-settings-3)
  body.feature-focus-mode[data-active-feature]
  #task-panel
  :is(
    #settings-card,
    .upload-card-wrap,
    .extra-prompt-box,
    .dynamic-settings,
    .detail-content-settings,
    .pet-product-main-content-settings,
    .view-change-panel,
    .print-extract-settings-panel,
    .set-generate-settings,
    .set-product-type-block,
    .set-model-role-field,
    .wrinkle-strength-box,
    .pet-fashion-setting-group,
    .detail-page-basic-selects,
    .detail-page-resolution-panel,
    .generate-count-section,
    .generation-resolution-section,
    .generate-count-box,
    .pattern-transfer-panel,
    .outpaint-preset-grid,
    .background-mode-tabs,
    .official-material-card,
    .buyer-filter-block,
    .fashion-buyer-show-appearance-grid,
    .pose-reference-options-frame,
    .image-to-psd-resolution.image-to-psd-settings-card,
    .settings-column,
    .preview-column,
    .task-recent-panel
  ) {
  border-color: transparent !important;
  outline-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Page and application shell. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2) body {
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-page) !important;
  background-image: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .app-layout,
    .main-area,
    .content-grid,
    .workspace,
    .workstation-shell,
    .platform-main,
    .platform-page,
    .personal-shell,
    .legal-page,
    .personal-main,
    .mobile-main
  ) {
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-page) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .topbar,
    .platform-topbar,
    .sidebar,
    .personal-topbar,
    .mobile-header,
    .mobile-bottom-nav,
    .admin-header,
    .admin-sidebar
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  :is(.task-panel, .task-body, .settings-column, .settings-scroll-area, .settings-bottom-area, .preview-column) {
  color: var(--aotu-dark-text) !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Structural groups remain unframed; only their real child controls carry fill. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.nav-group, .side-nav, .top-actions, .top-library-tabs) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Panels, cards, menus, upload areas, and preview frames. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .hero-card,
    .works-panel,
    .advanced-board,
    .function-board,
    .upload-card,
    .single-upload-card,
    .upload-card-wrap,
    .drop-zone,
    .preview-shell,
    .preview-card,
    .preview-frame,
    .settings-card,
    .settings-panel,
    .workspace-card,
    .feature-card,
    .function-card,
    .advanced-card,
    .tool-card,
    .section-card,
    .modal-card,
    .auth-card,
    .prompt-card,
    .account-menu,
    .account-menu-panel,
    .account-overview-card,
    .account-menu-section,
    .industry-select-menu,
    .language-switcher-menu,
    .model-selector-menu,
    .model-picker-popover,
    .library-panel,
    .library-modal,
    .library-select-row,
    .detail-page-module,
    .detail-page-module-card,
    .detail-page-preview-board,
    .detail-upload-slot,
    .set-generate-upload-card,
    .set-preview-board,
    .set-preview-card,
    .generate-count-box,
    .inline-model-section,
    .inline-model-options,
    .detail-page-resolution-panel,
    .extra-prompt-box,
    .video-reference-url-box,
    .copy-result-panel,
    .feature-experience,
    .detail-preview-shell,
    .video-status-card,
    .result-panel,
    .image-preview-card,
    .single-upload-preview-card,
    .reference-preview-card,
    .empty-state,
    .profile-card,
    .profile-panel,
    .credit-panel,
    .work-card,
    .library-item,
    .model-card,
    .template-card,
    .unified-material-groups,
    .unified-material-main,
    .unified-material-empty-inline,
    .detail-content-settings,
    .pet-product-main-content-settings,
    .dynamic-settings,
    .view-change-panel,
    .view-orbit-card,
    .view-angle-controls,
    .text-edit-empty,
    .print-extract-settings-panel,
    .print-extract-setting-card,
    .official-material-drawer,
    .official-material-head,
    .official-material-empty,
    .official-material-card,
    .detail-basic-select-card,
    .detail-page-select-menu,
    .detail-product-type-row,
    .detail-reference-materials,
    .detail-style-preset-panel,
    .set-generate-mode-block,
    .set-generate-settings,
    .set-product-type-block,
    .set-model-role-field,
    .wrinkle-strength-box,
    .pet-fashion-setting-group,
    .industry-directory,
    .industry-directory-row,
    .mobile-industry-card,
    .flat-lay-product-type-card,
    .platform-auth-dialog,
    .free-composer,
    .quick-feature,
    .reference-card,
    .form-block,
    .login-card,
    .register-card,
    .generation-status,
    .result-card,
    .upload-action-row,
    .auth-switch,
    .recharge-tabs,
    .recharge-card,
    .membership-period-tabs,
    .membership-plan-card,
    .recharge-summary,
    .payment-sheet,
    .payment-order,
    .payment-qr,
    .payment-check,
    .confirm-sheet,
    .config-state-card,
    .record-tabs,
    .record-card,
    .personal-tabbar,
    .free-bottom-ratio-section,
    .generate-count-section,
    .generation-resolution-section,
    #pet-main-reference-materials,
    #product-upload
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Video workspaces use the same control and selected-state hierarchy. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .video-free-segmented button,
    .video-free-material-action button,
    .video-free-option-collapse button,
    .video-smart-choice-grid button,
    .video-smart-setting-menu button,
    .video-free-upload-tile,
    .video-smart-analyze,
    .video-smart-history-trigger,
    .video-remix-history-trigger,
    .video-analysis-picker,
    .ctm-sort-trigger,
    .ctm-my-button,
    .ctm-card-use
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: transform 0.16s ease, opacity 0.16s ease !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .video-free-segmented button,
    .video-free-material-action button,
    .video-free-option-collapse button,
    .video-smart-choice-grid button,
    .video-smart-setting-menu button,
    .video-free-upload-tile,
    .video-smart-analyze,
    .video-smart-history-trigger,
    .video-remix-history-trigger,
    .video-analysis-picker,
    .ctm-sort-trigger,
    .ctm-my-button,
    .ctm-card-use
  ):hover:not(:disabled):not(.is-selected):not([aria-pressed="true"]) {
  background-color: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .video-free-segmented button,
    .video-free-option-collapse button,
    .video-smart-choice-grid button,
    .video-smart-setting-menu button
  ):is(.is-selected, [aria-pressed="true"]) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .ctm-publish-link {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .ctm-publish-link:hover {
  background-color: var(--aotu-dark-primary-hover) !important;
}

/* Text hierarchy. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(h1, h2, h3, h4, h5, h6, strong, b, label, .task-heading h2, .settings-head strong, .feature-head strong) {
  color: var(--aotu-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .muted,
    .brand-tagline,
    .task-heading p,
    .settings-head span,
    .feature-head small,
    .upload-copy small,
    .preview-empty,
    .profile-detail-empty,
    .notification-popover-count,
    .field-hint,
    .form-hint
  ) {
  color: var(--aotu-dark-text-secondary) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Inputs, dropdowns, ordinary buttons, and option controls. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
    textarea:not(.material-mention-input),
    select,
    .select-field,
    .form-input,
    .prompt-input,
    .free-generate-highlight-input,
    .text-edit-field input,
    .detail-page-select-field > summary,
    .print-compact-select,
    .print-compact-select > summary,
    .print-compact-select button,
    .video-compact-select,
    .video-compact-select > summary,
    .video-compact-select button,
    .pet-product-scene-primary-select > summary,
    .pet-product-scene-custom-select > summary,
    .outline-button,
    .small-icon-button,
    .batch-button,
    .library-select-button,
    .need-request-button,
    .checkin-entry-button,
    .mode-button,
    .tab-button,
    .segmented-button,
    .model-upload-link,
    .experience-upload-button,
    .free-generate-option-grid button,
    .detail-page-select-menu button,
    .detail-product-type-grid button,
    .detail-page-resolution-options button,
    .inline-model-option,
    .set-model-role-button,
    .material-group-add-button,
    .material-toolbar-button,
    .material-empty-upload-button,
    .wrinkle-latest-toolbar button,
    .view-preset-button,
    .choice-button,
    .resolution-option,
    .generation-channel-switch button,
    .pet-buyer-show-category-button,
    .pet-buyer-show-mode-button,
    .detail-style-preset-button,
    .platform-language-control,
    .platform-auth-button-dark,
    .platform-auth-button-light,
    .mobile-theme-toggle,
    .theme-button,
    .theme-toggle-button,
    .account-entry-avatar,
    .nav-video-entry,
    .flat-lay-product-type-card button,
    .platform-auth-tabs,
    .platform-auth-tabs button,
    .platform-auth-close,
    .platform-auth-captcha-image,
    .platform-auth-send-code,
    .top-icon-button,
    .credit-pill,
    .icon-button,
    .home-ratio-menu button,
    .home-resolution-menu button,
    .section-head button,
    .mine-grid button,
    .mine-grid a,
    .payment-methods button,
    .reset-captcha-row > button,
    .setting-options button,
    .text-edit-row
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  caret-color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .flat-lay-product-type-card button,
    .platform-auth-tabs button,
    .setting-options button,
    .home-ratio-menu button,
    .home-resolution-menu button,
    .auth-switch button,
    .recharge-tabs button,
    .record-tabs button,
    .membership-period-tabs button,
    .payment-methods button
  ):is(.selected, .is-selected, .is-active, [aria-selected="true"], [aria-pressed="true"]) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.print-compact-select button, .video-compact-select button):is(.selected, .is-selected, [aria-selected="true"]) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Match the workbench's high-specificity dropdown rules without changing its geometry. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.print-compact-menu, .video-compact-menu) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background: var(--aotu-dark-panel) !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.print-compact-menu, .video-compact-menu)
  button {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background: var(--aotu-dark-control) !important;
  box-shadow: none !important;
  transition: transform 0.16s ease, opacity 0.16s ease !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Feature option grids share one stable dark paint hierarchy. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .choice-button,
    .view-preset-button,
    .view-reset-button,
    .pose-reference-chip,
    .pose-type-button,
    .pose-reference-card,
    .image-to-psd-resolution-grid button,
    .background-mode-tabs button,
    .background-action-grid button,
    .model-bg-grid button,
    .free-generate-option-grid button,
    .print-extract-ratio-grid button,
    .generate-count-options button,
    .generation-resolution-options button,
    .detail-product-type-options button,
    .detail-page-select-menu button,
    .detail-count-menu button,
    .detail-card-option,
    .detail-card-text-switch,
    .set-mode-button,
    .set-model-role-button,
    .set-model-style-button,
    .set-shot-option,
    .buyer-tryon-max-option,
    .buyer-tryon-shop-summary button,
    .buyer-tryon-product-type-options button,
    .wrinkle-strength-button,
    .clothes-age-menu button,
    .video-compact-menu button
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background: var(--aotu-dark-control) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .choice-button,
    .view-preset-button,
    .view-reset-button,
    .pose-reference-chip,
    .pose-type-button,
    .pose-reference-card,
    .image-to-psd-resolution-grid button,
    .background-mode-tabs button,
    .background-action-grid button,
    .model-bg-grid button,
    .free-generate-option-grid button,
    .print-extract-ratio-grid button,
    .generate-count-options button,
    .generation-resolution-options button,
    .detail-product-type-options button,
    .detail-page-select-menu button,
    .detail-count-menu button,
    .detail-card-option,
    .detail-card-text-switch,
    .set-mode-button,
    .set-model-role-button,
    .set-model-style-button,
    .set-shot-option,
    .buyer-tryon-max-option,
    .buyer-tryon-shop-summary button,
    .buyer-tryon-product-type-options button,
    .wrinkle-strength-button,
    .clothes-age-menu button,
    .video-compact-menu button
  ):hover:not(:disabled):not(.selected):not(.is-selected):not([aria-pressed="true"]) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background: var(--aotu-dark-control-hover) !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .choice-button,
    .view-preset-button,
    .pose-type-button,
    .pose-reference-card,
    .image-to-psd-resolution-grid button,
    .background-mode-tabs button,
    .background-action-grid button,
    .model-bg-grid button,
    .free-generate-option-grid button,
    .print-extract-ratio-grid button,
    .count-option,
    .resolution-option,
    .detail-page-resolution-options button,
    .detail-product-type-options button,
    .detail-page-select-menu button,
    .detail-count-menu button,
    .detail-card-option,
    .detail-card-text-switch,
    .set-mode-button,
    .set-model-role-button,
    .set-model-style-button,
    .set-shot-option,
    .buyer-tryon-max-option,
    .buyer-tryon-product-type-options button,
    .wrinkle-strength-button,
    .clothes-age-menu button,
    .video-compact-menu button
  ):is(.selected, .is-selected, [aria-selected="true"], [aria-pressed="true"]) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background: var(--aotu-dark-primary) !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.choice-button, .model-bg-grid button)::before {
  background: var(--aotu-dark-text-tertiary) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.choice-button, .model-bg-grid button):is(.selected, [aria-pressed="true"])::before {
  background: var(--aotu-dark-shell) !important;
}

/* Late-rendered feature surfaces must settle directly on the final dark palette. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .material-picker,
    .pattern-transfer-panel,
    .buyer-tryon-shop-summary,
    .buyer-tryon-product-type-row
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.background-mode-tabs, .buyer-tryon-settings) {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="view-change"]
  #task-panel
  :is(.view-orbit-sphere, .view-orbit-subject) {
  background-color: var(--aotu-dark-control) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-preserve-original-background-track {
  border-color: var(--aotu-dark-line) !important;
  background: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-preserve-original-background-thumb {
  background: var(--aotu-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-preserve-original-background-switch.is-active
  .detail-preserve-original-background-track {
  border-color: transparent !important;
  background: var(--aotu-dark-primary) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="detail-page"]
  .detail-preserve-original-background-switch.is-active
  .detail-preserve-original-background-thumb {
  background: var(--aotu-dark-shell) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .video-smart-final-prompt-field {
  border-color: var(--aotu-dark-line) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .video-analysis-picker
  > span {
  color: var(--aotu-dark-primary) !important;
  background: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"]
  .product-main-preserve-original-background-track {
  border-color: var(--aotu-dark-line) !important;
  background: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"]
  .product-main-preserve-original-background-thumb {
  background: var(--aotu-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"]
  .product-main-preserve-original-background-switch.is-active
  .product-main-preserve-original-background-track {
  border-color: transparent !important;
  background: var(--aotu-dark-primary) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pet-product-main-image"]
  .product-main-preserve-original-background-switch.is-active
  .product-main-preserve-original-background-thumb {
  background: var(--aotu-dark-shell) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(.print-compact-menu, .video-compact-menu)
  button:is(.selected, .is-selected, [aria-selected="true"], [aria-pressed="true"]) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background: var(--aotu-dark-primary) !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .feature-image-pair-arrow,
    .swatch-button,
    .official-material-preference-category,
    .official-material-category-row button,
    .official-material-head > button,
    .background-official-material-button,
    .detail-upload-slot-frame,
    .detail-preserve-original-background-switch,
    .detail-reference-button,
    .detail-page-module-picker,
    .official-material-select,
    .official-material-favorite,
    .upload-stack-delete,
    .pet-product-main-copy-switch,
    .pet-product-scene-plan-card,
    .pet-product-scene-plan-tabs,
    .pet-product-scene-plan-tabs button,
    .set-model-style-button,
    .wrinkle-strength-button
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .feature-image-pair-arrow,
    .swatch-button,
    .official-material-preference-category,
    .official-material-category-row button,
    .official-material-head > button,
    .background-official-material-button,
    .detail-upload-slot-frame,
    .detail-preserve-original-background-switch,
    .detail-reference-button,
    .detail-page-module-picker,
    .official-material-select,
    .official-material-favorite,
    .upload-stack-delete,
    .pet-product-main-copy-switch,
    .pet-product-scene-plan-card,
    .pet-product-scene-plan-tabs button,
    .set-model-style-button,
    .wrinkle-strength-button
  ):hover:not(:disabled):not(.selected):not([aria-pressed="true"]) {
  background-color: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .official-material-preference-category,
    .official-material-category-row button,
    .pet-product-scene-plan-tabs button,
    .set-model-style-button,
    .wrinkle-strength-button
  ):is(.selected, [aria-pressed="true"]) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .official-material-card.selected {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Public and mobile entry points keep the same restrained primary hierarchy. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .platform-primary-action,
    .mobile-primary-action,
    .mobile-platform-actions a,
    .login-card button:not(.auth-link-button),
    .register-card button:not(.auth-link-button),
    .recharge-card button,
    .membership-plan-card > button:not(:disabled),
    .card-actions a,
    .card-actions button,
    .payment-submit,
    .empty-state button,
    .confirm-sheet [data-confirm-ok]
  ) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .platform-primary-action,
    .mobile-primary-action,
    .mobile-platform-actions a,
    .login-card button:not(.auth-link-button),
    .register-card button:not(.auth-link-button),
    .recharge-card button,
    .membership-plan-card > button:not(:disabled),
    .card-actions a,
    .card-actions button,
    .payment-submit,
    .empty-state button,
    .confirm-sheet [data-confirm-ok]
  ):hover {
  background-color: var(--aotu-dark-primary-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .mobile-industry-card em {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-chip) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.composer-chip, .tab-badge) {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-chip) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .free-composer::before {
  background: transparent !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .free-composer,
    .composer-upload-actions,
    .composer-toolbar,
    .growth-nav,
    .growth-section,
    .growth-section-head,
    .view.is-active,
    .recharge-list.is-active,
    .personal-tabbar button,
    .personal-tabbar span
  ) {
  border-color: var(--aotu-dark-line) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .desktop-sidebar-toggle,
    .top-home-button,
    .top-library-tabs > button,
    .language-switcher-button,
    .industry-select-button,
    .points-button,
    .notify-button,
    .shop-button,
    .feature-clear-settings-button,
    .video-material-mention-button,
    .prompt-optimize-button,
    .mobile-free-ratio-toggle
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .desktop-sidebar-toggle,
    .top-home-button,
    .top-library-tabs > button,
    .language-switcher-button,
    .industry-select-button,
    .points-button,
    .notify-button,
    .shop-button,
    .feature-clear-settings-button,
    .video-material-mention-button,
    .prompt-optimize-button,
    .mobile-free-ratio-toggle
  ):hover:not(:disabled) {
  background-color: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(#video-material-mention-button, #prompt-optimize-button) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text-secondary) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(#video-material-mention-button, #prompt-optimize-button):hover:not(:disabled) {
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .nav-video-workspace-item {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .nav-video-workspace-item:hover {
  background-color: var(--aotu-dark-control) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .nav-video-workspace-item[aria-pressed="true"] {
  border-color: var(--aotu-dark-primary) !important;
  background-color: var(--aotu-dark-panel) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .works-card {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .outline-button,
    .small-icon-button,
    .batch-button,
    .library-select-button,
    .mode-button,
    .tab-button,
    .segmented-button,
    .free-generate-option-grid button,
    .detail-page-select-menu button,
    .detail-product-type-grid button,
    .detail-page-resolution-options button,
    .inline-model-option,
    .choice-button,
    .resolution-option,
    .generation-channel-switch button,
    .view-preset-button,
    .pet-buyer-show-category-button,
    .pet-buyer-show-mode-button,
    .detail-style-preset-button
  ):hover:not(:disabled):not(.selected):not([aria-pressed="true"]) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(input, textarea, select, .select-field, .form-input, .prompt-input):focus {
  border-color: var(--aotu-dark-primary) !important;
  outline: 2px solid var(--aotu-dark-focus) !important;
  outline-offset: 1px !important;
  background-color: var(--aotu-dark-control) !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(input, textarea)::placeholder {
  color: var(--aotu-dark-text-tertiary) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Primary generation action: one soft-blue command per operation area. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .create-button,
    .create-button.full,
    .generate-button,
    #generate,
    #mobile-generate,
    .primary-button,
    .submit-button,
    .confirm-button,
    .free-generate-submit,
    .generation-submit-button,
    .start-generate-button
  ):not(.danger-button) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .create-button,
    .create-button.full,
    .generate-button,
    #generate,
    #mobile-generate,
    .primary-button,
    .submit-button,
    .confirm-button,
    .free-generate-submit,
    .generation-submit-button,
    .start-generate-button
  ):not(.danger-button):hover:not(:disabled) {
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .create-button,
    .create-button.full,
    .generate-button,
    #generate,
    #mobile-generate,
    .primary-button,
    .submit-button,
    .confirm-button,
    .free-generate-submit,
    .generation-submit-button,
    .start-generate-button
  ):not(.danger-button):active:not(:disabled) {
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary-pressed) !important;
}

/* Strong selection is reserved for the current editing object. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .generation-channel-switch button.selected,
    .resolution-option.selected,
    .choice-button.selected,
    .inline-model-option.selected,
    .detail-page-resolution-options button.selected,
    .view-preset-button.selected,
    .view-preset-button[aria-pressed="true"],
    .pet-buyer-show-category-button.selected,
    .pet-buyer-show-category-button[aria-pressed="true"]
  ) {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: var(--aotu-dark-strong) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Current navigation and ordinary selected modes use the softer blue. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .side-nav a.active:not(.nav-primary),
    .nav-sublist a.active,
    .industry-select-menu button.is-current,
    .language-switcher-menu button.is-current,
    .mode-button.selected,
    .mode-button[aria-pressed="true"],
    .tab-button.selected,
    .tab-button[aria-selected="true"],
    .segmented-button.selected,
    .segmented-button[aria-pressed="true"],
    .pet-buyer-show-mode-button.selected,
    .pet-buyer-show-mode-button[aria-pressed="true"]
  ) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .side-nav .nav-primary.active {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.side-nav .nav-primary[data-nav-target], .side-nav a, .nav-sublist a):hover:not(.active) {
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
}

/* Compact chips are the only blue-gray utility surface. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.tag, .badge, .pill, .status-pill, .tool-badge, .feature-tag, .model-tag, .credit-badge, .account-badge, .scenario-chip, .count-discount-badge) {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-chip) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.tag, .badge, .pill, .status-pill, .tool-badge, .feature-tag, .model-tag, .credit-badge, .account-badge, .scenario-chip, .count-discount-badge):hover {
  background-color: var(--aotu-dark-chip-hover) !important;
}

/* Modals and notifications. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.modal-backdrop, .image-viewer, .dialog-backdrop, .drawer-backdrop) {
  background-color: rgba(12, 12, 12, 0.82) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.modal, .dialog, .dialog-panel, .modal-content, .modal-panel, .drawer-panel, .toast) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* The shared image-source dialog used by print extract and other image tools
 * still carries a late legacy blue-gray skin in styles.css. Keep its existing
 * geometry and upload behavior while mapping every visible layer to the
 * neutral modal hierarchy. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog {
  color: var(--aotu-dark-text) !important;
  background-color: rgba(12, 12, 12, 0.82) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  .unified-upload-card {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  :is(.unified-upload-head, .unified-upload-actions) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  :is(
    .unified-upload-dropzone,
    .detail-dialog-upload-zone,
    .detail-dialog-upload-slot,
    .detail-dialog-upload-thumb,
    .product-import-summary
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  :is(.product-import-section, .unified-upload-notice) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  :is(.unified-upload-icon, .detail-dialog-upload-thumb .lucide) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-primary) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  :is(
    .unified-upload-head strong,
    .unified-upload-section-head strong,
    .unified-upload-dropzone strong,
    .detail-dialog-upload-slot strong,
    .product-import-summary strong,
    .product-import-group-head strong
  ) {
  color: var(--aotu-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  :is(
    .unified-upload-head span,
    .unified-upload-head small,
    .unified-upload-section-head small,
    .unified-upload-dropzone small,
    .unified-upload-dropzone em,
    .unified-upload-file-rules,
    .unified-upload-notice small,
    .detail-dialog-upload-slot small,
    .product-import-privacy,
    .product-import-summary small,
    .product-import-group-head small,
    .product-import-result-actions small
  ) {
  color: var(--aotu-dark-text-secondary) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-upload-dialog
  .unified-example-grid
  img {
  border-color: var(--aotu-dark-line) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Personal center follows the neutral modal hierarchy instead of the legacy blue-gray skin. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-card,
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-panel,
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-invite-combined {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(.profile-center-head, .profile-actions) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(
    .profile-header-close,
    .profile-form-compact label,
    .profile-stat-grid article,
    .profile-invite-summary > button,
    .profile-invite-binding button,
    .profile-action-grid-wide button
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(.profile-header-close, .profile-invite-summary > button, .profile-invite-binding button, .profile-action-grid-wide button):hover:not(:disabled) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control-hover) !important;
  background-image: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-form-compact label:focus-within {
  border-color: var(--aotu-dark-primary) !important;
  box-shadow: inset 0 0 0 1px var(--aotu-dark-focus) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-form-compact input {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(
    .profile-center-head > div > span,
    .profile-center-head p,
    .profile-panel-title small,
    .profile-form-compact label > span,
    .profile-stat-grid article > span,
    .profile-invite-summary span,
    .profile-invite-binding > small
  ) {
  color: var(--aotu-dark-text-secondary) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(
    .profile-center-head h2,
    .profile-panel-title strong,
    .profile-stat-grid article > strong,
    .profile-invite-summary strong,
    .profile-invite-binding > span,
    .profile-action-grid-wide button span
  ) {
  color: var(--aotu-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-invite-binding {
  border-color: var(--aotu-dark-line) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-invite-binding input:not(.sr-only) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-avatar-edit {
  border-color: transparent !important;
  color: var(--aotu-dark-primary) !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(#profile-avatar-preview, .profile-promotion-icon) {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-strong) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-avatar-edit em {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  :is(
    .profile-header-close .lucide,
    .profile-invite-summary > button .lucide,
    .profile-invite-binding > span .lucide,
    .profile-action-grid-wide button .lucide
  ) {
  color: var(--aotu-dark-primary) !important;
  stroke: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  .profile-stat-grid article > .lucide {
  color: var(--aotu-dark-strong) !important;
  stroke: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  #profile-save {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  #profile-save:hover:not(:disabled) {
  background-color: var(--aotu-dark-primary-hover) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  #profile-save:active:not(:disabled) {
  background-color: var(--aotu-dark-primary-pressed) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  #profile-modal
  #profile-save .lucide {
  color: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.notification-popover, .task-recent-panel, .detail-page-latest-panel, .wrinkle-latest-panel, .recent-task-panel) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text-secondary) !important;
  background-color: var(--aotu-dark-subtle) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.notification-popover-header, .notification-title, .recent-task-header, .task-recent-title) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.notification-item, .recent-task-item, .task-recent-item) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text-secondary) !important;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.notification-item, .recent-task-item, .task-recent-item):hover {
  background-color: var(--aotu-dark-panel) !important;
}

/* Disabled controls use explicit colors, never blanket opacity. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(button, input, textarea, select, [role="button"]):disabled,
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  [aria-disabled="true"] {
  border-color: #25272b !important;
  color: var(--aotu-dark-text-disabled) !important;
  background-color: var(--aotu-dark-disabled) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Neutral structural rules and the one intentional workbench split. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(hr, .divider, .section-divider, .nav-divider, .set-preview-divider) {
  border-color: var(--aotu-dark-line) !important;
  background-color: var(--aotu-dark-line) !important;
  background-image: none !important;
}

@media all {
  html[data-theme="dark"]:not([data-mobile-workbench="true"]):not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
    body.feature-focus-mode.workstation-feature-mode[data-active-feature]:not([data-active-feature^="video-"])
    #task-panel.task-panel
    .preview-column::before {
    background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(151, 185, 255, 0.24) 18%,
      rgba(151, 185, 255, 0.24) 82%,
      transparent 100%
    ) !important;
  }
}

/* Scrollbars keep the light-theme shape and only adapt their dark color. */
@supports not selector(*::-webkit-scrollbar) {
  html[data-theme="dark"] * {
    scrollbar-color: rgba(151, 185, 255, 0.48) transparent !important;
  }
}

html[data-theme="dark"] *::-webkit-scrollbar-track {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-thumb {
  border-color: transparent !important;
  background-color: rgba(151, 185, 255, 0.48) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] *:hover::-webkit-scrollbar-thumb {
  background-color: rgba(151, 185, 255, 0.64) !important;
}

html[data-theme="dark"] *::-webkit-scrollbar-corner {
  background-color: transparent !important;
}

/* Preserve special feature icons; only normalize unselected utility icon wells. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.upload-icon, .model-selector-icon, .modal-icon) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-primary) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2) body :focus-visible {
  outline-color: var(--aotu-dark-primary) !important;
}

/* Try-on already exposes a complete garment upload surface; keep its shared
 * settings wrapper transparent after the global dark panel normalization. */
html[data-theme="dark"]:is([data-industry="fashion"], :not([data-industry])):not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="try-on"]
  main.content-grid
  .task-panel
  .task-body
  #settings-card {
  background-color: transparent !important;
  background-image: none !important;
}

/* Pose change already exposes distinct control surfaces; keep its shared
 * settings wrapper transparent after the global dark panel normalization. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"]
  main.content-grid
  .task-panel
  .task-body
  #settings-card {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"]
  .pose-reference-options-frame {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Final route-level cleanup from the full Chrome surface audit. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .task-recent-head,
    .works-retention-notice,
    .works-empty,
    .pose-selection-summary,
    .buyer-tryon-fixed-note,
    .product-link-workbench-results,
    .product-import-workbench-empty,
    #preview-empty,
    .flat-lay-white-background-button
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text-secondary) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.task-recent-panel, .detail-page-latest-panel, .wrinkle-latest-panel, .recent-task-panel) {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.material-library-shell, .unified-material-library) {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .unified-material-overview {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .product-import-workbench-empty-icon {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-primary) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .buyer-filter-block,
    .fashion-buyer-show-appearance-grid,
    .pose-reference-options-frame,
    .image-to-psd-resolution.image-to-psd-settings-card
  ) {
  border-color: transparent !important;
  outline-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Hidden and late-mounted dialogs use the same neutral hierarchy as visible modals. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .model-upload-dialog-card,
    .model-detail-card,
    .payment-pending-card,
    .credit-center-dialog,
    .credit-action-dialog,
    .video-storyboard-card,
    .buyer-tryon-detail-dialog,
    .admin-modal-panel,
    .agent-library-dialog
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .model-detail-visual,
    .model-detail-form-panel,
    .model-detail-photo-card,
    .model-detail-meta,
    .payment-pending-alipay-state,
    .payment-pending-qr
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text-secondary) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Admin authentication and dialogs must not fall back to the legacy navy skin. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .admin-auth-state {
  border-color: transparent !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-page) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .admin-login-card {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .admin-login-card button[type="submit"] {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Agent conversation adopts the same black, panel, and control layers. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.agent-conversation-frame, .agent-conversation-head, .agent-conversation-composer, .agent-library-dialog) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-panel) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .agent-conversation-thread {
  background-color: var(--aotu-dark-page) !important;
  background-image: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(
    .agent-composer-panel,
    .agent-conversation-picker,
    .agent-head-button,
    .agent-icon-button,
    .agent-library-item,
    .agent-task-card,
    .agent-confirmation-card,
    .agent-message.is-user .agent-message-content
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Mobile personal controls retain hierarchy without blue-gray sheets. */
:root[data-theme="dark"] body.mobile-personal-page
  :is(.media-upload-card, .background-official-button, .official-background-card, .output-field) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] body.mobile-personal-page
  :is(.official-background-sheet, .output-picker-sheet) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: rgba(22, 23, 25, 0.98) !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] body.mobile-personal-page
  :is(
    .setting-options button,
    .swatch-group-options button,
    .prompt-block textarea,
    .output-select-trigger,
    .output-picker-head button,
    .output-picker-options button,
    .official-background-head button,
    .official-background-categories button
  ) {
  border-color: var(--aotu-dark-line) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Prompt mention editors render text through one synchronized mirror layer. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  .extra-prompt-box.has-video-highlight
  textarea,
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  textarea.material-mention-input {
  color: transparent !important;
  caret-color: #eef3fb !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body
  :is(.video-prompt-highlight, .material-mention-mirror) {
  color: #eef3fb !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

:root[data-theme="dark"] body.mobile-personal-page
  :is(
    .setting-options button.is-selected,
    .swatch-group-options button.is-selected,
    .output-picker-options button.is-selected,
    .official-background-categories button.is-selected
  ) {
  border-color: transparent !important;
  color: var(--aotu-dark-shell) !important;
  background-color: var(--aotu-dark-primary) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* These are branded feature icons, so dark mode mirrors their daytime paint. */
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.feature-focus-mode.workstation-feature-mode:is([data-active-feature="background"], [data-active-feature="flat-lay"], [data-active-feature="clothes-on-model"], [data-active-feature="free-match"], [data-active-feature="pet-product-main-image"], [data-active-feature="poster-design"])
  .background-official-material-icon {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #27a98d 0%, #47bda5 100%) !important;
  box-shadow: 0 6px 14px rgba(39, 169, 141, 0.22) !important;
}

html[data-theme="dark"]:not([data-industry])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-show"]
  #task-panel
  .fashion-buyer-show-appearance-icon {
  border-color: #6550df !important;
  color: #6550df !important;
  background-color: #f0edff !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-pet-detail-icon-final-1)
  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-icon {
  border-color: #6b50ec !important;
  color: #6b50ec !important;
  background-color: #f1edff !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
  .pet-buyer-show-category-summary-icon {
  border-color: #654be0 !important;
  color: #654be0 !important;
  background-color: #f0edff !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Card-shaped choices keep a neutral surface in dark mode. Selection is
 * carried by the border and content color, matching their light-mode shape
 * without turning an entire settings group blue. */
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .choice-button,
    .view-subject-button,
    .view-preset-button,
    .pose-type-button,
    .pose-reference-card
  ):is(.selected, [aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
  border-color: var(--aotu-dark-primary) !important;
  color: var(--aotu-dark-text) !important;
  background-color: var(--aotu-dark-control) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(151, 185, 255, 0.18) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .choice-button,
    .view-subject-button,
    .view-preset-button,
    .pose-type-button,
    .pose-reference-card
  ):is(.selected, [aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not(.is-disabled)
  strong {
  color: var(--aotu-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  :is(
    .choice-button,
    .view-subject-button,
    .view-preset-button,
    .pose-type-button,
    .pose-reference-card
  ):is(.selected, [aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not(.is-disabled)
  small {
  color: var(--aotu-dark-text-secondary) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #task-panel
  .choice-button:is(.selected, [aria-pressed="true"]):not(:disabled):not([aria-disabled="true"]):not(.is-disabled)::before {
  background: var(--aotu-dark-primary) !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"]
  #task-panel
  .outpaint-preset-grid
  .choice-button:is(.selected, [aria-pressed="true"])
  .ratio-icon {
  border-color: transparent !important;
  color: var(--aotu-dark-primary) !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"]
  #task-panel
  .outpaint-preset-grid
  .choice-button:is(.selected, [aria-pressed="true"])
  .ratio-icon-auto::before,
html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"]
  #task-panel
  .outpaint-preset-grid
  .choice-button:is(.selected, [aria-pressed="true"])
  .ratio-icon-auto::after {
  border-color: transparent !important;
  background: currentColor !important;
}

html[data-theme="dark"]:not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="outpaint"]
  #task-panel
  .outpaint-preset-grid
  .choice-button:is(.selected, [aria-pressed="true"])
  .ratio-icon:not(.ratio-icon-auto)::before {
  border-color: currentColor !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Desktop feature showcases paint only the real showcase board. The shared
 * preview card, frame, and empty-state layers are structural wrappers. */
@media all {
  html[data-theme="dark"]:not([data-mobile-workbench="true"]):not(#aotu-dark-neutral-1):not(#aotu-dark-neutral-2)
    body.feature-showcase-mode.feature-focus-mode.workstation-feature-mode[data-active-feature]:not([data-active-feature^="video-"])
    #task-panel
    :is(#preview-canvas.preview-card, #preview-frame.preview-frame, #preview-empty.preview-empty) {
    border-color: transparent !important;
    outline-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}

/* This final lock must remain last so late !important feature transitions cannot flash. */
html[data-theme-switching="true"]:not(#aotu-theme-atomic-final-1):not(#aotu-theme-atomic-final-2):not(#aotu-theme-atomic-final-3):not(#aotu-theme-atomic-final-4),
html[data-theme-switching="true"]:not(#aotu-theme-atomic-final-1):not(#aotu-theme-atomic-final-2):not(#aotu-theme-atomic-final-3):not(#aotu-theme-atomic-final-4) body,
html[data-theme-switching="true"]:not(#aotu-theme-atomic-final-1):not(#aotu-theme-atomic-final-2):not(#aotu-theme-atomic-final-3):not(#aotu-theme-atomic-final-4) body *,
html[data-theme-switching="true"]:not(#aotu-theme-atomic-final-1):not(#aotu-theme-atomic-final-2):not(#aotu-theme-atomic-final-3):not(#aotu-theme-atomic-final-4) body *::before,
html[data-theme-switching="true"]:not(#aotu-theme-atomic-final-1):not(#aotu-theme-atomic-final-2):not(#aotu-theme-atomic-final-3):not(#aotu-theme-atomic-final-4) body *::after {
  transition: none !important;
  transition-delay: 0s !important;
  transition-duration: 0s !important;
  animation: none !important;
  animation-delay: 0s !important;
  animation-duration: 0s !important;
}