/* UI only: never filter media, canvas, or change video caption colours. */
.theme-toggle {
  display:inline-grid; place-items:center; flex:0 0 36px; width:36px; height:36px;
  padding:0; border:1px solid var(--border-color); border-radius:50%;
  background:var(--bg-card); color:var(--text-main); cursor:pointer; font-size:21px;
}
.theme-toggle:hover { border-color:var(--primary); }
.theme-toggle:focus-visible { outline:3px solid #80a8ff; outline-offset:3px; }
html[data-theme="dark"] {
  color-scheme:dark;
  --bg-main:#0d1421; --bg-card:#172132; --bg-card-hover:#1c2940;
  --border-color:#34435c; --text-main:#edf2fb; --text-muted:#b0bfd3; --text-dim:#98a9c1;
}
html[data-theme="dark"] body,
html[data-theme="dark"] :is(.marketing-landing,.dashboard-shell) { background:#0d1421; color:#edf2fb; }
html[data-theme="dark"] :is(.landing-header,.landing-footer,.app-sidebar,.app-header,.step-card,.preview-card,.modal-window,.dashboard-panel,.metric-card,.content-page-heading,.landing-price-card,.landing-guide-player-card,.landing-guide-player-bar,.naver-trend-panel,.keyword-translate-panel,.removal-mode-card,.radio-card,.video-template-card,.bgm-track-card,.thumbnail-editor-controls) {
  background:#172132; border-color:#34435c; color:#edf2fb; box-shadow:0 8px 24px #0002;
}
html[data-theme="dark"] :is(.voice-selection-box,.audio-mode-box,.subtitle-style-box,.trim-editor,.video-template-box,.clip-edit-toolbar,.video-meta-box,.progress-container,.auth-user-card,.history-item,.pricing-card,.keyword-discovery-card,.landing-final-cta,.landing-guide,.landing-workflow,.landing-hero-visual,.visual-window,.visual-progress,.visual-workflow-list article,.onboarding-steps li,.quick-action-list>button,.script-line-item,.scene-time-controls,.bgm-mix-controls,.bgm-private-upload,.thumbnail-editor,.ad-label-controls) {
  background:#1b2940; border-color:#34435c; color:#edf2fb;
}
html[data-theme="dark"] :is(input[type="text"],input[type="number"],input[type="email"],input[type="search"],textarea,select,.btn-secondary,.clip-edit-toolbar button,.thumbnail-actions button:not(.primary)) {
  background:#111b2b; color:#edf2fb; border-color:#40516d;
}
html[data-theme="dark"] :is(input,textarea)::placeholder { color:#92a4bf; }
html[data-theme="dark"] .drop-zone { background:#142137; color:#b0bfd3; border-color:#526787; }
html[data-theme="dark"] :is(.sidebar-nav-item,.landing-nav a,.landing-brand,.landing-brand b,.landing-footer>a,.landing-login,.page-heading,.modal-body,.progress-header,.keyword-panel-heading strong,.removal-mode-card strong,.radio-card strong,.video-template-card,.metric-card strong,.dashboard-section-heading h3,.quick-action-list b,.onboarding-steps b,.landing-guide-player-bar b) { color:#edf2fb; }
html[data-theme="dark"] :is(.landing-hero-copy,.landing-section-heading,.landing-feature-card,.landing-guide-copy,.landing-workflow-copy,.landing-plan-benefits,.landing-final-cta,.dashboard-welcome,.content-page-heading,.modal-header,.step-header) :is(h1,h2,h3,h4,strong,b) { color:#edf2fb; }
html[data-theme="dark"] :is(.landing-hero-copy,.landing-section-heading,.landing-feature-card,.landing-guide-copy,.landing-workflow-copy,.landing-plan-benefits,.landing-final-cta,.dashboard-welcome,.content-page-heading,.modal-body,.metric-card,.quick-action-list,.onboarding-steps,.removal-mode-card,.video-template-card) :is(p,small,label) { color:#b0bfd3; }
html[data-theme="dark"] :is(.sidebar-nav-item.active,.removal-mode-card.selected,.radio-card.active,.video-template-card.selected,.auto-analyze-toggle,.precision-credit-notice,.landing-value-row div) { background:#203961; color:#b9d0ff; border-color:#5788eb; }
html[data-theme="dark"] .modal-overlay { background:#0009; }
html[data-theme="dark"] :is(.landing-benefit-strip,.landing-feature-grid article,.landing-sub-cta,.landing-guide-shell) { background:#172132; border-color:#34435c; color:#edf2fb; }
html[data-theme="dark"] :is(.landing-feature-grid,.landing-value-row,.landing-benefit-strip,.visual-workflow-list,.visual-window-bar) :is(h3,strong,b) { color:#edf2fb; }
html[data-theme="dark"] :is(.landing-feature-grid,.landing-value-row,.landing-benefit-strip,.visual-workflow-list) :is(p,small,span) { color:#b0bfd3; }
html[data-theme="dark"] .landing-hero h1 strong { color:#7fa7ff; }
@media(max-width:720px) { .theme-toggle { flex-basis:34px; width:34px; height:34px; } }