/* Dark workbench theme scoped to /ai-video via body.ai-video-dark-mode. */

body.ai-video-dark-mode {
    --av-bg: #0d0d10;
    --av-bg-soft: #141416;
    --av-panel: #1b1b1d;
    --av-panel-raised: #202023;
    --av-panel-subtle: #29292d;
    --av-border: rgba(255, 255, 255, 0.09);
    --av-border-strong: rgba(255, 255, 255, 0.16);
    --av-text: #f3efff;
    --av-muted: #a8a5b5;
    --av-muted-2: #7d7a89;
    --av-purple: #8b4dff;
    --av-purple-2: #6d37ed;
    --av-green: #6ee28a;
    background:
        radial-gradient(circle at 54% 9%, rgba(112, 45, 211, 0.30), transparent 32vw),
        linear-gradient(180deg, #0c0c0e 0%, #0f0f12 52%, #09090a 100%);
    color: var(--av-text);
}

body.ai-video-dark-mode .container-fluid {
    background:
        radial-gradient(circle at 58% 9%, rgba(112, 45, 211, 0.28), transparent 34vw),
        linear-gradient(180deg, #0d0d10 0%, #101013 52%, #09090a 100%) !important;
}

body.ai-video-dark-mode .home-section {
    background: transparent !important;
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-maker-center-widget {
    min-height: calc(100vh - 72px);
}

body.ai-video-dark-mode #gradient-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .search-header-title {
    color: #efe9ff !important;
    text-shadow: 0 18px 60px rgba(139, 77, 255, 0.35);
}

body.ai-video-dark-mode .training-video-maker-subtitle {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tvai-tool-tabs {
    width: min(820px, 100%);
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 18px;
    background: rgba(25, 25, 28, 0.92);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28);
    flex-wrap: nowrap;
    overflow-x: auto;
}

body.ai-video-dark-mode .tvai-tool-tab {
    min-height: 38px;
    flex: 0 0 auto;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--av-muted);
    font-weight: 650;
}

body.ai-video-dark-mode .tvai-tool-tab:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--av-text);
}

body.ai-video-dark-mode .tvai-tool-tab.is-active {
    background: #3a3a3d;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

body.ai-video-dark-mode .tv-maker-composer {
    border-color: var(--av-border);
    background: #1c1c1e;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
}

body.ai-video-dark-mode .tv-maker-mode-switch {
    border-color: rgba(255, 255, 255, 0.07);
    background: #151517;
}

body.ai-video-dark-mode .tv-maker-mode-btn {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tv-maker-mode-btn:hover {
    color: #fff;
}

body.ai-video-dark-mode .tv-maker-mode-btn.is-active {
    background: #303033;
    color: #fff;
    box-shadow: none;
}

body.ai-video-dark-mode .tv-maker-composer .description-input,
body.ai-video-dark-mode .tv-maker-composer[data-tv-maker-mode="ai_edit"] .description-input,
body.ai-video-dark-mode .tv-custom-theme-prompt-input {
    border-color: rgba(255, 255, 255, 0.08);
    background: #18181a;
    color: #f6f2ff;
}

body.ai-video-dark-mode .tv-maker-composer .description-input::placeholder,
body.ai-video-dark-mode .tv-custom-theme-prompt-input::placeholder {
    color: #928ea0;
}

body.ai-video-dark-mode .tv-maker-composer .description-input:focus,
body.ai-video-dark-mode .tv-custom-theme-prompt-input:focus {
    box-shadow: 0 0 0 3px rgba(139, 77, 255, 0.22);
}

body.ai-video-dark-mode .tv-maker-composer[data-tvw-tool="tts"] .description-input {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #18181a !important;
    color: #f6f2ff !important;
}

body.ai-video-dark-mode .tv-maker-composer[data-tvw-tool="tts"] .description-input:focus {
    box-shadow: 0 0 0 3px rgba(139, 77, 255, 0.22) !important;
}

body.ai-video-dark-mode #upload-avatar-btn .tac-text {
    border-color: rgba(255, 255, 255, 0.08);
    background: #18181a;
}

body.ai-video-dark-mode .tv-ai-edit-start-title,
body.ai-video-dark-mode .tv-ai-edit-feature-chip,
body.ai-video-dark-mode .tv-maker-source-title,
body.ai-video-dark-mode .tv-maker-composer .option,
body.ai-video-dark-mode .tvw-picker .theme-label,
body.ai-video-dark-mode .tvw-picker .voice-label,
body.ai-video-dark-mode .tvw-picker .tvw-ico {
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-ai-edit-feature-chip svg {
    color: var(--av-green);
}

body.ai-video-dark-mode .tv-maker-source-hint,
body.ai-video-dark-mode .tv-maker-composer .word-count,
body.ai-video-dark-mode .tvw-tool-credit-line,
body.ai-video-dark-mode .tvw-opt small,
body.ai-video-dark-mode .tvw-row small,
body.ai-video-dark-mode .tv-voice-grid .vt-desc {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tv-maker-composer[data-tv-maker-mode="ai_edit"] .tv-single-upload-card .tv-maker-audio-upload-btn,
body.ai-video-dark-mode .tv-maker-composer #generateScenesBtn,
body.ai-video-dark-mode .tv-theme-primary-btn,
body.ai-video-dark-mode .tvw-style-apply,
body.ai-video-dark-mode .explore-workflows-btn,
body.ai-video-dark-mode .wf-modal-try-btn {
    background: linear-gradient(135deg, var(--av-purple) 0%, var(--av-purple-2) 100%);
    color: #fff;
}

body.ai-video-dark-mode .tv-maker-composer[data-tv-maker-mode="ai_edit"] .tv-single-upload-card .tv-maker-audio-upload-btn:hover,
body.ai-video-dark-mode .tv-maker-composer #generateScenesBtn:hover,
body.ai-video-dark-mode .tv-theme-primary-btn:hover,
body.ai-video-dark-mode .tvw-style-apply:hover,
body.ai-video-dark-mode .explore-workflows-btn:hover,
body.ai-video-dark-mode .wf-modal-try-btn:hover {
    filter: brightness(1.08);
}

body.ai-video-dark-mode .tv-maker-composer .option,
body.ai-video-dark-mode .tv-maker-composer .tv-aspect-ratio-control,
body.ai-video-dark-mode .tv-maker-avatar-select-btn,
body.ai-video-dark-mode .tv-maker-composer .tv-script-image-upload-control,
body.ai-video-dark-mode .tv-edit-upload-card,
body.ai-video-dark-mode .tv-edit-upload-card .tv-maker-audio-upload-btn,
body.ai-video-dark-mode .tv-single-upload-card,
body.ai-video-dark-mode .tv-single-upload-card.has-upload-preview {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #242427 !important;
    color: var(--av-text);
    box-shadow: none;
}

body.ai-video-dark-mode .tv-aspect-ratio-toggle {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tv-aspect-ratio-toggle.is-active {
    background: #39393d;
    color: #fff;
}

body.ai-video-dark-mode .tv-script-image-thumb,
body.ai-video-dark-mode .tv-single-upload-card.has-upload-preview .tac-icon,
body.ai-video-dark-mode .tv-edit-upload-card.has-upload-preview .tac-icon {
    border-color: rgba(255, 255, 255, 0.09);
    background: #171719;
}

body.ai-video-dark-mode .tv-maker-presenter-control.is-open,
body.ai-video-dark-mode .tv-maker-avatar-select-btn.is-open,
body.ai-video-dark-mode .tvw-picker.has-selection,
body.ai-video-dark-mode .tvw-picker.has-selection .theme-label,
body.ai-video-dark-mode .tvw-picker.has-selection .voice-label,
body.ai-video-dark-mode .tvw-picker.has-selection .tvw-ico {
    color: #b896ff;
}

body.ai-video-dark-mode .tv-maker-selected-avatar-chip {
    border-color: rgba(139, 77, 255, 0.45);
    background: rgba(139, 77, 255, 0.14);
    color: #e4d7ff;
}

body.ai-video-dark-mode .tv-maker-selected-avatar-clear {
    color: #e4d7ff;
}

body.ai-video-dark-mode .tv-generative-menu,
body.ai-video-dark-mode .tvw-panel,
body.ai-video-dark-mode .tv-voice-tooltip,
body.ai-video-dark-mode .ai-twin-tooltip,
body.ai-video-dark-mode #language-menu,
body.ai-video-dark-mode .tv-theme-modal,
body.ai-video-dark-mode .ai-workflows-modal .modal-content {
    border-color: var(--av-border-strong);
    background: #1f1f22;
    color: var(--av-text);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

body.ai-video-dark-mode .tv-generative-menu-item,
body.ai-video-dark-mode .tv-generative-setting,
body.ai-video-dark-mode .tv-generative-check,
body.ai-video-dark-mode .tvw-row,
body.ai-video-dark-mode .tvw-opt,
body.ai-video-dark-mode #language-menu .lang-item,
body.ai-video-dark-mode .tv-voice-grid .vt-card,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .card,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-card,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-look-card,
body.ai-video-dark-mode .tvw-clone-model,
body.ai-video-dark-mode .vt-ai-card,
body.ai-video-dark-mode .tv-theme-secondary-btn,
body.ai-video-dark-mode .wf-tab,
body.ai-video-dark-mode .banner-nav-btn {
    background: transparent;
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-generative-menu-item:hover,
body.ai-video-dark-mode .tv-generative-menu-item.selected,
body.ai-video-dark-mode .tvw-row:hover,
body.ai-video-dark-mode .tvw-row.selected,
body.ai-video-dark-mode .tvw-opt:hover,
body.ai-video-dark-mode .tvw-opt.selected,
body.ai-video-dark-mode #language-menu .lang-item:hover,
body.ai-video-dark-mode #language-menu .lang-item.selected,
body.ai-video-dark-mode .tv-voice-grid .vt-card:hover,
body.ai-video-dark-mode .tv-voice-grid .vt-card.selected,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .card:hover,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .card.selected,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-look-card:hover,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-look-card.is-selected,
body.ai-video-dark-mode .vt-ai-card:hover,
body.ai-video-dark-mode .vt-ai-card.selected {
    background: rgba(139, 77, 255, 0.16);
}

body.ai-video-dark-mode .tvw-panel,
body.ai-video-dark-mode .tvw-style-foot,
body.ai-video-dark-mode .tvw-voice-clone,
body.ai-video-dark-mode .tvw-clone-model,
body.ai-video-dark-mode .tvw-vcat,
body.ai-video-dark-mode .tvw-search,
body.ai-video-dark-mode .tvw-dubopt-row,
body.ai-video-dark-mode .tvw-dubopt-instr,
body.ai-video-dark-mode .tvw-dubopt-instr textarea,
body.ai-video-dark-mode .tvw-style-select,
body.ai-video-dark-mode .lang-menu .lang-search-input,
body.ai-video-dark-mode .vt-cat,
body.ai-video-dark-mode .tv-voice-search-row input,
body.ai-video-dark-mode .wavel-avatar-search-input,
body.ai-video-dark-mode .wf-search input {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #171719 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .tvw-row .tvw-row-name,
body.ai-video-dark-mode .tvw-opt strong,
body.ai-video-dark-mode #language-menu .lang-item,
body.ai-video-dark-mode #language-menu .lang-item .left,
body.ai-video-dark-mode #language-menu .lang-item .left span,
body.ai-video-dark-mode .tv-voice-grid .vt-name,
body.ai-video-dark-mode #wavel-avatar-tooltip .tip-header,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .name,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .name span,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-name,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-name span,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-looks-title,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-look-name,
body.ai-video-dark-mode .tvw-clone-model strong,
body.ai-video-dark-mode .tvw-style-title,
body.ai-video-dark-mode .tvw-style-lbl,
body.ai-video-dark-mode .tvw-dubopt-row,
body.ai-video-dark-mode .tvw-dubopt-instr label,
body.ai-video-dark-mode .tv-theme-modal-title,
body.ai-video-dark-mode .tv-theme-card-label,
body.ai-video-dark-mode .tv-create-style-title,
body.ai-video-dark-mode .tv-inline-theme-library-title,
body.ai-video-dark-mode .tv-vidgen2-template-card span,
body.ai-video-dark-mode .tv-custom-theme-upload-title,
body.ai-video-dark-mode .ai-workflows-modal .modal-title,
body.ai-video-dark-mode .wf-modal-card-title {
    color: var(--av-text);
}

body.ai-video-dark-mode .tvw-clone-model small,
body.ai-video-dark-mode .tvw-panel-loading,
body.ai-video-dark-mode .tvw-opt small,
body.ai-video-dark-mode .tvw-dubopt-row.is-locked,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-looks-subtitle,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-action,
body.ai-video-dark-mode .tv-create-style-copy,
body.ai-video-dark-mode .tv-inline-theme-library-subtitle,
body.ai-video-dark-mode .tv-vidgen2-template-title,
body.ai-video-dark-mode .tv-custom-theme-upload-description,
body.ai-video-dark-mode .tv-voiceover-confirm-copy,
body.ai-video-dark-mode .wf-modal-card-desc,
body.ai-video-dark-mode .wf-no-results {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tv-vidgen2-template-card {
    background: #151515;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
}

body.ai-video-dark-mode .tv-vidgen2-template-card:hover,
body.ai-video-dark-mode .tv-vidgen2-template-card.is-selected {
    outline-color: rgba(131, 58, 180, 0.72);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.42);
}

body.ai-video-dark-mode .tv-inline-theme-tabs,
body.ai-video-dark-mode .tvw-style-head,
body.ai-video-dark-mode .tvw-style-foot,
body.ai-video-dark-mode .lang-menu .lang-search-wrapper,
body.ai-video-dark-mode .wf-tabs-row,
body.ai-video-dark-mode .ai-workflows-modal .modal-header {
    border-color: rgba(255, 255, 255, 0.08);
}

body.ai-video-dark-mode #language-menu {
    padding: 8px 0;
}

body.ai-video-dark-mode #language-menu .lang-item {
    border: 0;
    box-shadow: none;
}

body.ai-video-dark-mode #language-menu .lang-item.selected {
    color: #fff;
}

body.ai-video-dark-mode #language-menu .lang-item .check {
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: transparent !important;
}

body.ai-video-dark-mode #language-menu .lang-item.selected .check {
    border-color: var(--av-purple) !important;
    background: var(--av-purple) !important;
}

body.ai-video-dark-mode .lang-menu .lang-search-input::placeholder,
body.ai-video-dark-mode .tvw-dubopt-instr textarea::placeholder,
body.ai-video-dark-mode .wavel-avatar-search-input::placeholder {
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode .tvw-dubopt-row:hover {
    border-color: rgba(139, 77, 255, 0.48);
    background: rgba(139, 77, 255, 0.14) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

body.ai-video-dark-mode .tvw-dubopt-row input[type="checkbox"] {
    border-color: rgba(255, 255, 255, 0.16);
    background: #2f2f34;
}

body.ai-video-dark-mode .tvw-dubopt-row input[type="checkbox"]::after {
    background: #f7f4ff;
}

body.ai-video-dark-mode .tvw-dubopt-row input[type="checkbox"]:checked {
    border-color: var(--av-purple);
    background: var(--av-purple);
}

body.ai-video-dark-mode .tvw-premium-badge {
    border-color: rgba(255, 214, 102, 0.45);
    background: rgba(255, 214, 102, 0.16);
    color: #ffdd7a;
}

body.ai-video-dark-mode .tvw-style-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 36px !important;
    background-color: #171719 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6.25 8 9.75l3.5-3.5' fill='none' stroke='%23f3efff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px 16px !important;
}

body.ai-video-dark-mode .tvw-style-select::-ms-expand {
    display: none;
}

body.ai-video-dark-mode #wavel-avatar-tooltip .tabs,
body.ai-video-dark-mode #wavelAvatarCategories {
    border-color: rgba(255, 255, 255, 0.08);
}

body.ai-video-dark-mode #wavel-avatar-tooltip {
    border-color: var(--av-border-strong) !important;
    background: #1f1f22 !important;
    color: var(--av-text) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48) !important;
}

body.ai-video-dark-mode #wavel-avatar-tooltip .grid .card,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-card,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-look-card {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #29292d !important;
    color: var(--av-text) !important;
    box-shadow: none !important;
}

body.ai-video-dark-mode #wavel-avatar-tooltip .tab,
body.ai-video-dark-mode #wavel-avatar-tooltip .wavel-avatar-cat {
    color: var(--av-muted);
}

body.ai-video-dark-mode #wavel-avatar-tooltip .tab.active,
body.ai-video-dark-mode #wavel-avatar-tooltip .tab:hover,
body.ai-video-dark-mode #wavel-avatar-tooltip .wavel-avatar-cat.active,
body.ai-video-dark-mode #wavel-avatar-tooltip .wavel-avatar-cat:hover {
    color: #fff;
}

body.ai-video-dark-mode #wavel-avatar-tooltip .wavel-avatar-cat,
body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-looks-back,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-action {
    border-color: rgba(255, 255, 255, 0.10);
    background: #29292d;
}

body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-looks-back {
    color: var(--av-text);
}

body.ai-video-dark-mode #wavel-avatar-tooltip .tv-avatar-looks-back:hover,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-action:hover {
    border-color: rgba(139, 77, 255, 0.5);
    background: rgba(139, 77, 255, 0.16);
    color: #fff;
}

body.ai-video-dark-mode .tv-inline-theme-tab {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tv-inline-theme-tab:hover,
body.ai-video-dark-mode .tv-inline-theme-tab.active,
body.ai-video-dark-mode .wf-tab:hover,
body.ai-video-dark-mode .wf-tab.active {
    color: #fff;
}

body.ai-video-dark-mode .tv-inline-theme-tab.active::after,
body.ai-video-dark-mode .wf-tab.active {
    border-bottom-color: #fff;
}

body.ai-video-dark-mode .tv-inline-theme-tab.active::after {
    background: #fff;
}

body.ai-video-dark-mode .tv-theme-tag-filter-btn,
body.ai-video-dark-mode .tv-create-style-card,
body.ai-video-dark-mode .tv-theme-card,
body.ai-video-dark-mode .wf-modal-card,
body.ai-video-dark-mode .banner-wf-card {
    border-color: rgba(255, 255, 255, 0.10);
    background: #29292d;
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-theme-tag-filter-btn:hover,
body.ai-video-dark-mode .tv-theme-card:hover,
body.ai-video-dark-mode .wf-modal-card:hover,
body.ai-video-dark-mode .banner-wf-card:hover {
    border-color: rgba(139, 77, 255, 0.58);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

body.ai-video-dark-mode .tv-theme-tag-filter-btn.active,
body.ai-video-dark-mode .tv-theme-card.selected {
    border-color: var(--av-purple);
    background: rgba(139, 77, 255, 0.16);
    color: #fff;
}

body.ai-video-dark-mode .tv-theme-card-preview,
body.ai-video-dark-mode .tv-avatar-preview-media,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-group-thumb,
body.ai-video-dark-mode #wavel-avatar-tooltip .grid .tv-avatar-look-thumb,
body.ai-video-dark-mode .wf-modal-card-media {
    background: #101012;
}

body.ai-video-dark-mode .tv-theme-card-tag,
body.ai-video-dark-mode .tv-theme-card-counter {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.52);
    color: #fff;
}

body.ai-video-dark-mode .tv-theme-secondary-btn,
body.ai-video-dark-mode .tvw-style-reset,
body.ai-video-dark-mode .btn-close-wf,
body.ai-video-dark-mode .tv-theme-modal-close,
body.ai-video-dark-mode .vt-close-btn {
    border-color: rgba(255, 255, 255, 0.12);
    background: #2b2b2f;
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-theme-secondary-btn:hover,
body.ai-video-dark-mode .tvw-style-reset:hover,
body.ai-video-dark-mode .btn-close-wf:hover,
body.ai-video-dark-mode .tv-theme-modal-close:hover,
body.ai-video-dark-mode .vt-close-btn:hover {
    background: #38383d;
    color: #fff;
}

body.ai-video-dark-mode .popular-ai-workflows-section {
    margin-top: 20px;
}

body.ai-video-dark-mode .popular-ai-workflows-banner {
    border-color: rgba(255, 255, 255, 0.09);
    background: #1c1c1f;
}

body.ai-video-dark-mode .popular-ai-workflows-banner-text,
body.ai-video-dark-mode .popular-ai-workflows-banner-text .banner-eyebrow,
body.ai-video-dark-mode .popular-ai-workflows-banner-text h2,
body.ai-video-dark-mode .popular-ai-workflows-banner-text p,
body.ai-video-dark-mode .banner-wf-card .banner-wf-label {
    color: var(--av-text);
}

body.ai-video-dark-mode .popular-ai-workflows-banner-text p {
    color: var(--av-muted);
}

body.ai-video-dark-mode .ai-workflows-modal .modal-content {
    border-radius: 20px;
}

body.ai-video-dark-mode .ai-workflows-modal .modal-backdrop,
body.ai-video-dark-mode .tv-theme-modal-backdrop {
    background: rgba(0, 0, 0, 0.72);
}

body.ai-video-dark-mode .sidebar.sidebar-main {
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    background: #1b1b1d;
    color: var(--av-text);
}

body.ai-video-dark-mode .sidebar.sidebar-main .logo-details,
body.ai-video-dark-mode .main-div-header-logo,
body.ai-video-dark-mode .profile-details,
body.ai-video-dark-mode .sidemenu-bottom,
body.ai-video-dark-mode .static-bottom {
    background: #1b1b1d !important;
}

body.ai-video-dark-mode .profile-details {
    border-color: rgba(255, 255, 255, 0.09);
    color: var(--av-text);
}

body.ai-video-dark-mode .sidebar.sidebar-main .nav-links > li:not(.side-menu-seperator):hover,
body.ai-video-dark-mode .sidebar.sidebar-main .nav-links > li.active {
    border-color: rgba(255, 255, 255, 0.08);
    background: #333336;
    box-shadow: none;
}

body.ai-video-dark-mode .sidebar.sidebar-main .nav-links li a,
body.ai-video-dark-mode .sidebar.sidebar-main .nav-links li a .link_name,
body.ai-video-dark-mode .sidebar.sidebar-main .nav-links li .sidebar-icon,
body.ai-video-dark-mode .profile_name,
body.ai-video-dark-mode .job {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .sidebar.sidebar-main .side-menu-seperator {
    color: #9995a6;
}

body.ai-video-dark-mode .sidebar.sidebar-main svg [stroke],
body.ai-video-dark-mode .sidebar.sidebar-main svg path[stroke],
body.ai-video-dark-mode .profile-details svg path[stroke] {
    stroke: #b9b6c7 !important;
}

body.ai-video-dark-mode .sidebar.sidebar-main svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .profile-details svg path[fill]:not([fill="none"]) {
    fill: #b9b6c7 !important;
}

body.ai-video-dark-mode .header-brand-img,
body.ai-video-dark-mode .header-wavel-logo {
    filter: brightness(0) invert(1);
}

body.ai-video-dark-mode .collapse-icon,
body.ai-video-dark-mode .header-mobile-logo,
body.ai-video-dark-mode .profile-content img {
    filter: brightness(0.9);
}

body.ai-video-dark-mode .btn-wavel-border-gradient {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: transparent !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .btn-wavel-gradient,
body.ai-video-dark-mode .tools-sidebar-upgrade-btn {
    border: 0 !important;
    background: linear-gradient(135deg, var(--av-purple) 0%, var(--av-purple-2) 100%) !important;
    color: #fff !important;
}

body.ai-video-dark-mode .tv-maker-feedback-toast-inner {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(32, 32, 35, 0.98);
}

body.ai-video-dark-mode .tv-maker-feedback-message {
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-maker-feedback-close {
    color: var(--av-muted);
}

body.ai-video-dark-mode .vg2-composer {
    border-color: var(--av-border);
    background: #1c1c1e;
    color: var(--av-text);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
}

body.ai-video-dark-mode .vg2-description-input {
    border-color: rgba(255, 255, 255, 0.08);
    background: #18181a;
    color: #f6f2ff;
}

body.ai-video-dark-mode .vg2-description-input::placeholder {
    color: #928ea0;
}

body.ai-video-dark-mode .vg2-description-input:focus {
    box-shadow: 0 0 0 3px rgba(139, 77, 255, 0.22);
}

body.ai-video-dark-mode .vg2-word-count,
body.ai-video-dark-mode .vg2-option-suffix {
    color: var(--av-muted);
}

body.ai-video-dark-mode .vg2-option,
body.ai-video-dark-mode .vg2-media-upload-control,
body.ai-video-dark-mode .vg2-aspect-ratio-control,
body.ai-video-dark-mode .vg2-duration-control,
body.ai-video-dark-mode .vg2-media-preview-item {
    border-color: rgba(255, 255, 255, 0.08);
    background: #242427;
    color: var(--av-text);
    box-shadow: none;
}

body.ai-video-dark-mode .vg2-media-upload-control:hover {
    border-color: rgba(139, 77, 255, 0.58);
    background: rgba(139, 77, 255, 0.16);
    color: #d9c8ff;
}

body.ai-video-dark-mode .vg2-media-preview-audio {
    background: linear-gradient(180deg, #242427 0%, #19191c 100%);
    color: #d9c8ff;
}

body.ai-video-dark-mode .vg2-media-preview-type,
body.ai-video-dark-mode .vg2-media-preview-remove {
    background: rgba(0, 0, 0, 0.74);
    color: #fff;
}

body.ai-video-dark-mode .vg2-aspect-toggle {
    color: var(--av-muted);
}

body.ai-video-dark-mode .vg2-aspect-toggle.is-active {
    background: #39393d;
    color: #fff;
}

body.ai-video-dark-mode .vg2-duration-input {
    color: var(--av-text);
    border: 1px solid var(--av-border);
    border-radius: 8px;
    background-color: #242427;
    background-image: linear-gradient(45deg, transparent 50%, var(--av-text) 50%), linear-gradient(135deg, var(--av-text) 50%, transparent 50%);
    color-scheme: dark;
    padding: 4px 18px 4px 8px;
}

body.ai-video-dark-mode .vg2-duration-input option {
    background: #242427;
    color: var(--av-text);
}

body.ai-video-dark-mode .vg2-generate-btn {
    background: linear-gradient(135deg, var(--av-purple) 0%, var(--av-purple-2) 100%);
    color: #fff;
    box-shadow: 0 12px 28px rgba(139, 77, 255, 0.22);
}

body.ai-video-dark-mode .vg2-generate-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #9a63ff 0%, #7540f2 100%);
    box-shadow: 0 16px 34px rgba(139, 77, 255, 0.30);
}

body.ai-video-dark-mode .vg2-error-inline {
    border-color: rgba(248, 113, 113, 0.42);
    background: rgba(127, 29, 29, 0.38);
    color: #fecaca;
}

body.ai-video-dark-mode .tv-voice-tooltip-backdrop {
    background: rgba(0, 0, 0, 0.72);
}

body.ai-video-dark-mode .tv-voice-tooltip {
    border-color: var(--av-border-strong);
    background: #1f1f22;
    color: var(--av-text);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-header,
body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-title,
body.ai-video-dark-mode .tv-voice-tooltip .vt-name {
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-voice-section-label,
body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-subtitle,
body.ai-video-dark-mode .tv-voice-tooltip .vt-group-title,
body.ai-video-dark-mode .tv-voice-tooltip .vt-desc,
body.ai-video-dark-mode .tv-voice-empty {
    color: var(--av-muted);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-close-btn {
    background: transparent;
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-close-btn:hover {
    background: #38383d;
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-close-btn svg,
body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-checkmark svg {
    stroke: var(--av-text);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-card,
body.ai-video-dark-mode .tv-voice-tooltip .vt-cat,
body.ai-video-dark-mode .tv-voice-tooltip .vt-cat-nav,
body.ai-video-dark-mode .tv-voice-tooltip .vt-card,
body.ai-video-dark-mode .tv-voice-search-row input {
    border-color: rgba(255, 255, 255, 0.10);
    background: #242427;
    color: var(--av-text);
    box-shadow: none;
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-card:hover,
body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-card.selected,
body.ai-video-dark-mode .tv-voice-tooltip .vt-card:hover,
body.ai-video-dark-mode .tv-voice-tooltip .vt-card.selected {
    border-color: rgba(139, 77, 255, 0.48);
    background: rgba(139, 77, 255, 0.16);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-ai-card.selected {
    border-width: 1px;
    box-shadow: 0 0 0 1px rgba(139, 77, 255, 0.42);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-cat.active,
body.ai-video-dark-mode .tv-voice-tooltip .vt-play {
    border-color: var(--av-purple);
    background: var(--av-purple);
    color: #fff;
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-loader .spinner {
    border-color: rgba(255, 255, 255, 0.14);
    border-top-color: var(--av-purple);
}

body.ai-video-dark-mode .tv-voice-tooltip .vt-card.disabled,
body.ai-video-dark-mode .tv-voice-tooltip .vt-card.disabled:hover,
body.ai-video-dark-mode .vt-ai-card.is-locked,
body.ai-video-dark-mode .vt-ai-card.is-locked:hover,
body.ai-video-dark-mode .tvw-dubopt-row.is-locked {
    background: #19191b;
    color: var(--av-muted-2);
}

body.ai-video-dark-mode .tvw-dubopt-row,
body.ai-video-dark-mode .tvw-advanced-section,
body.ai-video-dark-mode .tvw-tool-credit-line {
    border-color: rgba(255, 255, 255, 0.10);
    background: #242427;
    color: var(--av-text);
}

body.ai-video-dark-mode .tvw-dubopt-row:hover {
    border-color: rgba(139, 77, 255, 0.48);
    background: rgba(139, 77, 255, 0.12);
    box-shadow: none;
}

body.ai-video-dark-mode .tvw-dubopt-row input[type="checkbox"] {
    border-color: rgba(255, 255, 255, 0.22);
    background: #151517;
}

body.ai-video-dark-mode .tvw-dubopt-row input[type="checkbox"]:checked {
    border-color: var(--av-purple);
    background: var(--av-purple);
}

body.ai-video-dark-mode .tv-theme-preview-modal,
body.ai-video-dark-mode .tv-theme-preview-modal-body,
body.ai-video-dark-mode .tv-theme-preview-modal-header {
    border-color: var(--av-border-strong);
    background: #1f1f22;
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-theme-preview-modal-title {
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-theme-preview-modal-subtitle {
    color: var(--av-muted);
}

body.ai-video-dark-mode .select2-container--default .select2-selection--single,
body.ai-video-dark-mode .select2-container--default .select2-selection--multiple {
    border-color: rgba(255, 255, 255, 0.10);
    background: #171719;
    color: var(--av-text);
}

body.ai-video-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--av-text);
}

body.ai-video-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--av-text);
}

body.ai-video-dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: var(--av-text);
}

body.ai-video-dark-mode .select2-dropdown {
    border-color: rgba(255, 255, 255, 0.12);
    background: #1f1f22;
    color: var(--av-text);
}

body.ai-video-dark-mode .select2-results__option--highlighted[aria-selected] {
    background: rgba(139, 77, 255, 0.40);
}

body.ai-video-dark-mode .tv-maker-composer .qs-caret,
body.ai-video-dark-mode .tv-maker-composer .tvw-caret,
body.ai-video-dark-mode .tv-maker-avatar-select-caret,
body.ai-video-dark-mode .tv-custom-theme-category-caret {
    color: var(--av-text) !important;
    opacity: 0.92;
}

body.ai-video-dark-mode .tv-maker-composer .tvw-caret {
    background-color: currentColor !important;
}

body.ai-video-dark-mode .tv-maker-composer .qs-caret svg,
body.ai-video-dark-mode .tv-maker-composer .theme-icon-container svg,
body.ai-video-dark-mode .tv-maker-composer .tv-generative-customize-icon svg,
body.ai-video-dark-mode .tv-maker-composer .tv-script-image-upload-icon svg,
body.ai-video-dark-mode .tv-maker-avatar-select-caret svg,
body.ai-video-dark-mode .tv-custom-theme-category-caret svg,
body.ai-video-dark-mode .vg2-option svg {
    color: var(--av-text);
}

body.ai-video-dark-mode .tv-maker-composer .qs-caret svg [stroke],
body.ai-video-dark-mode .tv-maker-composer .theme-icon-container svg [stroke],
body.ai-video-dark-mode .tv-maker-composer .tv-generative-customize-icon svg [stroke],
body.ai-video-dark-mode .tv-maker-composer .tv-script-image-upload-icon svg [stroke],
body.ai-video-dark-mode .tv-maker-avatar-select-caret svg [stroke],
body.ai-video-dark-mode .tv-custom-theme-category-caret svg [stroke],
body.ai-video-dark-mode .vg2-option svg [stroke] {
    stroke: var(--av-text) !important;
}

body.ai-video-dark-mode .tv-maker-composer .qs-caret svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .tv-maker-composer .theme-icon-container svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .tv-maker-composer .tv-generative-customize-icon svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .tv-maker-composer .tv-script-image-upload-icon svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .tv-maker-avatar-select-caret svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .tv-custom-theme-category-caret svg [fill]:not([fill="none"]),
body.ai-video-dark-mode .vg2-option svg [fill]:not([fill="none"]) {
    fill: var(--av-text) !important;
}

body.ai-video-dark-mode .tvw-style-select,
body.ai-video-dark-mode .tv-generative-setting select,
body.ai-video-dark-mode .tv-outro-select,
body.ai-video-dark-mode .tv-custom-theme-orientation-input {
    color: var(--av-text);
    background-color: #171719;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23f6f2ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 14px;
}

body.ai-video-dark-mode #voiceCloningModel .modal-content,
body.ai-video-dark-mode #voiceCloningModel .modal-body {
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: #1f1f22 !important;
    color: var(--av-text) !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.54) !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-body {
    border: 0 !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-title,
body.ai-video-dark-mode #voiceCloningModel .uploader-label,
body.ai-video-dark-mode #voiceCloningModel .form-label,
body.ai-video-dark-mode #voiceCloningModel .option-title,
body.ai-video-dark-mode #voiceCloningModel .mode-title,
body.ai-video-dark-mode #voiceCloningModel .cloned-voice-info h6,
body.ai-video-dark-mode #voiceCloningModel .audio-file-item h6,
body.ai-video-dark-mode #voiceCloningModel .title-video-voice-lable,
body.ai-video-dark-mode #voiceCloningModel #uploaded-file-name1 {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .clone-voice-sub-title,
body.ai-video-dark-mode #voiceCloningModel .option-description,
body.ai-video-dark-mode #voiceCloningModel .mode-description,
body.ai-video-dark-mode #voiceCloningModel .drop-zone-content-desc,
body.ai-video-dark-mode #voiceCloningModel .accepte-text,
body.ai-video-dark-mode #voiceCloningModel .agree-text-content,
body.ai-video-dark-mode #voiceCloningModel .char-count,
body.ai-video-dark-mode #voiceCloningModel .clone-info,
body.ai-video-dark-mode #voiceCloningModel .clone-text,
body.ai-video-dark-mode #voiceCloningModel .cloned-voice-info p,
body.ai-video-dark-mode #voiceCloningModel #uploaded-file-size1,
body.ai-video-dark-mode #voiceCloningModel .text-muted {
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #voiceCloningModel .voice-option-card,
body.ai-video-dark-mode #voiceCloningModel .textarea-container,
body.ai-video-dark-mode #voiceCloningModel .mode-options-horizontal,
body.ai-video-dark-mode #voiceCloningModel .cloned-voice-preview,
body.ai-video-dark-mode #voiceCloningModel .audio-file-item,
body.ai-video-dark-mode #voiceCloningModel #uploaded-file-preview1 .d-flex[style*="background"] {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #242427 !important;
    color: var(--av-text) !important;
    box-shadow: none !important;
}

body.ai-video-dark-mode #voiceCloningModel .voice-option-card:hover,
body.ai-video-dark-mode #voiceCloningModel .voice-option-card.selected {
    border-color: rgba(139, 77, 255, 0.52) !important;
    background: rgba(139, 77, 255, 0.14) !important;
    box-shadow: 0 0 0 1px rgba(139, 77, 255, 0.22) !important;
}

body.ai-video-dark-mode #voiceCloningModel .voice-option-card.disabled,
body.ai-video-dark-mode #voiceCloningModel .voice-option-card.disabled:hover {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #19191b !important;
    opacity: 0.72 !important;
    box-shadow: none !important;
}

body.ai-video-dark-mode #voiceCloningModel .option-title.disabled,
body.ai-video-dark-mode #voiceCloningModel .option-description.disabled {
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode #voiceCloningModel .coming-soon-badge {
    background: rgba(139, 77, 255, 0.18) !important;
    color: #d9cbff !important;
}

body.ai-video-dark-mode #voiceCloningModel #drop-area1,
body.ai-video-dark-mode #voiceCloningModel .drop-zone {
    border-color: rgba(139, 77, 255, 0.46) !important;
    background: #18181a !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel #drop-area1:hover,
body.ai-video-dark-mode #voiceCloningModel .drop-zone:hover,
body.ai-video-dark-mode #voiceCloningModel #drop-area1.active {
    border-color: rgba(139, 77, 255, 0.72) !important;
    background: rgba(139, 77, 255, 0.12) !important;
}

body.ai-video-dark-mode #voiceCloningModel #drop-area1 .drop-zone-title,
body.ai-video-dark-mode #voiceCloningModel .drop-zone-title {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel #drop-area1:hover .drop-zone-content-desc {
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #voiceCloningModel .textarea,
body.ai-video-dark-mode #voiceCloningModel textarea,
body.ai-video-dark-mode #voiceCloningModel input.form-control,
body.ai-video-dark-mode #voiceCloningModel .form-control,
body.ai-video-dark-mode #voiceCloningModel .select2-container--default .select2-selection--single {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #171719 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-container,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-container--default,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select_box,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .studio-select-box,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog #spokenLanguage,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog #voiceSelectLanguage {
    background: #171719 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-selection,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-selection--single,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-container--default .select2-selection--single,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog #spokenLanguage + .select2 .select2-selection--single,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog #voiceSelectLanguage + .select2 .select2-selection--single {
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: #171719 !important;
    color: var(--av-text) !important;
    box-shadow: none !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-selection__rendered,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-container--default .select2-selection--single .select2-selection__rendered,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog #spokenLanguage + .select2 .select2-selection__rendered,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog #voiceSelectLanguage + .select2 .select2-selection__rendered {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-selection__placeholder {
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-selection__arrow b,
body.ai-video-dark-mode #voiceCloningModel .modal-dialog .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--av-text) !important;
    border-bottom-color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .textarea::placeholder,
body.ai-video-dark-mode #voiceCloningModel textarea::placeholder,
body.ai-video-dark-mode #voiceCloningModel input.form-control::placeholder {
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode #voiceCloningModel .textarea:focus,
body.ai-video-dark-mode #voiceCloningModel textarea:focus,
body.ai-video-dark-mode #voiceCloningModel input.form-control:focus {
    border-color: rgba(139, 77, 255, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(139, 77, 255, 0.22) !important;
}

body.ai-video-dark-mode #voiceCloningModel .textarea-footer {
    border-top-color: rgba(255, 255, 255, 0.10) !important;
    background: #1d1d20 !important;
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #voiceCloningModel .progress-circle-bg {
    stroke: rgba(255, 255, 255, 0.16) !important;
}

body.ai-video-dark-mode #voiceCloningModel .progress-circle-fill {
    stroke: var(--av-purple) !important;
}

body.ai-video-dark-mode #voiceCloningModel .mode-slider,
body.ai-video-dark-mode #voiceCloningModel .mode-option-horizontal.active {
    background: rgba(139, 77, 255, 0.20) !important;
}

body.ai-video-dark-mode #voiceCloningModel .mode-option-horizontal:not(.active) .mode-title {
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #voiceCloningModel .mode-option-horizontal:not(.active) .mode-description {
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode #voiceCloningModel .new-custom-checkbox-parent input[type="checkbox"] {
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: #151517 !important;
}

body.ai-video-dark-mode #voiceCloningModel .new-custom-checkbox-parent input[type="checkbox"]:checked {
    border-color: var(--av-purple) !important;
    background: var(--av-purple) !important;
}

body.ai-video-dark-mode #voiceCloningModel .v3-uploader-close,
body.ai-video-dark-mode #voiceCloningModel .close {
    color: var(--av-text) !important;
    opacity: 0.86 !important;
}

body.ai-video-dark-mode #voiceCloningModel .v3-uploader-close:hover,
body.ai-video-dark-mode #voiceCloningModel .close:hover {
    color: #fff !important;
    opacity: 1 !important;
}

body.ai-video-dark-mode #voiceCloningModel .cloned-voice-play-btn,
body.ai-video-dark-mode #voiceCloningModel .play-btn,
body.ai-video-dark-mode #voiceCloningModel .btn-light {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #171719 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .cloned-voice-play-btn:hover,
body.ai-video-dark-mode #voiceCloningModel .play-btn:hover,
body.ai-video-dark-mode #voiceCloningModel .btn-light:hover {
    border-color: rgba(139, 77, 255, 0.48) !important;
    background: rgba(139, 77, 255, 0.16) !important;
}

body.ai-video-dark-mode #voiceCloningModel svg [stroke] {
    stroke: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .play-btn svg [fill]:not([fill="none"]),
body.ai-video-dark-mode #voiceCloningModel .cloned-voice-play-btn svg [fill]:not([fill="none"]),
body.ai-video-dark-mode #voiceCloningModel .v3-uploader-close svg [fill]:not([fill="none"]) {
    fill: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--av-text) !important;
}

body.ai-video-dark-mode #voiceCloningModel .select2-dropdown,
body.ai-video-dark-mode .select2-dropdown.voice-clone-dropdown,
body.ai-video-dark-mode .select2-container--open .select2-dropdown {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #1f1f22 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .select2-container--open .select2-dropdown .select2-search__field {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #171719 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .select2-container--open .select2-results__option {
    background: #1f1f22 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode .select2-container--open .select2-results__option[aria-selected="true"] {
    background: rgba(139, 77, 255, 0.24) !important;
}

body.ai-video-dark-mode .select2-container--open .select2-results__option--highlighted[aria-selected],
body.ai-video-dark-mode .select2-container--open .select2-results__option--highlighted.select2-results__option--selectable {
    background: rgba(139, 77, 255, 0.44) !important;
    color: #fff !important;
}

body.ai-video-dark-mode #voiceCloningModel .alert-warning {
    border-color: rgba(255, 193, 7, 0.28) !important;
    background: rgba(255, 193, 7, 0.12) !important;
    color: #ffe8a3 !important;
}

body.ai-video-dark-mode #voiceCloningModel a {
    color: #c8b7ff !important;
}

body.ai-video-dark-mode #studio_v3_uploader .modal-content,
body.ai-video-dark-mode #studio_v3_uploader .modal-body {
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: #1f1f22 !important;
    color: var(--av-text) !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.54) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .modal-body {
    border: 0 !important;
}

body.ai-video-dark-mode #studio_v3_uploader .modal-title,
body.ai-video-dark-mode #studio_v3_uploader .uploader-label,
body.ai-video-dark-mode #studio_v3_uploader .voice-option-label,
body.ai-video-dark-mode #studio_v3_uploader .title-video-voice-lable,
body.ai-video-dark-mode #studio_v3_uploader .option-title,
body.ai-video-dark-mode #studio_v3_uploader .voice-group-title,
body.ai-video-dark-mode #studio_v3_uploader .voice-name,
body.ai-video-dark-mode #studio_v3_uploader #uploaded-file-name {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .uploader-sub-label,
body.ai-video-dark-mode #studio_v3_uploader .drop-zone-content-desc,
body.ai-video-dark-mode #studio_v3_uploader .option-description,
body.ai-video-dark-mode #studio_v3_uploader .counter-text,
body.ai-video-dark-mode #studio_v3_uploader .voice-description,
body.ai-video-dark-mode #studio_v3_uploader .loading-spinner,
body.ai-video-dark-mode #studio_v3_uploader #uploaded-file-size {
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .main-link-div {
    border-color: rgba(255, 255, 255, 0.10) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .tab-upload-link {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #242427 !important;
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .tab-upload-link:hover,
body.ai-video-dark-mode #studio_v3_uploader .tab-upload-link.active-tab {
    border-color: rgba(139, 77, 255, 0.52) !important;
    background: rgba(139, 77, 255, 0.20) !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader #drop-area,
body.ai-video-dark-mode #studio_v3_uploader .drop-area-youtube,
body.ai-video-dark-mode #studio_v3_uploader .youtube-upload-sub-div,
body.ai-video-dark-mode #studio_v3_uploader .voice-mode-section,
body.ai-video-dark-mode #studio_v3_uploader .all-voices-section,
body.ai-video-dark-mode #studio_v3_uploader .voice-card-container,
body.ai-video-dark-mode #studio_v3_uploader #voice-two-col,
body.ai-video-dark-mode #studio_v3_uploader #uploaded-file-preview .d-flex[style*="background"] {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #242427 !important;
    color: var(--av-text) !important;
    box-shadow: none !important;
}

body.ai-video-dark-mode #studio_v3_uploader #drop-area {
    border-style: dashed !important;
    border-color: rgba(139, 77, 255, 0.46) !important;
}

body.ai-video-dark-mode #studio_v3_uploader #drop-area:hover,
body.ai-video-dark-mode #studio_v3_uploader #drop-area.dragover,
body.ai-video-dark-mode #studio_v3_uploader #drop-area.active,
body.ai-video-dark-mode #studio_v3_uploader .drop-area-youtube:hover {
    border-color: rgba(139, 77, 255, 0.72) !important;
    background: rgba(139, 77, 255, 0.12) !important;
}

body.ai-video-dark-mode #studio_v3_uploader #drop-area .drop-zone-title,
body.ai-video-dark-mode #studio_v3_uploader .drop-zone-title {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader #drop-area svg [fill]:not([fill="none"]) {
    fill: var(--av-muted) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .form-control,
body.ai-video-dark-mode #studio_v3_uploader .voice-search-input,
body.ai-video-dark-mode #studio_v3_uploader .custom-search-input,
body.ai-video-dark-mode #studio_v3_uploader .yt-paste-link,
body.ai-video-dark-mode #studio_v3_uploader .select2-container--default .select2-selection--single,
body.ai-video-dark-mode #studio_v3_uploader .select2-container--default .select2-selection--multiple {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #171719 !important;
    color: var(--av-text) !important;
    box-shadow: none !important;
}

body.ai-video-dark-mode #studio_v3_uploader .form-control::placeholder,
body.ai-video-dark-mode #studio_v3_uploader .voice-search-input::placeholder,
body.ai-video-dark-mode #studio_v3_uploader .custom-search-input::placeholder {
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .form-control:focus,
body.ai-video-dark-mode #studio_v3_uploader .voice-search-input:focus,
body.ai-video-dark-mode #studio_v3_uploader .custom-search-input:focus {
    border-color: rgba(139, 77, 255, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(139, 77, 255, 0.22) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .search-icon {
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .select2-container--default .select2-selection--single .select2-selection__rendered,
body.ai-video-dark-mode #studio_v3_uploader .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .voice-option-card,
body.ai-video-dark-mode #studio_v3_uploader .voice-category-tab,
body.ai-video-dark-mode #studio_v3_uploader .voice-card,
body.ai-video-dark-mode #studio_v3_uploader .nav-arrow {
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: #242427 !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .voice-option-card:hover,
body.ai-video-dark-mode #studio_v3_uploader .voice-option-card.selected,
body.ai-video-dark-mode #studio_v3_uploader .voice-category-tab:hover,
body.ai-video-dark-mode #studio_v3_uploader .voice-category-tab.active,
body.ai-video-dark-mode #studio_v3_uploader .voice-card:hover,
body.ai-video-dark-mode #studio_v3_uploader .voice-card.selected {
    border-color: rgba(139, 77, 255, 0.48) !important;
    background: rgba(139, 77, 255, 0.16) !important;
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .voice-card.disabled,
body.ai-video-dark-mode #studio_v3_uploader .voice-card.disabled:hover {
    background: #19191b !important;
    color: var(--av-muted-2) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .premium-counter {
    border-top-color: rgba(255, 255, 255, 0.10) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .voice-select-indicator {
    background: #171719 !important;
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .voice-card.selected .voice-select-indicator {
    background: var(--av-purple) !important;
    color: #fff !important;
}

body.ai-video-dark-mode #studio_v3_uploader .nav-arrow i,
body.ai-video-dark-mode #studio_v3_uploader .tick-icon {
    color: var(--av-text) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .play-btn {
    background: rgba(0, 0, 0, 0.72) !important;
    color: #fff !important;
}

body.ai-video-dark-mode #studio_v3_uploader .v3-uploader-close,
body.ai-video-dark-mode #studio_v3_uploader .close {
    color: var(--av-text) !important;
    opacity: 0.86 !important;
}

body.ai-video-dark-mode #studio_v3_uploader .v3-uploader-close:hover,
body.ai-video-dark-mode #studio_v3_uploader .close:hover {
    color: #fff !important;
    opacity: 1 !important;
}

body.ai-video-dark-mode #studio_v3_uploader .custom-btn,
body.ai-video-dark-mode #studio_v3_uploader .uploader-submit-btn,
body.ai-video-dark-mode #studio_v3_uploader .generate-button {
    border-color: transparent !important;
    background: linear-gradient(90deg, #8b4dff 0%, #6f3df4 100%) !important;
    color: #fff !important;
}

body.ai-video-dark-mode #studio_v3_uploader .custom-btn:hover,
body.ai-video-dark-mode #studio_v3_uploader .uploader-submit-btn:hover,
body.ai-video-dark-mode #studio_v3_uploader .generate-button:hover {
    background: linear-gradient(90deg, #9a63ff 0%, #7b4dff 100%) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .generate-button.disabled,
body.ai-video-dark-mode #studio_v3_uploader .generate-button:disabled {
    background: #4b4b50 !important;
    color: var(--av-muted) !important;
}

body.ai-video-dark-mode #studio_v3_uploader .alert-warning {
    border-color: rgba(255, 193, 7, 0.28) !important;
    background: rgba(255, 193, 7, 0.12) !important;
    color: #ffe8a3 !important;
}

body.ai-video-dark-mode #studio_v3_uploader a {
    color: #c8b7ff !important;
}

@media (max-width: 768px) {
    body.ai-video-dark-mode .tvai-tool-tabs {
        width: calc(100vw - 24px);
        border-radius: 16px;
    }

    body.ai-video-dark-mode .tv-maker-composer {
        width: calc(100vw - 24px);
        border-radius: 22px;
    }
}