/* 자동 생성 파일 — 직접 고치지 말 것.
 * 생성: node scripts/build-studio-light-css.js  (원본: studio.css, studio-tts-multiselect.css, studio-download-ux.css, studio-claws.css, channel-persona.css, automation-progress.css)
 * 수작업 보정은 public/css/studio-light.css */

/* ── studio.css ── */
html:not(.dark-theme) {
  --bg-primary: #f3f4f6;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f9fafb;
  --text-primary: #1a1a1a;
  --text-secondary: #656565;
  --text-muted: #919191;
  --border-color: rgba(0, 0, 0, 0.12);
  --primary-color: #dc2626;
  --primary-hover: #b91c1c;
  --success-color: #22c55e;
  --error-color: #ef4444;
  --warning-color: #fbbf24;
  --grade-1: #10b981;
  --grade-2: #3b82f6;
  --grade-3: #f59e0b;
  --grade-4: #ef4444;
  --grade-5: #991b1b;
  --ratio-purple: #8b5cf6;
  --stt-app-bg: #f6f7fb;
  --stt-panel-bg: #ffffff;
  --stt-card-bg: #f8fafc;
  --stt-card-hover: #f1f5f9;
  --stt-card-active: #eff6ff;
  --stt-accent: #dc2626;
  --stt-accent-weak: rgba(220, 38, 38, 0.12);
  --stt-muted: #6b7280;
  --stt-border: rgba(0, 0, 0, 0.08);
  --stt-active-bar: #dc2626;
}
html:not(.dark-theme) .pd-tag-chip {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
  color: #1a1a1a;
}
html:not(.dark-theme) .pd-tag-chip button {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #656565;
}
html:not(.dark-theme) .pd-tag-chip button:hover {
  color: #1a1a1a;
}
html:not(.dark-theme) #pdInputForm select,
html:not(.dark-theme) #pdInputForm input[type="text"] {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1a1a1a !important;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) #pdInputForm select option {
  background-color: #f9fafb;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) #pdInputForm select:focus,
html:not(.dark-theme) #pdInputForm input[type="text"]:focus {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: rgba(0, 0, 0, 0.3);
  outline-color: currentcolor;
}
html:not(.dark-theme) #pdInputForm input[type="text"]:-webkit-autofill,
html:not(.dark-theme) #pdInputForm input[type="text"]:-webkit-autofill:hover,
html:not(.dark-theme) #pdInputForm input[type="text"]:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a1a1a !important;
  background-color: #ffffff !important;
}
html:not(.dark-theme),
html:not(.dark-theme) body {
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
  color-scheme: light;
}
html:not(.dark-theme) .tier-dev {
  background-color: #7c3aed;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .tier-mgr {
  background-color: #2563eb;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .tier-premium {
  background-color: #b45309;
  background-image: none;
  color: #fde68a;
}
html:not(.dark-theme) .tier-pro {
  background-color: #059669;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .tier-free {
  background-color: #e5e7eb;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .studio-menu-btn {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #3a3a3a;
}
html:not(.dark-theme) .studio-menu-btn:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .studio-menu-btn.active {
  background-color: rgba(220, 38, 38, 0.15);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .studio-lab-tabs {
  border-right-color: rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .studio-toolbar {
  background-color: #ffffff;
  background-image: none;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .project-menu-dropdown {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .project-menu-item {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .project-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .project-menu-item kbd {
  color: #828282;
}
html:not(.dark-theme) .project-menu-divider {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
html:not(.dark-theme) .studio-toolbar-group {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(243, 244, 246, 0.9);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.045), rgba(0, 0, 0, 0.02)), none;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .studio-toolbar-slider-wrap {
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) #toolbar-voice .toolbar-btn.primary {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #2b2b2b;
}
html:not(.dark-theme) #toolbar-voice .toolbar-btn.primary:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
  color: #1a1a1a;
}
html:not(.dark-theme) .tts-voice-setting-label {
  color: #444444;
}
html:not(.dark-theme) .tts-voice-slider-row {
  background-color: rgba(0, 0, 0, 0.025);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02)), none;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03);
}
html:not(.dark-theme) .tts-voice-settings-panel .stt-clip-split-header {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(249, 250, 251, 0.98), rgba(249, 250, 251, 0.92));
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .tts-voice-settings-panel .stt-clip-split-content {
  background-color: transparent;
  background-image: radial-gradient(circle at top right, rgba(0, 0, 0, 0.03), transparent 34%), linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);
}
html:not(.dark-theme) .tts-voice-settings-panel .stt-clip-section {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: rgba(243, 244, 246, 0.9);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.045), rgba(0, 0, 0, 0.015)), none;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03),
    0 10px 24px rgba(0, 0, 0, 0.18);
}
html:not(.dark-theme) .tts-voice-settings-panel .stt-clip-section-title {
  border-bottom-color: rgba(0, 0, 0, 0.06);
  color: #1a1a1a;
}
html:not(.dark-theme) .tts-voice-settings-panel .stt-clip-section-title::before {
  background-color: transparent;
  background-image: linear-gradient(135deg, #f87171, #fb7185);
  box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.12);
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-select {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.045), rgba(0, 0, 0, 0.02)), none;
  color: #1a1a1a;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03);
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-select:focus {
  border-color: rgba(248, 113, 113, 0.5);
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.08),
    inset 0 1px 0 rgba(0, 0, 0, 0.03);
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-btn {
  background-color: #ffffff;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.045), rgba(0, 0, 0, 0.02)), none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #1a1a1a;
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-btn:hover {
  background-color: #f9fafb;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.03)), none;
  border-color: rgba(0, 0, 0, 0.16);
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-label {
  color: #5b5b5b;
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-slider {
  background-color: transparent;
  background-image: linear-gradient(90deg, #d1d5db, #e5e7eb);
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-slider::-webkit-slider-thumb {
  background-color: transparent;
  background-image: linear-gradient(135deg, #fb7185, #f87171);
  box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.12);
  border-color: currentcolor;
}
html:not(.dark-theme) .tts-voice-settings-panel .toolbar-slider::-moz-range-thumb {
  background-color: transparent;
  background-image: linear-gradient(135deg, #fb7185, #f87171);
  box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.12);
  border-color: currentcolor;
}
html:not(.dark-theme) .tts-voice-settings-panel .imagen-quota-label {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #606876 !important;
}
html:not(.dark-theme) .toolbar-divider {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
html:not(.dark-theme) .toolbar-btn {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .toolbar-btn:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
  color: #1a1a1a;
}
html:not(.dark-theme) .toolbar-btn.primary {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
  color: #1a1a1a;
}
html:not(.dark-theme) .toolbar-btn.primary:hover {
  background-color: rgba(0, 0, 0, 0.15);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.35);
}
html:not(.dark-theme) .toolbar-input {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .toolbar-input:focus {
  border-color: rgba(220, 38, 38, 0.5);
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .toolbar-input:-webkit-autofill,
html:not(.dark-theme) .toolbar-input:-webkit-autofill:hover,
html:not(.dark-theme) .toolbar-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a1a1a !important;
  caret-color: #1a1a1a;
}
html:not(.dark-theme) .toolbar-select {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .toolbar-select:focus {
  border-color: rgba(220, 38, 38, 0.5);
}
html:not(.dark-theme) .toolbar-label {
  color: #656565;
}
html:not(.dark-theme) .toolbar-slider {
  background-color: #e5e7eb;
  background-image: none;
  outline-color: currentcolor;
}
html:not(.dark-theme) .toolbar-slider::-webkit-slider-thumb {
  background-color: #f87171;
  background-image: none;
}
html:not(.dark-theme) .studio-preview {
  background-color: #ffffff;
  background-image: none;
  border-right-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .preview-video-area {
  background-color: #000000;
  background-image: none;
}
html:not(.dark-theme) .preview-placeholder {
  color: #919191;
}
html:not(.dark-theme) .preview-placeholder:hover {
  background-color: rgba(220, 38, 38, 0.06);
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .preview-controls {
  background-color: #ffffff;
  background-image: none;
  border-top-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .preview-controls button {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #484848;
}
html:not(.dark-theme) .preview-controls button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .preview-time {
  color: #656565;
}
html:not(.dark-theme) .preview-progress {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .preview-progress-fill {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .preview-volume input[type="range"] {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .preview-volume input[type="range"]::-webkit-slider-runnable-track {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .preview-volume input[type="range"]::-webkit-slider-thumb {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .preview-prompt-area {
  background-color: #ffffff;
  background-image: none;
  border-top-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .preview-prompt-header span {
  color: #656565;
}
html:not(.dark-theme) .preview-prompt-copy {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #828282;
}
html:not(.dark-theme) .preview-prompt-copy:hover {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #1d1d1d;
}
html:not(.dark-theme) .preview-prompt-area textarea {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #2b2b2b;
  outline-color: currentcolor;
}
html:not(.dark-theme) .preview-prompt-area textarea:focus {
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .studio-work {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .work-header {
  background-color: #ffffff;
  background-image: none;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .work-header-title {
  color: #484848;
}
html:not(.dark-theme) .work-header-badge {
  color: #656565;
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .work-content::-webkit-scrollbar-track {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .work-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
}
html:not(.dark-theme) .work-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: none;
}
html:not(.dark-theme) .sentence-item {
  border-bottom-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .sentence-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
}
html:not(.dark-theme) .sentence-item.active {
  background-color: rgba(220, 38, 38, 0.06);
  background-image: none;
  border-left-color: #dc2626;
}
html:not(.dark-theme) .sentence-num {
  color: #919191;
  border-right-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .sentence-tag.video {
  background-color: rgba(59, 130, 246, 0.15);
  background-image: none;
  color: #0761d0;
}
html:not(.dark-theme) .sentence-tag.audio {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #21b557;
}
html:not(.dark-theme) .sentence-tag.image {
  background-color: rgba(168, 85, 247, 0.15);
  background-image: none;
  color: #6b05d1;
}
html:not(.dark-theme) .sentence-text {
  color: #1d1d1d;
}
html:not(.dark-theme) .img-directive-note {
  background-color: rgba(168, 85, 247, 0.12);
  background-image: none;
  color: #6b05d1;
}
html:not(.dark-theme) .sentence-prompt {
  color: #828282;
}
html:not(.dark-theme) .sentence-thumb img {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .sentence-thumb-placeholder {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .sentence-thumb-placeholder svg {
  color: #9f9f9f;
}
html:not(.dark-theme) .sentence-time-text {
  color: #828282;
}
html:not(.dark-theme) .sentence-duration {
  color: #919191;
}
html:not(.dark-theme) .sentence-item.selected {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
}
html:not(.dark-theme) .voice-action-btn {
  background-color: transparent;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #656565;
}
html:not(.dark-theme) .voice-action-btn:hover {
  color: #1d1d1d;
  border-color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
}
html:not(.dark-theme) .img-prompt-input {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #484848;
}
html:not(.dark-theme) .img-prompt-input:focus {
  border-color: rgba(0, 0, 0, 0.2);
  color: #1d1d1d;
  outline-color: currentcolor;
}
html:not(.dark-theme) .render-summary {
  color: #828282;
  border-top-color: rgba(0, 0, 0, 0.06);
  background-color: rgba(0, 0, 0, 0.02);
  background-image: none;
}
html:not(.dark-theme) .rs-label {
  color: #575757;
}
html:not(.dark-theme) .rs-input {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1d1d1d;
}
html:not(.dark-theme) .rs-toggle.active {
  background-color: #dc2626 !important;
  background-image: none !important;
  border-color: #dc2626 !important;
  color: #fff !important;
}
html:not(.dark-theme) .voice-select-modal {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
}
html:not(.dark-theme) .voice-select-dialog {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  color: #1a1a1a;
}
html:not(.dark-theme) .voice-select-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .voice-select-header h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .voice-select-close {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #828282;
}
html:not(.dark-theme) .voice-select-close:hover {
  color: #1d1d1d;
}
html:not(.dark-theme) .voice-select-footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .voice-modal-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: none;
}
html:not(.dark-theme) .voice-modal-tab {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-modal-tab.active {
  color: white;
}
html:not(.dark-theme) .voice-filter-reset {
  color: #828282;
}
html:not(.dark-theme) .voice-filter-btn {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-filter-btn.active {
  border-color: #22c55e;
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #22c55e;
}
html:not(.dark-theme) .voice-filter-btn.active::before {
  background-color: #22c55e;
  background-image: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='#ffffff' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
html:not(.dark-theme) .voice-item-delete {
  border-color: currentcolor;
  background-color: rgba(220, 38, 38, 0.8);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .voice-item-delete:hover {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .voice-item-avatar {
  background-color: transparent;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
html:not(.dark-theme) .voice-item-avatar.male {
  background-color: transparent;
  background-image: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
html:not(.dark-theme) .voice-item-avatar.female {
  background-color: transparent;
  background-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
html:not(.dark-theme) .voice-tag.recommend {
  color: white;
}
html:not(.dark-theme) .voice-tag.trained {
  background-color: #10b981;
  background-image: none;
  color: white;
}
html:not(.dark-theme) .voice-tag.style {
  background-color: #f59e0b;
  background-image: none;
  color: white;
}
html:not(.dark-theme) .voice-tag.multilang {
  background-color: #8b5cf6;
  background-image: none;
  color: white;
}
html:not(.dark-theme) .voice-setting-item select {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: inherit;
}
html:not(.dark-theme) .voice-setting-slider-wrap input[type="range"] {
  outline-color: currentcolor;
}
html:not(.dark-theme) .voice-setting-slider-wrap input[type="range"]::-webkit-slider-thumb {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .voice-setting-slider-wrap input[type="range"]::-moz-range-thumb {
  background-color: #dc2626;
  background-image: none;
  border-color: currentcolor;
}
html:not(.dark-theme) .voice-setting-slider-wrap span {
  color: #2b2b2b;
}
html:not(.dark-theme) .voice-setting-reset {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-modal-confirm {
  background-color: #22c55e;
  background-image: none;
  color: white;
  border-color: currentcolor;
}
html:not(.dark-theme) .voice-modal-confirm:hover {
  background-color: #16a34a;
  background-image: none;
}
html:not(.dark-theme) .voice-preview-avatar {
  color: white;
  background-color: transparent;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
html:not(.dark-theme) .voice-preview-avatar.male {
  background-color: transparent;
  background-image: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
html:not(.dark-theme) .voice-preview-avatar.female {
  background-color: transparent;
  background-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
html:not(.dark-theme) .voice-play-btn {
  background-color: #22c55e;
  background-image: none;
  color: white;
  border-color: currentcolor;
}
html:not(.dark-theme) .voice-play-btn:hover {
  background-color: #16a34a;
  background-image: none;
}
html:not(.dark-theme) .voice-play-btn:disabled {
  background-color: #d1d5db;
  background-image: none;
}
html:not(.dark-theme) .voice-play-btn.playing {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .voice-steps-label {
  color: #656565;
}
html:not(.dark-theme) .voice-steps-value {
  color: #f59e0b;
}
html:not(.dark-theme) #studioVoiceSearchInput {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) #studioVoiceSearchInput::placeholder {
  color: #656565;
}
html:not(.dark-theme) .source-card {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .source-card-highlight {
  border-color: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.3);
}
html:not(.dark-theme) .type-label {
  color: #656565;
}
html:not(.dark-theme) .type-value {
  color: #2b2b2b;
}
html:not(.dark-theme) .type-btn {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: transparent;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .type-btn:hover {
  background-color: #f9fafb;
  background-image: none;
  color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .type-btn.active {
  background-color: rgba(220, 38, 38, 0.15);
  background-image: none;
  color: #cc0a0a;
  border-color: #dc2626;
}
html:not(.dark-theme) .type-input {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #2b2b2b;
  outline-color: currentcolor;
}
html:not(.dark-theme) select.type-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");
}
html:not(.dark-theme) select.type-input option {
  background-color: #f9fafb;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .type-input:focus {
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .type-next-btn {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: transparent;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .type-next-btn:hover {
  background-color: rgba(220, 38, 38, 0.15);
  background-image: none;
  color: #cc0a0a;
  border-color: #dc2626;
}
html:not(.dark-theme) .step-next-btn {
  border-color: rgba(59, 130, 246, 0.3);
  background-color: rgba(59, 130, 246, 0.1);
  background-image: none;
  color: #0761d0;
}
html:not(.dark-theme) .step-next-btn:hover {
  background-color: rgba(59, 130, 246, 0.2);
  background-image: none;
  border-color: rgba(59, 130, 246, 0.5);
  color: #0452d2;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
html:not(.dark-theme) .step-automation-btn {
  border-color: rgba(220, 38, 38, 0.4);
  background-color: rgba(220, 38, 38, 0.12);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .step-automation-btn:hover {
  background-color: rgba(220, 38, 38, 0.22);
  background-image: none;
  border-color: rgba(220, 38, 38, 0.6);
  color: #cf0707;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
}
html:not(.dark-theme) .source-card-header {
  background-color: rgba(0, 0, 0, 0.02);
  background-image: none;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .video-structure-ai-status {
  color: #636363;
}
html:not(.dark-theme) .video-structure-auto-toggle {
  color: #636363;
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .video-structure-auto-toggle:hover {
  border-color: rgba(0, 0, 0, 0.25);
  color: #2b2b2b;
}
html:not(.dark-theme) .video-structure-auto-toggle.active {
  color: #21b557;
  border-color: rgba(74, 222, 128, 0.5);
  background-color: rgba(74, 222, 128, 0.1);
  background-image: none;
}
html:not(.dark-theme) .video-structure-auto-toggle.loading {
  color: #d29904;
  border-color: rgba(251, 191, 36, 0.5);
}
html:not(.dark-theme) .video-structure-gear-btn {
  color: #636363;
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
}
html:not(.dark-theme) .video-structure-gear-btn:hover {
  color: #2b2b2b;
}
html:not(.dark-theme) .video-structure-settings-check {
  color: #2b2b2b;
}
html:not(.dark-theme) .video-structure-settings-row > label {
  color: #636363;
}
html:not(.dark-theme) .video-structure-settings-divider {
  border-top-color: rgba(0, 0, 0, 0.08);
  color: #7e7e7e;
}
html:not(.dark-theme) .vs-mode-toggle {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .vs-mode-toggle .vs-mode-opt {
  color: #636363;
}
html:not(.dark-theme) .vs-mode-toggle .vs-mode-knob {
  background-color: rgba(74, 222, 128, 0.18);
  background-image: none;
  border-color: rgba(74, 222, 128, 0.5);
}
html:not(.dark-theme) .vs-mode-toggle[data-mode='preset'] .vs-mode-knob {
  background-color: rgba(96, 165, 250, 0.18);
  background-image: none;
  border-color: rgba(96, 165, 250, 0.5);
}
html:not(.dark-theme) .vs-mode-toggle[data-mode='ai'] .vs-mode-opt[data-mode='ai'] {
  color: #21b557;
}
html:not(.dark-theme) .vs-mode-toggle[data-mode='preset'] .vs-mode-opt[data-mode='preset'] {
  color: #0761d0;
}
html:not(.dark-theme) .video-structure-preset-bar {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .vs-preset-chip {
  color: #4e6888;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.14);
}
html:not(.dark-theme) .vs-preset-chip:hover {
  border-color: rgba(96, 165, 250, 0.5);
  color: #1a1a1a;
}
html:not(.dark-theme) .vs-preset-chip.active {
  color: #0761d0;
  background-color: rgba(96, 165, 250, 0.15);
  background-image: none;
  border-color: rgba(96, 165, 250, 0.6);
}
html:not(.dark-theme) .vs-preset-empty {
  color: #7e7e7e;
}
html:not(.dark-theme) .vs-preset-tab {
  color: #636363;
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .vs-preset-tab:hover {
  border-color: rgba(0, 0, 0, 0.3);
  color: #2b2b2b;
}
html:not(.dark-theme) .vs-preset-tab.saved {
  color: #21b557;
  border-color: rgba(74, 222, 128, 0.4);
}
html:not(.dark-theme) .vs-preset-tab.active {
  color: #1a1a1a;
  background-color: rgba(96, 165, 250, 0.2);
  background-image: none;
  border-color: #60a5fa;
}
html:not(.dark-theme) .source-card-title {
  color: #484848;
}
html:not(.dark-theme) .source-card-status.ready {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #21b557;
}
html:not(.dark-theme) .source-card-status.pending {
  background-color: rgba(234, 179, 8, 0.15);
  background-image: none;
  color: #facc15;
}
html:not(.dark-theme) .source-card-status.error {
  background-color: rgba(239, 68, 68, 0.15);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .source-card-body textarea {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #2b2b2b;
  outline-color: currentcolor;
}
html:not(.dark-theme) .source-card-body textarea:focus {
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .frame-item {
  border-color: transparent;
}
html:not(.dark-theme) .frame-item:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .frame-item.selected {
  border-color: #dc2626;
}
html:not(.dark-theme) .frame-item-checkbox {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
}
html:not(.dark-theme) .frame-item.selected .frame-item-checkbox {
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
}
html:not(.dark-theme) .frame-item.selected .frame-item-checkbox::after {
  border-left-color: #1a1a1a;
  border-bottom-color: #1a1a1a;
}
html:not(.dark-theme) .frame-item-time {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
  color: #ddd;
}
html:not(.dark-theme) .prompt-list-header {
  color: #656565;
  border-top-color: rgba(0, 0, 0, 0.06);
  border-bottom-color: rgba(0, 0, 0, 0.06);
  background-color: rgba(0, 0, 0, 0.02);
  background-image: none;
}
html:not(.dark-theme) .prompt-list-item {
  border-bottom-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .prompt-list-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
}
html:not(.dark-theme) .prompt-list-num {
  color: #656565;
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .prompt-list-thumb {
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .prompt-list-text {
  color: #484848;
}
html:not(.dark-theme) .analysis-user-desc {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .analysis-user-desc-header {
  color: #484848;
}
html:not(.dark-theme) .analysis-user-desc-badge {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #828282;
}
html:not(.dark-theme) .analysis-user-desc textarea {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #2b2b2b;
}
html:not(.dark-theme) .analysis-user-desc textarea:focus {
  outline-color: currentcolor;
  border-color: rgba(0, 0, 0, 0.25);
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .analysis-user-desc textarea::placeholder {
  color: #919191;
}
html:not(.dark-theme) .analysis-prompt-editor {
  background-color: #ffffff;
  background-image: none;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .ape-thumb {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .ape-time {
  color: #656565;
}
html:not(.dark-theme) .ape-label {
  color: #828282;
}
html:not(.dark-theme) .ape-nav-btn {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .ape-nav-btn:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  color: #1d1d1d;
}
html:not(.dark-theme) .ape-body textarea {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #2b2b2b;
  outline-color: currentcolor;
}
html:not(.dark-theme) .ape-body textarea:focus {
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .ape-common-style {
  background-color: rgba(34, 197, 94, 0.06);
  background-image: none;
  border-color: rgba(34, 197, 94, 0.15);
}
html:not(.dark-theme) .ape-common-label {
  color: #21b557;
}
html:not(.dark-theme) .ape-common-text {
  color: #656565;
}
html:not(.dark-theme) .script-editor-area textarea {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #1d1d1d;
  outline-color: currentcolor;
}
html:not(.dark-theme) .script-editor-area textarea:focus {
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .studio-statusbar {
  background-color: #ffffff;
  background-image: none;
  border-top-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .status-item {
  color: #828282;
}
html:not(.dark-theme) .status-item .dot.green {
  background-color: #22c55e;
  background-image: none;
}
html:not(.dark-theme) .status-item .dot.yellow {
  background-color: #eab308;
  background-image: none;
}
html:not(.dark-theme) .status-item .dot.red {
  background-color: #ef4444;
  background-image: none;
}
html:not(.dark-theme) .status-item .dot.gray {
  background-color: #d1d5db;
  background-image: none;
}
html:not(.dark-theme) .empty-state {
  color: #919191;
}
html:not(.dark-theme) .empty-state .title {
  color: #747474;
}
html:not(.dark-theme) .empty-state .desc {
  color: #919191;
}
html:not(.dark-theme) .studio-spinner {
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: #f87171;
}
html:not(.dark-theme) .studio-progress {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .studio-progress-fill {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .studio-resize-handle {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .studio-resize-handle:hover,
html:not(.dark-theme) .studio-resize-handle.dragging {
  background-color: rgba(220, 38, 38, 0.4);
  background-image: none;
}
html:not(.dark-theme) #studioTooltip {
  background-color: #e5e7eb;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .studio-modal-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
}
html:not(.dark-theme) .studio-modal {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .studio-modal-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .studio-modal-header h3 {
  color: #1d1d1d;
}
html:not(.dark-theme) .studio-modal-close {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .studio-modal-close:hover {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .studio-modal-footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) #pipelineAutoToggle.active {
  background-color: rgba(234, 179, 8, 0.15) !important;
  background-image: none !important;
  color: #facc15 !important;
  border-color: rgba(234, 179, 8, 0.3) !important;
}
html:not(.dark-theme) #pipelineAutoToggle.active svg {
  stroke: #facc15;
}
html:not(.dark-theme) #pipelineAutoToggle.active:hover {
  background-color: rgba(234, 179, 8, 0.25) !important;
  background-image: none !important;
}
html:not(.dark-theme) .mt-modal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
}
html:not(.dark-theme) .mt-modal {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  color: #1a1a1a;
}
html:not(.dark-theme) .mt-modal-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .mt-badge-pending {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .mt-badge-ok {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #22c55e;
}
html:not(.dark-theme) .mt-badge-fail {
  background-color: rgba(239, 68, 68, 0.15);
  background-image: none;
  color: #c51111;
}
html:not(.dark-theme) .mt-badge-loading {
  background-color: rgba(59, 130, 246, 0.15);
  background-image: none;
  color: #0954cd;
}
html:not(.dark-theme) .mt-dropzone {
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .mt-dropzone:hover {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.02);
  background-image: none;
}
html:not(.dark-theme) .mt-dropzone.dragover {
  border-color: #dc2626;
  background-color: rgba(220, 38, 38, 0.05);
  background-image: none;
}
html:not(.dark-theme) .mt-btn-source {
  background-color: transparent;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #2b2b2b;
}
html:not(.dark-theme) .mt-btn-source:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .mt-card {
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .mt-label {
  color: #656565;
}
html:not(.dark-theme) .mt-btn-primary {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
  border-color: currentcolor;
}
html:not(.dark-theme) .mt-btn-primary:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .mt-progress-message {
  color: #656565;
}
html:not(.dark-theme) .mt-progress-track-lg {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .mt-progress-fill-lg {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .mt-progress-hint {
  color: #828282;
}
html:not(.dark-theme) .mt-progress-bottom {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .mt-rotating-msg {
  color: #656565;
}
html:not(.dark-theme) .mt-log-panel {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .mt-log-entry {
  color: #656565;
}
html:not(.dark-theme) .mt-log-info {
  color: #656565;
}
html:not(.dark-theme) .mt-log-success {
  color: #22c55e;
}
html:not(.dark-theme) .mt-log-error {
  color: #c51111;
}
html:not(.dark-theme) .whisper-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: none;
}
html:not(.dark-theme) .whisper-dialog {
  background-color: #f9fafb;
  background-image: none;
  border-color: #e0e0e0;
  color: #1a1a1a;
}
html:not(.dark-theme) .whisper-dropzone {
  border-color: #d6d6d6;
}
html:not(.dark-theme) .whisper-dropzone:hover,
html:not(.dark-theme) .whisper-dropzone.dragover {
  border-color: #dc2626;
  background-color: rgba(220, 38, 38, 0.05);
  background-image: none;
}
html:not(.dark-theme) .whisper-dropzone-text {
  color: #2b2b2b;
}
html:not(.dark-theme) .whisper-dropzone-hint {
  color: #828282;
}
html:not(.dark-theme) .whisper-file-info {
  background-color: rgba(220, 38, 38, 0.08);
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .whisper-file-info .file-remove {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #656565;
}
html:not(.dark-theme) .whisper-settings-row label {
  color: #575757;
}
html:not(.dark-theme) .whisper-settings-row select {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .whisper-progress-bar {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .whisper-progress-fill {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .whisper-progress-text {
  color: #2b2b2b;
}
html:not(.dark-theme) .whisper-progress-detail {
  color: #828282;
}
html:not(.dark-theme) .whisper-segments {
  border-color: #e0e0e0;
}
html:not(.dark-theme) .whisper-segment {
  border-bottom-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .whisper-segment:hover {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
}
html:not(.dark-theme) .whisper-segment:last-child {
  border-bottom-color: currentcolor;
}
html:not(.dark-theme) .whisper-segment-time {
  color: #dc2626;
}
html:not(.dark-theme) .whisper-segment-text {
  color: #1d1d1d;
}
html:not(.dark-theme) .whisper-result-text {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #2b2b2b;
  outline-color: currentcolor;
}
html:not(.dark-theme) .whisper-result-text:focus {
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .whisper-spinner {
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: #dc2626;
}
html:not(.dark-theme) .whisper-segment-item {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .whisper-segment-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
  background-image: none;
}
html:not(.dark-theme) .whisper-segment-item.active {
  background-color: rgba(220, 38, 38, 0.06);
  background-image: none;
  border-left-color: #dc2626;
}
html:not(.dark-theme) .whisper-segment-number {
  color: #919191;
}
html:not(.dark-theme) .whisper-segment-timestamp {
  color: #dc2626;
}
html:not(.dark-theme) .whisper-seg-btn {
  background-color: transparent;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #828282;
}
html:not(.dark-theme) .whisper-seg-btn:hover {
  color: #1d1d1d;
  border-color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
}
html:not(.dark-theme) .whisper-seg-btn.danger:hover {
  color: #cc0a0a;
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .whisper-segment-original {
  color: #656565;
}
html:not(.dark-theme) .whisper-subtitle-input {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #1d1d1d;
  outline-color: currentcolor;
}
html:not(.dark-theme) .whisper-subtitle-input:focus {
  border-color: rgba(220, 38, 38, 0.4);
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
}
html:not(.dark-theme) .whisper-sync-btn {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #919191;
}
html:not(.dark-theme) .whisper-sync-btn:hover {
  color: #dc2626;
}
html:not(.dark-theme) .whisper-file-size {
  color: #656565;
}
html:not(.dark-theme) .whisper-panel-toolbar {
  border-bottom-color: rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .whisper-panel-title {
  color: #484848;
}
html:not(.dark-theme) .whisper-panel-count {
  color: #656565;
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .whisper-panel-footer {
  border-top-color: rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .whisper-footer-toggle {
  color: #484848;
}
html:not(.dark-theme) .whisper-footer-toggle:hover {
  color: #1a1a1a;
}
html:not(.dark-theme) .whisper-footer-arrow {
  color: #828282;
}
html:not(.dark-theme) .whisper-footer-toggle:hover .whisper-footer-arrow {
  color: #1a1a1a;
}
html:not(.dark-theme) .btn-primary {
  border-color: currentcolor;
  background-color: var(--primary-color);
  background-image: none;
  color: white;
}
html:not(.dark-theme) .btn-primary:hover {
  background-color: var(--primary-hover);
  background-image: none;
}
html:not(.dark-theme) .btn-secondary {
  border-color: var(--border-color);
  background-color: transparent;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .btn-secondary.applied {
  border-color: var(--success-color);
  color: var(--success-color);
  background-color: rgba(34, 197, 94, 0.1);
  background-image: none;
}
html:not(.dark-theme) .btn-secondary:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
html:not(.dark-theme) .mt-badge-pending {
  background-color: #fef3c7;
  background-image: none;
  color: #92400e;
}
html:not(.dark-theme) .mt-badge-ok {
  background-color: #d1fae5;
  background-image: none;
  color: #065f46;
}
html:not(.dark-theme) .mt-badge-error {
  background-color: #fee2e2;
  background-image: none;
  color: #991b1b;
}
html:not(.dark-theme) .mt-card {
  border-color: var(--border-color);
}
html:not(.dark-theme) .mt-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .mt-input {
  border-color: var(--border-color);
  background-color: var(--bg-tertiary);
  background-image: none;
  color: inherit;
}
html:not(.dark-theme) .vol-btn {
  border-color: var(--border-color);
  background-color: var(--bg-secondary);
  background-image: none;
  color: var(--text-secondary);
}
html:not(.dark-theme) .vol-btn:hover {
  background-color: var(--primary-color);
  background-image: none;
  color: white;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .mt-info-box {
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .mt-info-row span:first-child {
  color: var(--text-secondary);
}
html:not(.dark-theme) .mt-progress-box {
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .mt-progress-track {
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .mt-progress-fill {
  background-color: var(--primary-color);
  background-image: none;
}
html:not(.dark-theme) .mt-step-dot {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .mt-step-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .mt-step.active .mt-step-dot {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  background-image: none;
}
html:not(.dark-theme) .mt-step.done .mt-step-dot {
  border-color: #10b981;
  background-color: #10b981;
  background-image: none;
}
html:not(.dark-theme) .mt-step.error .mt-step-dot {
  border-color: #ef4444;
  background-color: #ef4444;
  background-image: none;
}
html:not(.dark-theme) .mt-log-entry {
  border-bottom-color: var(--border-color);
}
html:not(.dark-theme) .mt-log-entry:last-child {
  border-bottom-color: currentcolor;
}
html:not(.dark-theme) .mt-log-error {
  color: #c51111;
}
html:not(.dark-theme) .mt-log-success {
  color: #10b981;
}
html:not(.dark-theme) .mt-log-info {
  color: var(--text-secondary);
}
html:not(.dark-theme) .mt-result-item {
  background-color: var(--bg-secondary);
  background-image: none;
}
@media (max-width: 768px) {
  html:not(.dark-theme) #mtWorkPanel {
    border-right-color: currentcolor;
    border-bottom-color: var(--border-color);
  }
}
html:not(.dark-theme) .typecast-header {
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .typecast-status-sub {
  color: var(--text-secondary);
}
html:not(.dark-theme) .typecast-btn {
  border-color: var(--border-color);
  background-color: var(--bg-secondary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .typecast-btn-primary {
  background-color: var(--primary-color);
  background-image: none;
  border-color: var(--primary-color);
  color: white;
}
html:not(.dark-theme) .typecast-btn-secondary {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark-theme) .typecast-btn-secondary:hover {
  background-color: var(--primary-color);
  background-image: none;
  border-color: var(--primary-color);
  color: white;
}
html:not(.dark-theme) .typecast-progress {
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .typecast-progress-bar {
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .typecast-progress-fill {
  background-color: var(--primary-color);
  background-image: none;
}
html:not(.dark-theme) .typecast-progress-text {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-voice-display {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-add-voice-btn {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-add-voice-btn:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
html:not(.dark-theme) .tts-voice-btn {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-voice-btn:hover {
  border-color: var(--primary-color);
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .tts-voice-avatar {
  background-color: transparent;
  background-image: linear-gradient(
          135deg,
          var(--primary-color),
          var(--primary-hover)
        );
  color: white;
}
html:not(.dark-theme) .tts-voice-name {
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-voice-btn svg:last-child {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-speed-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-speed-slider-wrap {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-speed-slider-wrap input[type="range"] {
  background-color: transparent;
  background-image: linear-gradient(
          to right,
          var(--primary-color) 0%,
          var(--primary-color) 33.3%,
          #d1d5db 33.3%,
          #d1d5db 100%
        );
  outline-color: currentcolor;
}
html:not(.dark-theme) .tts-speed-slider-wrap input[type="range"]::-webkit-slider-thumb {
  background-color: #ffffff;
  background-image: none;
  border-color: var(--primary-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
html:not(.dark-theme) .tts-speed-slider-wrap input[type="range"]::-moz-range-thumb {
  background-color: #ffffff;
  background-image: none;
  border-color: var(--primary-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
html:not(.dark-theme) .tts-speed-slider-wrap input[type="range"]::-moz-range-track {
  background-color: #d1d5db;
  background-image: none;
}
html:not(.dark-theme) .tts-speed-value {
  color: var(--primary-color);
}
html:not(.dark-theme) .tts-generate-btn:disabled {
  background-color: var(--disabled-bg);
  background-image: none;
}
html:not(.dark-theme) .tts-collapsible {
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-collapse-toggle {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: currentcolor;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-collapse-toggle:hover {
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .tts-collapse-hint {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-collapsible .tts-input-section {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .tts-collapsible .tts-input-section .tts-textarea {
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-input-section {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-textarea {
  border-color: var(--border-color);
  background-color: var(--bg-secondary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-textarea:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-result-section {
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .tts-starter-item {
  border-color: color-mix(in srgb, var(--primary-color) 50%, var(--border-color));
}
html:not(.dark-theme) .tts-starter-item.active {
  background-color: transparent;
  background-image: none;
  border-color: color-mix(in srgb, var(--primary-color) 50%, var(--border-color));
}
html:not(.dark-theme) .tts-sentence-text[data-placeholder]:empty::before {
  color: var(--text-secondary);
  border-left-color: transparent;
}
html:not(.dark-theme) .tts-sentence-item {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-sentence-item:hover {
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-item.active {
  background-color: transparent;
  background-image: none;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-sentence-item.dirty {
  border-color: #f59e0b;
  box-shadow: inset 3px 0 0 #f59e0b;
}
html:not(.dark-theme) .tts-sentence-num {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-group-bracket {
  background-color: #ef4444;
  background-image: none;
}
html:not(.dark-theme) .tts-grp-zone:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
}
html:not(.dark-theme) .tts-grp-zone.selecting {
  background-color: rgba(37, 99, 235, 0.25);
  background-image: none;
  box-shadow: inset 3px 0 0 var(--primary-color, #2563eb);
}
html:not(.dark-theme) .tts-grp-zone.grouped:hover {
  background-color: rgba(239, 68, 68, 0.1);
  background-image: none;
}
html:not(.dark-theme) .tts-grp-popup {
  background-color: #e8e8f0;
  background-image: none;
  border-color: #e0e0e0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .tts-grp-popup button {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .tts-grp-popup button:hover {
  background-color: #2563eb;
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-text {
  color: var(--text-primary);
  caret-color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .tts-sentence-text:focus {
  caret-color: #1a1a1a;
  outline-color: currentcolor;
  border-bottom-color: rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .tts-sentence-duration {
  color: var(--text-secondary);
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-action-btn {
  background-color: transparent;
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-sentence-action-btn:hover {
  background-color: var(--bg-tertiary);
  background-image: none;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-sentence-play {
  background-color: var(--primary-color);
  background-image: none;
  border-color: currentcolor;
  color: white;
}
html:not(.dark-theme) .tts-sentence-play:hover {
  background-color: var(--primary-hover);
  background-image: none;
}
html:not(.dark-theme) .tts-result-info {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-image-toolbar {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-common-prompt {
  border-color: var(--border-color);
  background-color: transparent;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-common-prompt:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-preview-panel {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-image-container {
  background-color: #000000;
  background-image: none;
}
html:not(.dark-theme) .tts-image-placeholder {
  color: #828282;
}
html:not(.dark-theme) .tts-toolbar-action-btn {
  border-color: var(--border-color);
  background-color: #e8e8f2;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-toolbar-action-btn:hover {
  border-color: var(--primary-color);
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .tts-toolbar-action-btn-primary {
  background-color: #e74c3c;
  background-image: none;
  border-color: var(--primary-color, #e74c3c);
  color: #fff;
}
html:not(.dark-theme) .tts-toolbar-action-btn-primary:hover {
  background-color: #e74c3c;
  background-image: none;
}
html:not(.dark-theme) .tts-batch-stop-btn {
  background-color: #c0392b;
  background-image: none;
  border-color: #c0392b;
  color: #fff;
}
html:not(.dark-theme) .tts-batch-stop-btn:hover {
  background-color: #a93226;
  background-image: none;
}
html:not(.dark-theme) .tts-img-group-input {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-img-group-input:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-img-group-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-audio-controls-row {
  border-bottom-color: var(--border-color);
}
html:not(.dark-theme) .tts-control-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-playback-controls {
  border-left-color: var(--border-color);
}
html:not(.dark-theme) .tts-settings-summary {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-image-settings {
  border-top-color: var(--border-color);
}
html:not(.dark-theme) .tts-setting-field {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-prompt-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) #ttsCommonImagePrompt {
  border-color: var(--border-color);
  background-color: var(--bg-secondary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-audio-more-menu {
  border-color: var(--border-color);
  background-color: var(--bg-secondary);
  background-image: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.267);
}
html:not(.dark-theme) .tts-editor-footer {
  border-top-color: var(--border-color);
  color: var(--text-secondary);
}
html:not(.dark-theme) #ttsBatchProgress {
  color: var(--text-secondary);
}
html:not(.dark-theme) #panel-voice .tts-control-primary {
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
  color: #fff;
}
html:not(.dark-theme) #panel-voice .tts-control-primary:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) #panel-voice :is(button, summary, select, textarea):focus-visible {
  outline-color: var(--text-primary);
}
html:not(.dark-theme) .tts-audio-label {
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-speed-label-sm {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-inline-speed-val {
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-speed-reset-btn {
  border-color: var(--border-color);
  background-color: transparent;
  background-image: none;
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-speed-reset-btn:hover {
  background-color: var(--bg-secondary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-speed-select {
  background-color: #e8e8f2;
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-speed-select:hover {
  border-color: var(--accent-color, #dc2626);
}
html:not(.dark-theme) .tts-speed-select:focus {
  outline-color: currentcolor;
  border-color: var(--accent-color, #dc2626);
}
html:not(.dark-theme) .tts-action-btn-sm {
  background-color: #e8e8f2;
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-action-btn-sm:hover {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-recent-voice-btn {
  color: #1a1a1a;
}
html:not(.dark-theme) .tts-recent-voice-menu {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.52);
}
html:not(.dark-theme) .tts-recent-voice-header {
  color: #1a1a1a;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .tts-recent-voice-item {
  color: #1a1a1a;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
html:not(.dark-theme) .tts-recent-voice-item:hover,
html:not(.dark-theme) .tts-recent-voice-item:focus-visible {
  outline-color: currentcolor;
  background-color: rgba(0, 0, 0, 0.07);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .tts-recent-voice-item.is-selected {
  background-color: rgba(220, 38, 38, 0.13);
  background-image: none;
  border-color: rgba(239, 68, 68, 0.42);
}
html:not(.dark-theme) .tts-recent-voice-check {
  color: #c51111;
}
html:not(.dark-theme) .tts-recent-voice-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .tts-recent-voice-provider {
  color: #5b5b5b;
}
html:not(.dark-theme) .tts-recent-voice-empty {
  color: #858892;
}
html:not(.dark-theme) .tts-recent-voice-limit {
  color: #666a73;
}
html:not(.dark-theme) .tts-batch-spinner {
  border-color: rgba(0, 0, 0, 0.3);
  border-top-color: #1a1a1a;
}
html:not(.dark-theme) .tts-preview-toolbar {
  border-top-color: var(--border-color);
}
html:not(.dark-theme) .tts-style-preset-select {
  border-color: var(--border-color);
  background-color: #e8e8f2;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-style-preset-select:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-preview-prompt {
  border-color: var(--border-color);
  background-color: #e8e8f2;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-preview-prompt:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-preview-btn {
  border-color: var(--border-color);
  background-color: #e8e8f2;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-preview-btn:hover {
  border-color: var(--primary-color);
  background-color: var(--bg-secondary);
  background-image: none;
}
html:not(.dark-theme) .tts-preview-btn-primary {
  background-color: #e74c3c;
  background-image: none;
  border-color: var(--primary-color, #e74c3c);
  color: #fff;
}
html:not(.dark-theme) .tts-preview-btn-primary:hover {
  background-color: #e74c3c;
  background-image: none;
}
html:not(.dark-theme) .tts-preview-nav {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-top-color: var(--border-color);
}
html:not(.dark-theme) .tts-preview-nav button {
  background-color: transparent;
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-preview-nav button:hover {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-preview-nav-info {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-divider {
  background-color: var(--border-color);
  background-image: none;
}
html:not(.dark-theme) .tts-divider::after {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
}
html:not(.dark-theme) .tts-divider:hover,
html:not(.dark-theme) .tts-divider.active {
  background-color: var(--primary-color);
  background-image: none;
}
html:not(.dark-theme) .tts-divider:hover::after,
html:not(.dark-theme) .tts-divider.active::after {
  background-color: rgba(0, 0, 0, 0.4);
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-prompt {
  border-color: var(--border-color);
  background-color: transparent;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-sentence-prompt:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-sentence-prompt::placeholder {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-sentence-prompt-gen {
  background-color: transparent;
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-sentence-prompt-gen:hover {
  background-color: var(--bg-tertiary);
  background-image: none;
  color: #dc2626;
  border-color: #dc2626;
}
html:not(.dark-theme) .tts-img-toolbar-btn-primary {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}
html:not(.dark-theme) .tts-img-toolbar-btn-primary:hover:not(:disabled) {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}
html:not(.dark-theme) .tts-sentence-img-status {
  background-color: var(--border-color);
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-img-status.done {
  background-color: #22c55e;
  background-image: none;
  box-shadow: 0 0 4px rgba(34, 197, 94, 0.5);
}
html:not(.dark-theme) .tts-media-slot-badge {
  border-color: var(--border-color);
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-media-slot.empty:hover .tts-media-slot-badge {
  border-color: var(--primary-color, #2563eb);
  color: var(--primary-color, #2563eb);
  background-color: rgba(37, 99, 235, 0.06);
  background-image: none;
}
html:not(.dark-theme) .tts-media-slot.video.has-thumb .tts-media-slot-badge {
  border-color: currentcolor;
  background-color: rgba(0, 0, 0, 0.55);
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-thumb {
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-thumb-popup {
  background-color: var(--bg-primary);
  background-image: none;
  border-color: var(--border-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .tts-thumb-popup button {
  border-color: var(--border-color);
  background-color: var(--bg-secondary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-thumb-popup button:hover {
  background-color: var(--primary-color);
  background-image: none;
  color: #fff;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-thumb-popup button.delete-btn:hover {
  background-color: #ef4444;
  background-image: none;
  border-color: #ef4444;
  color: #fff;
}
html:not(.dark-theme) .tts-paste-mode-banner {
  background-color: transparent;
  background-image: none;
  border-color: var(--primary-color);
  color: var(--primary-color);
}
html:not(.dark-theme) .tts-paste-mode-banner .paste-cancel-btn {
  border-color: var(--primary-color);
  background-color: transparent;
  background-image: none;
  color: var(--primary-color);
}
html:not(.dark-theme) .tts-paste-mode-banner .paste-cancel-btn:hover {
  background-color: var(--primary-color);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .tts-paste-mode .tts-sentence-item:hover {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 25%, transparent);
}
html:not(.dark-theme) .tts-paste-highlight {
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--primary-color) !important;
}
html:not(.dark-theme) .tts-ratio-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-ratio-btn {
  border-color: var(--border-color);
  color: var(--text-secondary);
  background-color: var(--bg-primary);
  background-image: none;
}
html:not(.dark-theme) .tts-ratio-option input[type="radio"]:checked + .tts-ratio-btn {
  background-color: #ef4444;
  background-image: none;
  color: #fff;
  border-color: var(--primary-color, #ef4444);
}
html:not(.dark-theme) .tts-ratio-btn:hover {
  border-color: var(--primary-color, #ef4444);
  color: var(--primary-color, #c51111);
}
html:not(.dark-theme) .tts-advanced-summary {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-advanced-content {
  background-color: var(--bg-tertiary);
  background-image: none;
  border-color: var(--border-color);
  border-top-color: currentcolor;
}
html:not(.dark-theme) .tts-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-input,
html:not(.dark-theme) .tts-select {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-input:focus,
html:not(.dark-theme) .tts-select:focus {
  outline-color: currentcolor;
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-dropzone {
  border-color: var(--border-color);
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-dropzone:hover,
html:not(.dark-theme) .tts-dropzone.dragover {
  border-color: var(--primary-color);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .tts-training-summary,
html:not(.dark-theme) .tts-epochs-details summary {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
}
html:not(.dark-theme) .tts-training-content {
  background-color: var(--bg-secondary);
  background-image: none;
  border-color: var(--border-color);
  border-top-color: currentcolor;
}
html:not(.dark-theme) .tts-slider-group label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-progress-bar {
  background-color: var(--bg-tertiary);
  background-image: none;
}
html:not(.dark-theme) .tts-progress-fill {
  background-color: var(--primary-color);
  background-image: none;
}
html:not(.dark-theme) .tts-training-log {
  background-color: var(--bg-primary);
  background-image: none;
}
html:not(.dark-theme) .voice-selector-btn {
  background-color: transparent;
  background-image: linear-gradient(
          135deg,
          var(--bg-secondary) 0%,
          var(--bg-tertiary, var(--bg-secondary)) 100%
        );
  border-color: var(--border-color);
}
html:not(.dark-theme) .voice-selector-btn:hover {
  border-color: var(--primary-color);
  box-shadow: 0 4px 12px rgba(var(--primary-rgb, 59, 130, 246), 0.15);
}
html:not(.dark-theme) .voice-selector-avatar {
  background-color: transparent;
  background-image: linear-gradient(
          135deg,
          var(--primary-color) 0%,
          #8b5cf6 100%
        );
  color: white;
}
html:not(.dark-theme) .voice-selector-label {
  color: var(--text-secondary);
}
html:not(.dark-theme) .voice-selector-name {
  color: var(--text-primary);
}
html:not(.dark-theme) .voice-selector-arrow {
  color: var(--text-secondary);
}
html:not(.dark-theme) .voice-modal-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: none;
}
html:not(.dark-theme) .voice-modal-tab {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-modal-tab.active {
  color: white;
}
html:not(.dark-theme) .voice-filter-reset {
  color: #828282;
}
html:not(.dark-theme) .voice-filter-btn {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-filter-btn.active {
  border-color: #22c55e;
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #22c55e;
}
html:not(.dark-theme) .voice-filter-btn.active::before {
  background-color: #22c55e;
  background-image: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='#ffffff' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
html:not(.dark-theme) .voice-item-delete {
  border-color: currentcolor;
  background-color: rgba(220, 38, 38, 0.8);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .voice-item-delete:hover {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .voice-item-avatar {
  background-color: transparent;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
html:not(.dark-theme) .voice-item-avatar.male {
  background-color: transparent;
  background-image: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
html:not(.dark-theme) .voice-item-avatar.female {
  background-color: transparent;
  background-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
html:not(.dark-theme) .voice-tag.recommend {
  color: white;
}
html:not(.dark-theme) .voice-tag.trained {
  background-color: #10b981;
  background-image: none;
  color: white;
}
html:not(.dark-theme) .voice-tag.style {
  background-color: #f59e0b;
  background-image: none;
  color: white;
}
html:not(.dark-theme) .voice-tag.multilang {
  background-color: #8b5cf6;
  background-image: none;
  color: white;
}
html:not(.dark-theme) .voice-setting-item select {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: inherit;
}
html:not(.dark-theme) .voice-setting-slider-wrap input[type="range"] {
  outline-color: currentcolor;
}
html:not(.dark-theme) .voice-setting-slider-wrap input[type="range"]::-webkit-slider-thumb {
  background-color: #6366f1;
  background-image: none;
}
html:not(.dark-theme) .voice-setting-slider-wrap input[type="range"]::-moz-range-thumb {
  background-color: #6366f1;
  background-image: none;
  border-color: currentcolor;
}
html:not(.dark-theme) .voice-setting-slider-wrap span {
  color: var(--text-primary);
}
html:not(.dark-theme) .voice-setting-reset {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-modal-confirm {
  background-color: #22c55e;
  background-image: none;
  color: white;
  border-color: currentcolor;
}
html:not(.dark-theme) .voice-modal-confirm:hover {
  background-color: #16a34a;
  background-image: none;
}
html:not(.dark-theme) .voice-preview-avatar {
  color: white;
  background-color: transparent;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
html:not(.dark-theme) .voice-preview-avatar.male {
  background-color: transparent;
  background-image: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
html:not(.dark-theme) .voice-preview-avatar.female {
  background-color: transparent;
  background-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
html:not(.dark-theme) .voice-play-btn {
  background-color: #22c55e;
  background-image: none;
  color: white;
  border-color: currentcolor;
}
html:not(.dark-theme) .voice-play-btn:hover {
  background-color: #16a34a;
  background-image: none;
}
html:not(.dark-theme) .voice-play-btn:disabled {
  background-color: #d1d5db;
  background-image: none;
}
html:not(.dark-theme) .voice-play-btn.playing {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .voice-steps-label {
  color: #656565;
}
html:not(.dark-theme) .voice-steps-value {
  color: #f59e0b;
}
html:not(.dark-theme) .stt-font-toolbar {
  background-color: var(--stt-panel-bg);
  background-image: none;
  border-color: var(--stt-border);
}
html:not(.dark-theme) .stt-font-btn {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-font-btn:hover {
  background-color: var(--stt-accent-weak);
  background-image: none;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-font-btn.active {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-font-divider {
  background-color: var(--stt-border);
  background-image: none;
}
html:not(.dark-theme) .stt-font-select {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-color-picker {
  border-color: var(--stt-border);
}
html:not(.dark-theme) .stt-color-label {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-color-btn {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-color-btn:hover {
  background-color: var(--stt-accent-weak);
  background-image: none;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-color-btn.active {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-color-preview {
  border-color: rgba(0, 0, 0, 0.3);
}
html:not(.dark-theme) .stt-palette-popup {
  background-color: #f9fafb;
  background-image: none;
  border-color: #e0e0e0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .stt-palette-header {
  color: #656565;
}
html:not(.dark-theme) .stt-palette-color {
  border-color: transparent;
}
html:not(.dark-theme) .stt-palette-color:hover {
  border-color: #1a1a1a;
}
html:not(.dark-theme) .stt-palette-color.selected {
  border-color: #1a1a1a;
  box-shadow: 0 0 0 2px var(--stt-accent);
}
html:not(.dark-theme) .stt-palette-recent {
  border-top-color: #e0e0e0;
}
html:not(.dark-theme) .stt-palette-tool-btn {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .stt-palette-tool-btn:hover {
  background-color: #e5e7eb;
  background-image: none;
  border-color: #cccccc;
}
html:not(.dark-theme) .stt-inline-color-preview {
  border-color: #d6d6d6;
}
html:not(.dark-theme) .stt-inline-color-preview:hover {
  border-color: #c2c2c2;
}
html:not(.dark-theme) .stt-inline-palette {
  background-color: #f9fafb;
  background-image: none;
  border-color: #e0e0e0;
}
html:not(.dark-theme) .stt-inline-palette-custom {
  border-top-color: #e0e0e0;
}
html:not(.dark-theme) .stt-inline-palette-custom input[type="color"] {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .stt-style-btn {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-style-btn:hover {
  background-color: var(--stt-accent-weak);
  background-image: none;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-style-btn.active {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-style-popup {
  background-color: #f9fafb;
  background-image: none;
  border-color: #e0e0e0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .stt-style-remove-btn {
  background-color: transparent;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
  color: #d60000;
}
html:not(.dark-theme) .stt-style-remove-btn:hover {
  background-color: rgba(255, 107, 107, 0.1);
  background-image: none;
  border-color: rgba(255, 107, 107, 0.4);
}
html:not(.dark-theme) .stt-style-label {
  color: #484848;
}
html:not(.dark-theme) .stt-style-input {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-style-range {
  background-color: #e5e7eb;
  background-image: none;
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-style-range::-webkit-slider-thumb {
  background-color: #ffffff;
  background-image: none;
  border-color: #666;
}
html:not(.dark-theme) .stt-style-range::-moz-range-thumb {
  background-color: #ffffff;
  background-image: none;
  border-color: #666;
}
html:not(.dark-theme) .stt-style-range-val {
  color: #484848;
}
html:not(.dark-theme) .stt-spacing-btn {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-spacing-btn:hover {
  background-color: var(--stt-accent-weak);
  background-image: none;
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-spacing-popup {
  background-color: #f9fafb;
  background-image: none;
  border-color: #e0e0e0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .stt-position-group {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
}
html:not(.dark-theme) .stt-position-label {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-position-input {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-vposition-group {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
}
html:not(.dark-theme) .stt-vpos-btn {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-secondary);
}
html:not(.dark-theme) .stt-vpos-btn:hover {
  background-color: var(--bg-tertiary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-vpos-btn.active {
  background-color: var(--primary-color);
  background-image: none;
  border-color: var(--primary-color);
  color: white;
}
html:not(.dark-theme) .stt-vpos-arrows button {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-secondary);
}
html:not(.dark-theme) .stt-vpos-arrows button:hover {
  background-color: var(--bg-tertiary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-vpos-arrows button:active {
  background-color: var(--primary-color);
  background-image: none;
  color: white;
}
html:not(.dark-theme) .stt-style-main-btn {
  border-right-color: currentcolor !important;
}
html:not(.dark-theme) .stt-style-toggle-btn {
  border-color: rgba(0, 0, 0, 0.1);
  border-left-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  color: #484848;
}
html:not(.dark-theme) .stt-style-toggle-btn:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.18);
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-style-toggle-switch {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
}
html:not(.dark-theme) .stt-style-toggle-knob {
  background-color: #8b8b96;
  background-image: none;
}
html:not(.dark-theme) .stt-style-btn-wrapper.is-enabled .stt-style-toggle-switch {
  background-color: rgba(220, 38, 38, 0.3);
  background-image: none;
}
html:not(.dark-theme) .stt-style-btn-wrapper.is-enabled .stt-style-toggle-knob {
  background-color: #f87171;
  background-image: none;
}
html:not(.dark-theme) .stt-style-btn-wrapper.is-enabled .stt-style-main-btn {
  border-color: rgba(0, 0, 0, 0.18) !important;
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .tts-img-settings-ratio-card {
  border-color: #e0e0e0;
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .tts-img-settings-ratio-card span {
  color: #484848;
}
html:not(.dark-theme) .tts-img-settings-ratio-icon {
  border-color: #c2c2c2;
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .tts-img-settings-ratio-option input[type="radio"]:checked + .tts-img-settings-ratio-card {
  border-color: var(--primary-color);
  background-color: rgba(220, 38, 38, 0.1);
  background-image: none;
}
html:not(.dark-theme) .tts-img-settings-ratio-option input[type="radio"]:checked + .tts-img-settings-ratio-card span {
  color: #1a1a1a;
}
html:not(.dark-theme) .tts-img-settings-ratio-option input[type="radio"]:checked + .tts-img-settings-ratio-card .tts-img-settings-ratio-icon {
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-img-settings-ratio-card:hover {
  border-color: #cccccc;
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .tts-img-settings-select {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .tts-img-settings-select:focus {
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-img-settings-textarea {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .tts-img-settings-textarea:focus {
  border-color: var(--primary-color);
}
html:not(.dark-theme) .tts-img-settings-textarea::placeholder {
  color: #828282;
}
html:not(.dark-theme) .tts-img-settings-gen-btn {
  background-color: var(--primary-color);
  background-image: none;
  color: white;
  border-color: currentcolor;
}
html:not(.dark-theme) .stt-clip-split-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
}
html:not(.dark-theme) .stt-clip-split-panel {
  background-color: #f9fafb;
  background-image: none;
  border-left-color: #e0e0e0;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
}
html:not(.dark-theme) .stt-clip-split-header {
  border-bottom-color: #e0e0e0;
}
html:not(.dark-theme) .stt-clip-split-header h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-split-close {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #656565;
}
html:not(.dark-theme) .stt-clip-split-close:hover {
  background-color: #e5e7eb;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-scope-section {
  border-color: #e0e0e0;
}
html:not(.dark-theme) .stt-clip-scope-header {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .stt-clip-scope-header:hover {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .stt-clip-scope-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-scope-value {
  color: #656565;
}
html:not(.dark-theme) .stt-clip-scope-arrow {
  color: #828282;
}
html:not(.dark-theme) .stt-clip-scope-dropdown {
  background-color: #f9fafb;
  background-image: none;
  border-top-color: #e0e0e0;
}
html:not(.dark-theme) .stt-clip-scope-option:hover:not(.disabled) {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .stt-clip-scope-option.selected {
  background-color: rgba(99, 102, 241, 0.1);
  background-image: none;
}
html:not(.dark-theme) .stt-clip-scope-option span {
  color: #1d1d1d;
}
html:not(.dark-theme) .stt-clip-scope-option.selected span {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-preview-box {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .stt-clip-preview-text {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-section-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-max-chars-indicator {
  background-color: #f3f4f6;
  background-image: none;
  border-color: #d6d6d6;
  color: var(--primary-color);
}
html:not(.dark-theme) .stt-clip-slider {
  background-color: #e5e7eb;
  background-image: none;
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-clip-slider::-webkit-slider-thumb {
  background-color: var(--primary-color);
  background-image: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
html:not(.dark-theme) .stt-clip-slider-labels {
  color: #828282;
}
html:not(.dark-theme) .stt-clip-chars-input {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-chars-unit {
  color: #656565;
}
html:not(.dark-theme) .stt-clip-option {
  border-color: #e0e0e0;
}
html:not(.dark-theme) .stt-clip-option:hover {
  border-color: #cccccc;
}
html:not(.dark-theme) .stt-clip-option.selected {
  border-color: var(--primary-color);
  background-color: rgba(99, 102, 241, 0.1);
  background-image: none;
}
html:not(.dark-theme) .stt-clip-option-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-clip-option.selected .stt-clip-option-title {
  color: var(--primary-color);
}
html:not(.dark-theme) .stt-clip-option-desc {
  color: #656565;
}
html:not(.dark-theme) .stt-clip-split-footer {
  border-top-color: #e0e0e0;
}
html:not(.dark-theme) .stt-clip-apply-btn {
  background-color: var(--primary-color);
  background-image: none;
  color: white;
  border-color: currentcolor;
}
html:not(.dark-theme) .stt-clip-undo-btn {
  background-color: #f3f4f6;
  background-image: none;
  color: #656565;
  border-color: #d6d6d6;
}
html:not(.dark-theme) .stt-clip-undo-btn:hover:not(:disabled) {
  background-color: #e5e7eb;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .home-card {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .home-card:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .home-card:active {
  border-color: #dc2626;
}
html:not(.dark-theme) .home-card-icon.red {
  background-color: rgba(220, 38, 38, 0.15);
  background-image: none;
  color: #c51111;
}
html:not(.dark-theme) .home-card-icon.blue {
  background-color: rgba(59, 130, 246, 0.15);
  background-image: none;
  color: #0761d0;
}
html:not(.dark-theme) .home-card-icon.green {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #21b557;
}
html:not(.dark-theme) .home-card-info h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .home-card-info p {
  color: #656565;
}
html:not(.dark-theme) .home-card-steps span {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #484848;
}
html:not(.dark-theme) .home-card-steps .arrow {
  background-color: transparent;
  background-image: none;
  color: #919191;
}
html:not(.dark-theme) .whisper-inline-file {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .whisper-seg-item {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .whisper-seg-item:hover {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .whisper-seg-time {
  color: #656565;
}
html:not(.dark-theme) .whisper-seg-text {
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .whisper-seg-text:focus {
  background-color: rgba(220, 38, 38, 0.05);
  background-image: none;
}
html:not(.dark-theme) .source-home-guide-inner {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .source-guide-right {
  border-left-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .source-guide-url-input {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .source-guide-url-input:focus {
  border-color: #dc2626;
}
html:not(.dark-theme) .source-guide-url-input::placeholder {
  color: #919191;
}
html:not(.dark-theme) .source-home-guide-btn {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
  border-color: currentcolor;
}
html:not(.dark-theme) .source-home-guide-btn:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .toolbar-source-guide {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .toolbar-btn.stt-tb-compact.active {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.3);
  color: #1a1a1a;
}
html:not(.dark-theme) .toolbar-btn.stt-tb-compact.active::after {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .stt-fontsize-combo {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #f9fafb;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.015)), none;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03);
}
html:not(.dark-theme) .stt-fontsize-combo:hover {
  border-color: rgba(0, 0, 0, 0.22);
  background-color: #f9fafb;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.02)), none;
}
html:not(.dark-theme) .stt-fontsize-display {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-fontsize-display:hover {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .stt-fontsize-arrow {
  border-color: currentcolor;
  border-left-color: rgba(0, 0, 0, 0.08);
  background-color: transparent;
  background-image: none;
  color: #606876;
}
html:not(.dark-theme) .stt-fontsize-arrow:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-fontsize-edit {
  border-color: currentcolor;
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-fontsize-dropdown {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
html:not(.dark-theme) .stt-fontsize-option {
  color: #232323;
}
html:not(.dark-theme) .stt-fontsize-option:hover {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-fontsize-option.selected {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-preset-popup {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}
html:not(.dark-theme) .stt-preset-popup-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-preset-popup-desc {
  color: #656565;
}
html:not(.dark-theme) .stt-preset-name-input {
  border-color: #d6d6d6;
  background-color: #ffffff;
  background-image: none;
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-preset-name-input:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .stt-preset-existing-item {
  background-color: #ffffff;
  background-image: none;
  border-color: #e0e0e0;
  color: #2b2b2b;
}
html:not(.dark-theme) .stt-preset-existing-item:hover {
  border-color: rgba(0, 0, 0, 0.3);
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-preset-btn {
  border-color: #d6d6d6;
}
html:not(.dark-theme) .stt-preset-btn.cancel {
  background-color: transparent;
  background-image: none;
  color: #484848;
}
html:not(.dark-theme) .stt-preset-btn.cancel:hover {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-preset-btn.confirm {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .stt-preset-btn.confirm:hover {
  background-color: rgba(0, 0, 0, 0.18);
  background-image: none;
}
html:not(.dark-theme) .stt-preset-load-item {
  background-color: #ffffff;
  background-image: none;
  border-color: #e0e0e0;
}
html:not(.dark-theme) .stt-preset-load-item:hover {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .stt-preset-load-item .preset-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-preset-load-item .preset-delete {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #828282;
}
html:not(.dark-theme) .stt-preset-load-item .preset-delete:hover {
  background-color: rgba(220, 38, 38, 0.15);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .stt-preset-empty {
  color: #828282;
}
html:not(.dark-theme) .stt-toggle-slider {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .stt-toggle-slider::before {
  background-color: #888888;
  background-image: none;
}
html:not(.dark-theme) .stt-toggle-switch input:checked + .stt-toggle-slider {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .stt-toggle-switch input:checked + .stt-toggle-slider::before {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .stt-popup-section-title {
  color: #656565;
}
html:not(.dark-theme) .stt-popup-divider {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .stt-popup-align-btn {
  border-color: #d6d6d6;
  background-color: #f3f4f6;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .stt-popup-align-btn:hover {
  background-color: #e5e7eb;
  background-image: none;
  border-color: #cccccc;
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-popup-align-btn.active {
  background-color: #dc2626;
  background-image: none;
  border-color: var(--stt-accent, #dc2626);
  color: #fff;
}
html:not(.dark-theme) .whisper-editor-toolbar {
  border-bottom-color: var(--stt-border);
}
html:not(.dark-theme) .stt-segment-counter {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-search-input {
  border-color: var(--stt-border);
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-primary);
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-search-input:focus {
  border-color: var(--stt-accent);
}
html:not(.dark-theme) .stt-segment-list::-webkit-scrollbar-track {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .stt-segment-list::-webkit-scrollbar-thumb {
  background-color: var(--stt-border);
  background-image: none;
}
html:not(.dark-theme) .stt-segment-item {
  background-color: var(--stt-card-bg);
  background-image: none;
  border-color: transparent;
}
html:not(.dark-theme) .stt-segment-item::before {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .stt-segment-item:hover {
  background-color: var(--stt-card-hover);
  background-image: none;
  border-color: var(--stt-border);
}
html:not(.dark-theme) .stt-segment-item.active {
  background-color: var(--stt-card-active);
  background-image: none;
  border-color: var(--stt-accent-weak);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .stt-segment-item.active::before {
  background-color: var(--stt-accent);
  background-image: none;
}
html:not(.dark-theme) .stt-segment-thumb {
  background-color: #000000;
  background-image: none;
}
html:not(.dark-theme) .stt-gap-cut-btn {
  border-color: rgba(239, 68, 68, 0.45) !important;
  color: #cf0707 !important;
  background-color: rgba(239, 68, 68, 0.08) !important;
  background-image: none !important;
}
html:not(.dark-theme) .stt-gap-cut-btn:hover {
  background-color: rgba(239, 68, 68, 0.18) !important;
  background-image: none !important;
}
html:not(.dark-theme) .stt-segment-number {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-segment-timestamp {
  color: #747474;
}
html:not(.dark-theme) .stt-segment-timestamp:hover {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
}
html:not(.dark-theme) .stt-segment-text {
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-segment-text .word:hover {
  background-color: var(--stt-accent-weak);
  background-image: none;
}
html:not(.dark-theme) .stt-segment-text .word.is-active {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
}
html:not(.dark-theme) .stt-segment-text .word-edit-input {
  border-color: var(--stt-accent);
  background-color: var(--stt-panel-bg);
  background-image: none;
  color: var(--text-primary);
  outline-color: currentcolor;
  box-shadow: 0 0 0 2px var(--stt-accent-weak);
}
html:not(.dark-theme) .stt-segment-text .word.editing {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
}
html:not(.dark-theme) .stt-segment-textarea {
  border-color: var(--stt-border);
  background-color: var(--stt-panel-bg);
  background-image: none;
  color: var(--text-primary);
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-segment-textarea:focus {
  border-color: var(--stt-accent);
  box-shadow: 0 0 0 2px var(--stt-accent-weak);
}
html:not(.dark-theme) .stt-segment-item.editing {
  background-color: var(--stt-card-active) !important;
  background-image: none !important;
  border-color: var(--stt-accent) !important;
  box-shadow: 0 0 0 2px var(--stt-accent-weak);
}
html:not(.dark-theme) .stt-edit-save,
html:not(.dark-theme) .stt-edit-cancel {
  border-color: currentcolor;
}
html:not(.dark-theme) .stt-edit-save {
  background-color: var(--stt-accent);
  background-image: none;
  color: white;
}
html:not(.dark-theme) .stt-edit-cancel {
  background-color: var(--stt-card-bg);
  background-image: none;
  color: var(--text-secondary);
  border-color: var(--stt-border);
}
html:not(.dark-theme) .stt-edit-cancel:hover {
  background-color: var(--stt-card-hover);
  background-image: none;
}
html:not(.dark-theme) .stt-word-btn {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: transparent;
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .stt-word-btn:hover {
  background-color: #e5e7eb;
  background-image: none;
  border-color: #cccccc;
}
html:not(.dark-theme) .stt-word-btn.is-active {
  background-color: #d1d5db;
  background-image: none;
  color: #1a1a1a;
  border-color: #cccccc;
}
html:not(.dark-theme) .stt-word-btn.uncertain {
  border-color: #f59e0b;
  color: #f59e0b;
}
html:not(.dark-theme) .stt-word-btn.is-selected {
  background-color: #dc2626;
  background-image: none;
  color: white;
  border-color: #dc2626;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.3);
}
html:not(.dark-theme) .stt-word-btn.is-nav {
  background-color: #dc2626;
  background-image: none;
  color: white;
  border-color: #dc2626;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .stt-word-caret {
  background-color: #60a5fa;
  background-image: none;
}
html:not(.dark-theme) .stt-original-words:focus {
  outline-color: rgba(96, 165, 250, 0.3);
}
html:not(.dark-theme) .stt-word-timing-popup {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(96, 165, 250, 0.4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .swtp-handle-start::after {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .swtp-handle-end::after {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .swtp-handle-start::before {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .swtp-handle-end::before {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .swtp-scrollbar {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .swtp-scrollbar::-webkit-slider-runnable-track {
  background-color: #e2e5e9;
  background-image: none;
}
html:not(.dark-theme) .swtp-scrollbar::-webkit-slider-thumb {
  background-color: #4b5563;
  background-image: none;
  border-color: rgba(96, 165, 250, 0.3);
}
html:not(.dark-theme) .swtp-scrollbar::-webkit-slider-thumb:hover {
  background-color: #60a5fa;
  background-image: none;
}
html:not(.dark-theme) .swtp-scrollbar::-webkit-slider-thumb:active {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .swtp-scrollbar::-moz-range-track {
  background-color: #e2e5e9;
  background-image: none;
  border-color: currentcolor;
}
html:not(.dark-theme) .swtp-scrollbar::-moz-range-thumb {
  background-color: #4b5563;
  background-image: none;
  border-color: rgba(96, 165, 250, 0.3);
}
html:not(.dark-theme) .swtp-scrollbar::-moz-range-thumb:hover {
  background-color: #60a5fa;
  background-image: none;
}
html:not(.dark-theme) .swtp-play-btn {
  border-color: rgba(96, 165, 250, 0.3);
  background-color: #ffffff;
  background-image: none;
  color: #0761d0;
}
html:not(.dark-theme) .swtp-play-btn:hover {
  background-color: #e8e8f2;
  background-image: none;
  border-color: #60a5fa;
}
html:not(.dark-theme) .swtp-row label {
  color: #626b75;
}
html:not(.dark-theme) .swtp-row input {
  background-color: #ffffff;
  background-image: none;
  color: #456e91;
  border-color: rgba(96, 165, 250, 0.3);
}
html:not(.dark-theme) .swtp-row input:focus {
  outline-color: currentcolor;
  border-color: #60a5fa;
}
html:not(.dark-theme) .swtp-apply,
html:not(.dark-theme) .swtp-cancel {
  border-color: rgba(0, 0, 0, 0.1);
  color: #456e91;
}
html:not(.dark-theme) .swtp-apply {
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
}
html:not(.dark-theme) .swtp-apply:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .swtp-cancel {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .swtp-cancel:hover {
  background-color: #e1e3e7;
  background-image: none;
}
html:not(.dark-theme) .stt-subtitle-input {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  background-image: none;
  color: #456e91;
}
html:not(.dark-theme) .stt-subtitle-input:hover {
  border-color: rgba(0, 0, 0, 0.18);
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .stt-subtitle-input:focus {
  outline-color: currentcolor;
  border-color: rgba(0, 0, 0, 0.25);
  background-color: #f9fafb;
  background-image: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .stt-subtitle-input::placeholder {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-segment-link {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-segment-toolbar button {
  border-color: var(--stt-border);
  background-color: var(--stt-panel-bg);
  background-image: none;
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-segment-toolbar button:hover {
  background-color: var(--stt-card-hover);
  background-image: none;
  color: var(--text-primary);
  border-color: var(--stt-accent-weak);
}
html:not(.dark-theme) .stt-keyboard-hint {
  color: var(--stt-muted);
}
html:not(.dark-theme) .stt-keyboard-hint kbd {
  background-color: var(--stt-card-bg);
  background-image: none;
  border-color: var(--stt-border);
}
html:not(.dark-theme) .template-panel {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .template-panel-header {
  color: #2b2b2b;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .palette-swatch {
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .palette-swatch:hover {
  border-color: rgba(26, 26, 26, 0.5);
}
html:not(.dark-theme) .palette-swatch.active {
  border-color: #1a1a1a;
}
html:not(.dark-theme) .template-mode-btn {
  color: #484848;
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .template-mode-btn:hover {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .template-mode-btn.active {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
  border-color: #dc2626;
}
html:not(.dark-theme) .template-settings-group {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
}
html:not(.dark-theme) .template-label {
  color: #575757;
}
html:not(.dark-theme) .template-sub-label {
  color: #747474;
}
html:not(.dark-theme) .template-val {
  color: #656565;
}
html:not(.dark-theme) .template-row input[type="color"] {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .template-action-row {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .template-apply-btn {
  border-color: #dc2626;
  background-color: #dc2626;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .title-text-block.active {
  outline-color: currentcolor;
}
html:not(.dark-theme) .template-text-input {
  color: #1d1d1d;
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .template-text-input:focus {
  outline-color: currentcolor;
  border-color: #dc2626;
}
html:not(.dark-theme) .template-select {
  color: #1d1d1d;
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .title-text-panel .template-action-row {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .title-editor-section {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .title-editor-heading {
  color: #1a1a1a;
}
html:not(.dark-theme) .title-add-object-btn {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: #f3f4f6;
  background-image: none;
  color: #1d1d1d;
}
html:not(.dark-theme) .title-add-object-btn:hover {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .title-object-empty {
  color: #828282;
}
html:not(.dark-theme) .title-object-chip {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #f9fafb;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .title-object-chip.active {
  border-color: #60a5fa;
  color: #1a1a1a;
}
html:not(.dark-theme) .title-object-swatch {
  border-color: rgba(0, 0, 0, 0.35);
}
html:not(.dark-theme) .title-object-delete {
  color: #656565;
}
html:not(.dark-theme) .title-object-delete:hover {
  color: #cc0a0a;
}
html:not(.dark-theme) .title-textarea {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  background-image: none;
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .title-textarea:focus {
  border-color: #dc2626;
}
html:not(.dark-theme) .title-control-grid label,
html:not(.dark-theme) .title-slider-row > span:first-child {
  color: #656565;
}
html:not(.dark-theme) .title-control-grid input[type="color"] {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .title-check-label {
  color: #1d1d1d !important;
}
html:not(.dark-theme) .img-adjust-panel {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .img-adjust-action-btn {
  color: #484848;
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .img-adjust-action-btn:hover {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .img-adjust-action-btn.primary {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
  border-color: #dc2626;
}
html:not(.dark-theme) .img-adjust-action-btn.primary:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .img-adjust-hint {
  color: #919191;
}
html:not(.dark-theme) .tts-generate-btn.generating {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}
html:not(.dark-theme) .quick-image-status {
  color: #656565;
}
html:not(.dark-theme) .quick-image-status .spinner {
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: #dc2626;
}
html:not(.dark-theme) .gallery-panel-overlay {
  background-color: rgba(0, 0, 0, 0.055);
  background-image: none;
}
html:not(.dark-theme) body.studio-media-dragging .tts-media-slot-badge {
  border-color: #dc2626;
  color: #1a1a1a;
  background-color: rgba(220, 38, 38, 0.16);
  background-image: none;
}
html:not(.dark-theme) .image-gallery-panel {
  background-color: #ffffff;
  background-image: none;
  border-left-color: #ebebeb;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .media-panel-resizer::before {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .media-panel-resizer:hover::before,
html:not(.dark-theme) body.media-panel-resizing .media-panel-resizer::before {
  background-color: #dc2626;
  background-image: none;
}
html:not(.dark-theme) .media-panel-header {
  border-bottom-color: #ebebeb;
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .media-tab {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  border-bottom-color: transparent;
  color: #828282;
}
html:not(.dark-theme) .media-tab:hover {
  color: #3a3a3a;
}
html:not(.dark-theme) .media-tab.active {
  color: #1a1a1a;
  border-bottom-color: #dc2626;
}
html:not(.dark-theme) .media-tab-badge {
  background-color: #e5e7eb;
  background-image: none;
  color: #484848;
}
html:not(.dark-theme) .media-tab.active .media-tab-badge {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .media-section {
  border-bottom-color: #efefef;
}
html:not(.dark-theme) .media-section-label {
  color: #575757;
}
html:not(.dark-theme) .media-textarea {
  background-color: #f3f4f6;
  background-image: none;
  border-color: #e6e6e6;
  color: #1a1a1a;
}
html:not(.dark-theme) .media-textarea:focus {
  border-color: #dc2626;
  outline-color: currentcolor;
}
html:not(.dark-theme) .media-btn-icon {
  border-color: #e6e6e6;
  background-color: #f9fafb;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .media-btn-icon:hover {
  background-color: #f3f4f6;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .media-btn {
  border-color: #e0e0e0;
  background-color: #f9fafb;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .media-btn:hover {
  background-color: #f3f4f6;
  background-image: none;
  border-color: #cccccc;
  color: #1a1a1a;
}
html:not(.dark-theme) .media-btn.primary {
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
  color: #fff;
}
html:not(.dark-theme) .media-btn.primary:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .media-slider {
  background-color: #f3f4f6;
  background-image: none;
  outline-color: currentcolor;
}
html:not(.dark-theme) .media-slider::-webkit-slider-thumb {
  background-color: #dc2626;
  background-image: none;
  border-color: currentcolor;
}
html:not(.dark-theme) .media-slider::-moz-range-thumb {
  background-color: #dc2626;
  background-image: none;
  border-color: currentcolor;
}
html:not(.dark-theme) .media-slider-value {
  color: #484848;
}
html:not(.dark-theme) .media-settings-divider {
  border-color: currentcolor;
  border-top-color: #efefef;
}
html:not(.dark-theme) .media-settings-row > label {
  color: #575757;
}
html:not(.dark-theme) .media-settings-section-title {
  color: #828282;
  border-bottom-color: #efefef;
}
html:not(.dark-theme) .media-gallery-header {
  border-bottom-color: #efefef;
}
html:not(.dark-theme) .media-gallery-info {
  color: #747474;
}
html:not(.dark-theme) .media-upload-dropzone {
  border-color: #e0e0e0;
  color: #747474;
}
html:not(.dark-theme) .media-upload-dropzone.drag-active {
  border-color: #dc2626;
  background-color: rgba(220, 38, 38, 0.06);
  background-image: none;
  color: #3a3a3a;
}
html:not(.dark-theme) .media-upload-hint {
  color: #919191;
}
html:not(.dark-theme) .media-upload-item {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .media-upload-item .stock-badge {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.68);
  background-image: none;
}
html:not(.dark-theme) .media-upload-item:hover {
  border-color: rgba(0, 0, 0, 0.24);
}
html:not(.dark-theme) .media-upload-item .upload-item-name {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
  color: #ccc;
}
html:not(.dark-theme) .media-upload-item .upload-item-remove {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
  border-color: rgba(255,255,255,0.15);
  color: #ccc;
}
html:not(.dark-theme) .media-upload-item .upload-item-remove:hover {
  background-color: #ef4444;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .media-upload-item.dragging {
  outline-color: #dc2626;
}
html:not(.dark-theme) .media-upload-item.media-upload-video {
  outline-color: rgba(139, 92, 246, 0.45);
}
html:not(.dark-theme) .media-upload-item.media-upload-video::after {
  background-color: rgba(139, 92, 246, 0.85);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .media-upload-item.media-upload-audio {
  outline-color: rgba(59, 130, 246, 0.45);
}
html:not(.dark-theme) .media-upload-item.media-upload-audio::after {
  background-color: rgba(59, 130, 246, 0.85);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .upload-audio-thumb {
  background-color: transparent;
  background-image: linear-gradient(135deg, rgba(59, 130, 246, 0.18), rgba(59, 130, 246, 0.06));
  color: #0465d2;
}
html:not(.dark-theme) .upload-audio-dur {
  color: #4e6888;
  background-color: rgba(0, 0, 0, 0.088);
  background-image: none;
}
html:not(.dark-theme) .media-upload-dropzone.uploading {
  border-color: #dc2626;
  background-color: rgba(220, 38, 38, 0.08);
  background-image: none;
}
html:not(.dark-theme) .media-upload-dropzone.uploading::after {
  background-color: rgba(0, 0, 0, 0.55);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .media-settings-section {
  border-bottom-color: #ebebeb;
}
html:not(.dark-theme) .media-settings-section:last-child {
  border-bottom-color: currentcolor;
}
html:not(.dark-theme) .media-settings-section-title {
  color: #dc2626;
}
html:not(.dark-theme) .media-settings-row > .media-settings-group {
  border-bottom-color: currentcolor;
}
html:not(.dark-theme) .media-settings-group {
  border-bottom-color: #efefef;
}
html:not(.dark-theme) .media-settings-section > .media-settings-group:last-child,
html:not(.dark-theme) .media-settings-section > .media-settings-row:last-child {
  border-bottom-color: currentcolor;
}
html:not(.dark-theme) .media-settings-label {
  color: #575757;
}
html:not(.dark-theme) .media-settings-quota {
  color: #656565;
}
html:not(.dark-theme) .media-select {
  background-color: #f3f4f6;
  background-image: none;
  border-color: #e6e6e6;
  color: #1a1a1a;
}
html:not(.dark-theme) .media-select:focus {
  border-color: #dc2626;
  outline-color: currentcolor;
}
html:not(.dark-theme) .image-gallery-side-header {
  background-color: transparent;
  background-image: none;
  border-bottom-color: #e0e0e0;
}
html:not(.dark-theme) .toolbar-btn-meta {
  color: #656565;
}
html:not(.dark-theme) .image-gallery-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .image-gallery-info {
  color: #656565;
}
html:not(.dark-theme) .image-gallery-close {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #656565;
}
html:not(.dark-theme) .image-gallery-close:hover {
  background-color: #e5e7eb;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .image-gallery-side-list:empty::after {
  color: #656565;
}
html:not(.dark-theme) .media-generated-header {
  color: #616875;
}
html:not(.dark-theme) .image-gallery-item {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(243, 244, 246, 0.9);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.045), rgba(0, 0, 0, 0.02)), none;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .image-gallery-item:hover {
  border-color: rgba(0, 0, 0, 0.24);
}
html:not(.dark-theme) .image-gallery-item.active {
  border-color: rgba(0, 0, 0, 0.34);
  background-color: rgba(243, 244, 246, 0.96);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.035)), none;
}
html:not(.dark-theme) .image-gallery-item video {
  background-color: #000000;
  background-image: none;
}
html:not(.dark-theme) .image-gallery-item .stock-badge {
  background-color: rgba(0, 0, 0, 0.72);
  background-image: none;
}
html:not(.dark-theme) .image-gallery-item .gallery-item-idx {
  background-color: rgba(0, 0, 0, 0.7);
  background-image: none;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12);
}
html:not(.dark-theme) .gallery-toast {
  background-color: rgba(37, 99, 235, 0.9);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .gallery-exit-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
}
html:not(.dark-theme) .gallery-exit-modal {
  background-color: #f9fafb;
  background-image: none;
  border-color: #d6d6d6;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .gallery-exit-modal h3 {
  color: #cb980b;
}
html:not(.dark-theme) .gallery-exit-modal p {
  color: #3a3a3a;
}
html:not(.dark-theme) .gallery-exit-btn {
  border-color: currentcolor;
}
html:not(.dark-theme) .gallery-exit-btn.save {
  background-color: #2563eb;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .gallery-exit-btn.save:hover {
  background-color: #1d4ed8;
  background-image: none;
}
html:not(.dark-theme) .gallery-exit-btn.leave {
  background-color: transparent;
  background-image: none;
  border-color: #cccccc;
  color: #2b2b2b;
}
html:not(.dark-theme) .gallery-exit-btn.leave:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
}
html:not(.dark-theme) .gallery-exit-btn.cancel {
  background-color: #e5e7eb;
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .gallery-exit-btn.cancel:hover {
  background-color: #d1d5db;
  background-image: none;
}
html:not(.dark-theme) .image-gallery-item.dragging {
  outline-color: #dc2626;
}
html:not(.dark-theme) .tts-sentence-item.drag-over {
  outline-color: #dc2626 !important;
  background-color: #dc2626 !important;
  background-image: none !important;
}
html:not(.dark-theme) .aspect-ratio-card {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .aspect-ratio-card:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .aspect-ratio-card.active {
  border-color: #1a1a1a;
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .aspect-ratio-shape {
  border-color: rgba(26, 26, 26, 0.5);
}
html:not(.dark-theme) .aspect-ratio-card.active .aspect-ratio-shape {
  border-color: #1a1a1a;
}
html:not(.dark-theme) .aspect-ratio-card-name {
  color: #2b2b2b;
}
html:not(.dark-theme) .aspect-ratio-card.active .aspect-ratio-card-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .aspect-ratio-card-value {
  color: #828282;
}
html:not(.dark-theme) .aspect-ratio-card.active .aspect-ratio-card-value {
  color: #484848;
}
html:not(.dark-theme) .custom-ratio-field {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
}
html:not(.dark-theme) .custom-ratio-field:focus {
  outline-color: currentcolor;
  border-color: rgba(0, 0, 0, 0.4);
}
html:not(.dark-theme) .custom-ratio-sep {
  color: #656565;
}
html:not(.dark-theme) .custom-ratio-apply-btn {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
  border-color: currentcolor;
}
html:not(.dark-theme) .custom-ratio-apply-btn:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .studio-modal-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
}
html:not(.dark-theme) .studio-modal {
  background-color: #f9fafb;
  background-image: none;
  border-color: #e0e0e0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .studio-modal-header {
  border-bottom-color: #e0e0e0;
}
html:not(.dark-theme) .studio-modal-header h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .project-list-empty {
  color: #828282;
}
html:not(.dark-theme) .project-list-item:hover {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .project-list-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .project-list-date {
  color: #828282;
}
html:not(.dark-theme) .project-list-delete {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #828282;
}
html:not(.dark-theme) .project-list-delete:hover {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
  background-image: none;
}
html:not(.dark-theme) .stt-font-picker-btn {
  background-color: #f9fafb;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.015)), none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03);
}
html:not(.dark-theme) .stt-font-picker-btn:hover {
  background-color: #f9fafb;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.02)), none;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .stt-fp-arrow {
  color: #606876;
}
html:not(.dark-theme) .stt-font-picker-popup {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6);
}
html:not(.dark-theme) .stt-fp-search {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .stt-fp-search input {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  outline-color: currentcolor;
}
html:not(.dark-theme) .stt-fp-search input::placeholder {
  color: #919191;
}
html:not(.dark-theme) .stt-fp-search input:focus {
  border-color: rgba(0, 0, 0, 0.3);
}
html:not(.dark-theme) .stt-fp-tabs {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .stt-fp-tab {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  border-bottom-color: transparent;
  color: #828282;
}
html:not(.dark-theme) .stt-fp-tab.active {
  color: #1a1a1a;
  border-bottom-color: #2563eb;
}
html:not(.dark-theme) .stt-fp-tab:hover:not(.active) {
  color: #484848;
}
html:not(.dark-theme) .stt-fp-cats {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .stt-fp-cat {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #656565;
}
html:not(.dark-theme) .stt-fp-cat:hover {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #1d1d1d;
}
html:not(.dark-theme) .stt-fp-cat.active {
  background-color: #2563eb;
  background-image: none;
  border-color: #2563eb;
  color: #fff;
}
html:not(.dark-theme) .stt-fp-list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
}
html:not(.dark-theme) .stt-fp-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.22);
  background-image: none;
}
html:not(.dark-theme) .stt-fp-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.35);
  background-image: none;
}
html:not(.dark-theme) .stt-fp-section-label {
  color: #919191;
}
html:not(.dark-theme) .stt-fp-item:hover {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .stt-fp-item.selected {
  background-color: rgba(37, 99, 235, 0.15);
  background-image: none;
}
html:not(.dark-theme) .stt-fp-check {
  color: #2563eb;
}
html:not(.dark-theme) .stt-fp-item-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .stt-fp-star {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #a7a7a7;
}
html:not(.dark-theme) .stt-fp-star:hover {
  color: #d29904;
}
html:not(.dark-theme) .stt-fp-star.fav {
  color: #d29904;
}
html:not(.dark-theme) .stt-fp-empty {
  color: #919191;
}
html:not(.dark-theme) .collection-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
}
html:not(.dark-theme) .collection-panel {
  background-color: #ffffff;
  background-image: none;
  border-left-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .cp-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-header button {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #656565;
}
html:not(.dark-theme) .cp-header button:hover {
  color: #1d1d1d;
}
html:not(.dark-theme) .cp-tabs {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .cp-tab-btn {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  border-bottom-color: transparent;
  color: #656565;
}
html:not(.dark-theme) .cp-tab-btn.active {
  color: #cc0a0a;
  border-bottom-color: #f87171;
}
html:not(.dark-theme) .cp-tab-btn span {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
html:not(.dark-theme) .cp-item {
  border-bottom-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .cp-item:hover {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .cp-item-title {
  color: #1d1d1d;
}
html:not(.dark-theme) .cp-item-meta {
  color: #828282;
}
html:not(.dark-theme) .cp-item-delete {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #919191;
}
html:not(.dark-theme) .cp-item-delete:hover {
  color: #c51111;
  background-color: rgba(239, 68, 68, 0.1);
  background-image: none;
}
html:not(.dark-theme) .cp-back {
  color: #656565;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .cp-back:hover {
  color: #1d1d1d;
}
html:not(.dark-theme) .cp-empty {
  color: #919191;
}
html:not(.dark-theme) .script-mode-toggle {
  border-color: currentcolor;
}
html:not(.dark-theme) .script-mode-toggle button {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .script-mode-toggle button.active {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.25);
}
html:not(.dark-theme) .script-mode-toggle button:hover:not(.active) {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .script-mode-toggle button[data-mode="automation"].active {
  background-color: rgba(220, 38, 38, 0.18);
  background-image: none;
  border-color: rgba(220, 38, 38, 0.5);
  color: #cf0707;
}
html:not(.dark-theme) .auto-handoff-cell {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .auto-handoff-cell-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
}
html:not(.dark-theme) .auto-handoff-cell-title {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .auto-handoff-cell-badge.ready {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: var(--success-color, #22c55e);
}
html:not(.dark-theme) .auto-handoff-cell-badge.empty {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: var(--text-secondary, #656565);
}
html:not(.dark-theme) .auto-handoff-cell-badge.loading {
  background-color: rgba(234, 179, 8, 0.15);
  background-image: none;
  color: #eab308;
}
html:not(.dark-theme) .auto-handoff-cell-body {
  color: var(--text-secondary, #484848);
}
html:not(.dark-theme) .auto-handoff-cell-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  background-image: none;
}
html:not(.dark-theme) .auto-handoff-field-label {
  color: var(--text-muted, #828282);
}
html:not(.dark-theme) .auto-handoff-field-value {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .auto-handoff-cell-body pre {
  color: #606876;
}
html:not(.dark-theme) .auto-handoff-empty {
  color: var(--text-muted, #919191);
}
html:not(.dark-theme) .auto-handoff-footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .pipeline-stepper {
  background-color: #ffffff;
  background-image: none;
  border-right-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .pipeline-stepper-header {
  color: #1a1a1a;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .pipeline-step-item {
  border-left-color: transparent;
}
html:not(.dark-theme) .pipeline-step-item:hover {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .pipeline-step-item.active {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  border-left-color: #dc2626;
}
html:not(.dark-theme) .pipeline-mode-toggle {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .pipeline-mode-btn {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: transparent;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .pipeline-mode-btn:hover {
  color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
html:not(.dark-theme) .pipeline-mode-btn.active {
  background-color: rgba(220, 38, 38, 0.15);
  background-image: none;
  border-color: #dc2626;
  color: #1a1a1a;
}
html:not(.dark-theme) .pipeline-step-item.skipped .pipeline-step-num {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  color: #828282;
}
html:not(.dark-theme) .pipeline-step-skip {
  color: #f59e0b;
}
html:not(.dark-theme) .pipeline-step-item.running {
  border-color: rgba(96, 165, 250, 0.4);
  background-color: rgba(96, 165, 250, 0.06);
  background-image: none;
}
html:not(.dark-theme) .pipeline-step-item.running .pipeline-step-num {
  background-color: #2563eb;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .pipeline-step-item .pipeline-step-num {
  background-color: #e5e7eb;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .pipeline-step-item.active .pipeline-step-num {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .pipeline-step-item.done .pipeline-step-num {
  background-color: #16a34a;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .pipeline-step-label {
  color: #484848;
}
html:not(.dark-theme) .pipeline-step-item.active .pipeline-step-label {
  color: #1a1a1a;
}
html:not(.dark-theme) .pipeline-step-item.done .pipeline-step-label {
  color: #484848;
}
html:not(.dark-theme) .pipeline-step-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .pipeline-step-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .pipeline-step-desc {
  color: #656565;
}
html:not(.dark-theme) .pipeline-prompt-area {
  border-right-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .pipeline-prompt-area label {
  color: #656565;
}
html:not(.dark-theme) .pipeline-prompt-area textarea {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #1d1d1d;
  outline-color: currentcolor;
}
html:not(.dark-theme) .pipeline-prompt-area textarea:focus {
  border-color: rgba(220, 38, 38, 0.4);
}
html:not(.dark-theme) .pipeline-output-area label {
  color: #656565;
}
html:not(.dark-theme) .pipeline-output-area textarea {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #2b2b2b;
  outline-color: currentcolor;
}
@media (max-width: 1600px) {
  html:not(.dark-theme) .pipeline-prompt-area {
    border-right-color: currentcolor;
  }
}
html:not(.dark-theme) .pipeline-actions {
  border-top-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .pipeline-actions button {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .pipeline-actions button:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
  color: #1a1a1a;
}
html:not(.dark-theme) .pipeline-actions button.primary {
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
  color: #fff;
}
html:not(.dark-theme) .pipeline-actions button.primary:hover {
  background-color: #ef4444;
  background-image: none;
  border-color: #ef4444;
}
html:not(.dark-theme) .pipeline-review-area .review-col label {
  color: #656565;
}
html:not(.dark-theme) .pipeline-review-area .review-col textarea {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #1d1d1d;
  outline-color: currentcolor;
}
html:not(.dark-theme) .pipeline-stepper-footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .pipeline-run-all-btn {
  border-color: rgba(220, 38, 38, 0.5);
  background-color: rgba(220, 38, 38, 0.1);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .pipeline-run-all-btn:hover {
  background-color: rgba(220, 38, 38, 0.2);
  background-image: none;
  border-color: #dc2626;
  color: #cf0707;
}
html:not(.dark-theme) .pipeline-run-all-btn.running {
  border-color: rgba(234, 179, 8, 0.6);
  background-color: rgba(234, 179, 8, 0.15);
  background-image: none;
  color: #d29904;
}
html:not(.dark-theme) .pipeline-run-all-btn.running:hover {
  background-color: rgba(234, 179, 8, 0.25);
  background-image: none;
  border-color: #eab308;
  color: #d4b202;
}
html:not(.dark-theme) .manual-stepper {
  background-color: #ffffff;
  background-image: none;
  border-right-color: rgba(0, 0, 0, 0.12);
}
html:not(.dark-theme) .manual-stepper-header {
  color: #1a1a1a;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .manual-step-item {
  border-left-color: transparent;
}
html:not(.dark-theme) .manual-step-item:hover {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .manual-step-item.active {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  border-left-color: #dc2626;
}
html:not(.dark-theme) .manual-step-num {
  background-color: #e5e7eb;
  background-image: none;
  color: #656565;
}
html:not(.dark-theme) .manual-step-item.active .manual-step-num {
  background-color: #dc2626;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .manual-step-item.done .manual-step-num {
  background-color: #16a34a;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .manual-step-label {
  color: #484848;
}
html:not(.dark-theme) .manual-step-item.active .manual-step-label {
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-step-item.done .manual-step-label {
  color: #484848;
}
html:not(.dark-theme) .manual-step-header {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .manual-step-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-step-desc {
  color: #656565;
}
html:not(.dark-theme) .manual-guide-message {
  color: #484848;
}
html:not(.dark-theme) .manual-guide-message h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-ai-btn {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .manual-ai-btn:hover {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(220, 38, 38, 0.5);
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-prompt-display {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(220, 38, 38, 0.2);
  color: #484848;
}
html:not(.dark-theme) .manual-prompt-overlay {
  background-color: rgba(0, 0, 0, 0.55);
  background-image: none;
}
html:not(.dark-theme) .manual-prompt-overlay:hover {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
html:not(.dark-theme) .manual-prompt-copy-btn {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
html:not(.dark-theme) .manual-prompt-overlay:hover .manual-prompt-copy-btn {
  background-color: rgba(0, 0, 0, 0.15);
  background-image: none;
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.35);
}
html:not(.dark-theme) .manual-perplexity-area {
  background-color: rgba(32, 178, 170, 0.06);
  background-image: none;
  border-color: rgba(32, 178, 170, 0.15);
}
html:not(.dark-theme) .manual-perplexity-hint {
  color: #606876;
}
html:not(.dark-theme) .manual-perplexity-btn {
  background-color: rgba(32, 178, 170, 0.15);
  background-image: none;
  color: #1db9a0;
  border-color: rgba(32, 178, 170, 0.35);
}
html:not(.dark-theme) .manual-perplexity-btn:hover {
  background-color: rgba(32, 178, 170, 0.35);
  background-image: none;
  color: #1a1a1a;
  border-color: rgba(32, 178, 170, 0.6);
  box-shadow: 0 0 10px rgba(32, 178, 170, 0.3);
}
html:not(.dark-theme) .manual-toggle-slider {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
html:not(.dark-theme) .manual-toggle-slider:before {
  background-color: #888888;
  background-image: none;
}
html:not(.dark-theme) .manual-toggle-switch input:checked + .manual-toggle-slider {
  background-color: rgba(99, 102, 241, 0.4);
  background-image: none;
}
html:not(.dark-theme) .manual-toggle-switch input:checked + .manual-toggle-slider:before {
  background-color: #818cf8;
  background-image: none;
}
html:not(.dark-theme) .manual-cross-ai-buttons {
  background-color: rgba(99, 102, 241, 0.06);
  background-image: none;
  border-color: rgba(99, 102, 241, 0.15);
}
html:not(.dark-theme) .manual-ai-btn.mini {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
  color: #3a3a3a;
}
html:not(.dark-theme) .manual-ai-btn.mini:hover {
  background-color: rgba(220, 38, 38, 0.18);
  background-image: none;
  border-color: rgba(220, 38, 38, 0.35);
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-ai-btn.mini.active {
  background-color: rgba(220, 38, 38, 0.24);
  background-image: none;
  border-color: rgba(220, 38, 38, 0.6);
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-response-area label {
  color: #656565;
}
html:not(.dark-theme) .manual-response-area textarea {
  background-color: #f3f4f6;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #2b2b2b;
  outline-color: currentcolor;
}
html:not(.dark-theme) .manual-actions {
  border-top-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .manual-actions button {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  background-image: none;
  color: #2b2b2b;
}
html:not(.dark-theme) .manual-actions button:hover {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.25);
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-actions button.primary {
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
  color: #fff;
}
html:not(.dark-theme) .manual-actions button.primary:hover {
  background-color: #b91c1c;
  background-image: none;
  border-color: #b91c1c;
}
html:not(.dark-theme) .manual-copy-btn {
  border-color: rgba(96, 165, 250, 0.3);
  background-color: rgba(96, 165, 250, 0.1);
  background-image: none;
  color: #0761d0;
}
html:not(.dark-theme) .manual-copy-btn:hover {
  background-color: rgba(96, 165, 250, 0.2);
  background-image: none;
  border-color: #60a5fa;
}
html:not(.dark-theme) .manual-selected-ai {
  background-color: rgba(96, 165, 250, 0.1);
  background-image: none;
  border-color: rgba(96, 165, 250, 0.3);
  color: #0761d0;
}
html:not(.dark-theme) .smart-preset-btn {
  border-color: #e0e0e0 !important;
  background-color: #f3f4f6 !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn:hover {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f9fafb !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn.selected {
  border-color: #dc2626 !important;
  background-color: rgba(220, 38, 38, 0.1) !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn.selected:hover {
  border-color: #ef4444 !important;
  background-color: rgba(220, 38, 38, 0.18) !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn--custom {
  border-color: rgba(220, 38, 38, 0.4) !important;
  background-color: #f3f4f6 !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn--custom:hover {
  border-color: rgba(220, 38, 38, 0.7) !important;
  background-color: rgba(220, 38, 38, 0.08) !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn--custom.selected {
  border-color: #dc2626 !important;
  background-color: rgba(220, 38, 38, 0.15) !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn--add {
  border-color: #cccccc !important;
  background-color: #f3f4f6 !important;
  background-image: none !important;
}
html:not(.dark-theme) .smart-preset-btn--add:hover {
  border-color: #dc2626 !important;
  background-color: rgba(220, 38, 38, 0.06) !important;
  background-image: none !important;
}
html:not(.dark-theme) #studioVoiceModal .voice-filter-btn.active,
html:not(.dark-theme) #studioVoiceModal .voice-modal-confirm,
html:not(.dark-theme) #studioVoiceModal .voice-play-btn,
html:not(.dark-theme) #studioVoiceModal .voice-tag.trained,
html:not(.dark-theme) #studioVoiceModal .voice-availability-status,
html:not(.dark-theme) #studioVoiceModal .voice-action-status {
  border-color: var(--voice-action-border) !important;
  background-color: var(--voice-action-background) !important;
  background-image: none !important;
  color: var(--voice-action-text) !important;
}
html:not(.dark-theme) #studioVoiceModal .voice-filter-btn.active:hover,
html:not(.dark-theme) #studioVoiceModal .voice-modal-confirm:hover,
html:not(.dark-theme) #studioVoiceModal .voice-play-btn:hover {
  border-color: transparent !important;
  background-color: var(--voice-action-hover-background) !important;
  background-image: none !important;
  color: var(--voice-action-text) !important;
}
html:not(.dark-theme) #studioVoiceModal .voice-filter-btn.active::before {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
html:not(.dark-theme) #studioVoiceModal .voice-availability-status {
  border-color: var(--voice-action-border);
}
html:not(.dark-theme) #studioVoiceModal .voice-action-status {
  border-color: var(--voice-action-border);
}
html:not(.dark-theme) #studioVoiceModal #studioQwen3RecordResult {
  background-color: var(--voice-action-soft-background) !important;
  background-image: none !important;
}
html:not(.dark-theme) #studioVoiceModal .voice-play-btn:disabled {
  border-color: #4b5563 !important;
  background-color: #4b5563 !important;
  background-image: none !important;
  color: #232323 !important;
}
html:not(.dark-theme) #studioVoiceModal .voice-play-btn.playing {
  background-color: #dc2626 !important;
  background-image: none !important;
}
html:not(.dark-theme) .voice-provider-toggle:focus-visible {
  outline-color: rgba(248, 113, 113, 0.8);
}
html:not(.dark-theme) .voice-provider-tab-scroll::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .voice-provider-tab:hover {
  color: #1a1a1a;
}
html:not(.dark-theme) .voice-provider-tab:focus-visible {
  outline-color: rgba(248, 113, 113, 0.75);
}
html:not(.dark-theme) .voice-provider-tab.active {
  box-shadow: 0 0 0 1px rgba(239, 43, 49, 0.55), 0 4px 14px rgba(229, 37, 42, 0.24);
}
html:not(.dark-theme) .voice-provider-tab.active .voice-provider-tab-logo {
  background-color: rgba(229, 37, 42, 0.2);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .voice-usecase-tab-scroll::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  background-image: none;
}
html:not(.dark-theme) .voice-usecase-reset {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .voice-usecase-reset:hover {
  border-color: #dc2626;
  color: #cf0707;
}
html:not(.dark-theme) .voice-character-frame {
  background-color: transparent;
  background-image: linear-gradient(135deg, #e3e9f0, #eceff7);
  border-color: rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .voice-character-frame .voice-character-fallback {
  color: #1a1a1a;
}
html:not(.dark-theme) .voice-preview-avatar.has-image {
  background-color: #eceff7;
  background-image: none;
}
html:not(.dark-theme) #studioVoiceModal .voice-item:not(.unavailable):hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
}
html:not(.dark-theme) #studioVoiceModal .voice-item.selected:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
}
html:not(.dark-theme) .stock-section-header {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .stock-sentence-count {
  color: #626b75;
}
html:not(.dark-theme) .stock-sentence-recommendations {
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}
html:not(.dark-theme) .stock-sentence-row {
  border-bottom-color: rgba(0, 0, 0, 0.07);
}
html:not(.dark-theme) .stock-sentence-row:last-child {
  border-bottom-color: currentcolor;
}
html:not(.dark-theme) .stock-sentence-row:hover {
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .stock-sentence-row.active {
  background-color: rgba(220, 38, 38, 0.09);
  background-image: none;
  box-shadow: inset 2px 0 #dc2626;
}
html:not(.dark-theme) .stock-sentence-number {
  color: #626b75;
}
html:not(.dark-theme) .stock-sentence-text {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .stock-sentence-keyword {
  color: #62a883;
}
html:not(.dark-theme) .stock-sentence-type-btn {
  border-color: #d3d6dc;
  background-color: #f9fafb;
  background-image: none;
  color: #5e6978;
}
html:not(.dark-theme) .stock-sentence-type-btn:hover:not(:disabled),
html:not(.dark-theme) .stock-sentence-type-btn.active {
  border-color: #dc2626;
  color: #1a1a1a;
}
html:not(.dark-theme) .stock-sentence-empty {
  color: #747474;
}
html:not(.dark-theme) .stock-bind-hint {
  color: #c8900e;
}
html:not(.dark-theme) .stock-result-item {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .stock-result-item .stock-badge {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.68);
  background-image: none;
}
html:not(.dark-theme) .stock-result-item .stock-credit {
  background-color: rgba(0, 0, 0, 0.55);
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .stock-status {
  color: var(--text-secondary, #484848);
}
html:not(.dark-theme) .stock-autofill-menu {
  background-color: #e0e6f4;
  background-image: none;
  border-color: #e0e0e0;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45);
}
html:not(.dark-theme) .stock-autofill-menu-item {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .stock-autofill-menu-item:hover {
  background-color: #e8e8f2;
  background-image: none;
  color: #0ea5e9;
}
html:not(.dark-theme) .media-input {
  border-color: #e0e0e0;
  background-color: #f9fafb;
  background-image: none;
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .tts-slot-add-popup .slot-add-input {
  border-color: #e0e0e0;
  background-color: #f9fafb;
  background-image: none;
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .tts-slot-add-popup .slot-add-pc {
  border-color: #e0e0e0;
  background-color: transparent;
  background-image: none;
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .tts-slot-add-popup .slot-add-auto {
  border-color: currentcolor;
  background-color: #dc2626;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .tts-slot-add-popup .slot-add-auto:hover {
  background-color: #b91c1c;
  background-image: none;
}
html:not(.dark-theme) .media-upload-item video {
  background-color: #000000;
  background-image: none;
}
html:not(.dark-theme) .media-upload-item.media-broken::before {
  color: #cc0a0a;
  background-color: rgba(127, 29, 29, 0.28);
  background-image: none;
}

/* ── studio-tts-multiselect.css ── */
html:not(.dark-theme) .tts-sentence-list:focus {
  outline-color: currentcolor;
}
html:not(.dark-theme) .tts-multi-select-handle::before {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-sentence-item:hover .tts-multi-select-handle,
html:not(.dark-theme) .tts-sentence-item.is-multi-selected .tts-multi-select-handle {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .tts-multi-select-handle:hover {
  background-color: transparent !important;
  background-image: none !important;
}
html:not(.dark-theme) .tts-sentence-item.is-multi-selected {
  background-color: transparent;
  background-image: none;
  border-color: color-mix(in srgb, var(--primary-color) 82%, white 8%);
  box-shadow: inset 4px 0 0 var(--primary-color),
    0 0 0 1px color-mix(in srgb, var(--primary-color) 30%, transparent);
}
html:not(.dark-theme) .tts-sentence-item.is-multi-selected:hover {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-selection-toolbar {
  border-color: currentcolor;
  background-color: #000000;
  background-image: none;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}
html:not(.dark-theme) .tts-sentence-selection-count {
  color: var(--text-secondary);
}
html:not(.dark-theme) .tts-sentence-selection-toolbar button {
  border-color: var(--border-color);
  background-color: var(--bg-tertiary);
  background-image: none;
  color: var(--text-primary);
}
html:not(.dark-theme) .tts-sentence-selection-toolbar button:hover {
  border-color: var(--primary-color);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-selection-toolbar button.is-danger {
  border-color: color-mix(in srgb, #ef4444 65%, var(--border-color));
  color: #cf0707;
}
html:not(.dark-theme) .tts-sentence-selection-toolbar button.is-danger:hover {
  background-color: rgba(239, 68, 68, 0.16);
  background-image: none;
}
html:not(.dark-theme) .tts-sentence-selection-toolbar button.is-clear {
  color: var(--text-secondary);
}

/* ── studio-download-ux.css ── */
html:not(.dark-theme) .studio-download-card {
  border-color: rgba(148, 163, 184, 0.24);
  background-color: rgba(236, 239, 246, 0.96);
  background-image: none;
  color: #1a1a1a;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(0, 0, 0, 0.05);
}
html:not(.dark-theme) .studio-download-card__icon {
  background-color: rgba(34, 197, 94, 0.16);
  background-image: none;
  color: #19bd54;
}
html:not(.dark-theme) .studio-download-card__name {
  color: #4e6888;
}
html:not(.dark-theme) .studio-download-card__meta {
  color: #556781;
}
html:not(.dark-theme) .studio-download-card__button,
html:not(.dark-theme) .studio-download-card__close {
  border-color: rgba(148, 163, 184, 0.28);
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #49668d;
}
html:not(.dark-theme) .studio-download-card__button:hover,
html:not(.dark-theme) .studio-download-card__close:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: none;
}
html:not(.dark-theme) .studio-render-complete-note {
  border-color: rgba(34, 197, 94, 0.28);
  background-color: rgba(34, 197, 94, 0.09);
  background-image: none;
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .studio-render-complete-note__check {
  background-color: #16a34a;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .studio-render-complete-note small {
  color: var(--text-tertiary, #556781);
}
html:not(.dark-theme) .studio-download-flyer {
  background-color: #2563eb;
  background-image: none;
  color: #fff;
  box-shadow: 0 14px 38px rgba(37, 99, 235, 0.42);
}
html:not(.dark-theme) .render-modal-overlay {
  background-color: rgba(243, 244, 246, 0.72);
  background-image: none;
}
html:not(.dark-theme) .render-modal {
  border-color: rgba(148, 163, 184, 0.18);
  background-color: transparent;
  background-image: linear-gradient(180deg, #edeff4 0%, #ffffff 100%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .render-modal__poster {
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .render-modal__poster-shade {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.82) 100%);
}
html:not(.dark-theme) .render-modal__percent {
  color: #1a1a1a;
}
html:not(.dark-theme) .render-modal__title {
  color: #1a1a1a;
}
html:not(.dark-theme) .render-modal__status {
  color: #556781;
}
html:not(.dark-theme) .render-modal__bar {
  background-color: rgba(148, 163, 184, 0.14);
  background-image: none;
}
html:not(.dark-theme) .render-modal__bar-fill {
  background-color: transparent;
  background-image: linear-gradient(90deg, #dc2626, #f97316);
}
html:not(.dark-theme) .render-btn {
  color: #49668d;
  background-color: rgba(148, 163, 184, 0.1);
  background-image: none;
  border-color: rgba(148, 163, 184, 0.22);
}
html:not(.dark-theme) .render-btn:hover {
  background-color: rgba(148, 163, 184, 0.18);
  background-image: none;
  border-color: rgba(148, 163, 184, 0.4);
}
html:not(.dark-theme) .render-btn--primary {
  color: #fff;
  background-color: #dc2626;
  background-image: none;
  border-color: #dc2626;
}
html:not(.dark-theme) .render-btn--primary:hover {
  background-color: #b91c1c;
  background-image: none;
  border-color: #b91c1c;
}
html:not(.dark-theme) .render-btn--ghost {
  background-color: transparent;
  background-image: none;
}

/* ── studio-claws.css ── */
html:not(.dark-theme) .claw-automation-confirm-overlay {
  background-color: rgba(243, 244, 246, 0.78);
  background-image: none;
}
html:not(.dark-theme) .claw-automation-confirm-modal {
  border-color: rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  background-image: none;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .claw-automation-confirm-modal .studio-modal-header h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .claw-automation-kicker {
  color: #c31322;
}
html:not(.dark-theme) .claw-automation-selected {
  border-color: rgba(0, 0, 0, 0.11);
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .claw-automation-avatar {
  border-color: rgba(100, 140, 255, 0.4);
  background-color: #d0d8ec;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .claw-automation-copy > span {
  color: #5f6777;
}
html:not(.dark-theme) .claw-automation-copy strong {
  color: #1a1a1a;
}
html:not(.dark-theme) .claw-automation-copy p {
  color: #5e6778;
}
html:not(.dark-theme) .claw-automation-meta span,
html:not(.dark-theme) .claw-automation-rules span {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #f9fafb;
  background-image: none;
  color: #5c677a;
}
html:not(.dark-theme) .claw-automation-rules span {
  color: #8e4851;
  border-color: rgba(239, 90, 103, 0.2);
  background-color: rgba(239, 90, 103, 0.07);
  background-image: none;
}
html:not(.dark-theme) .claw-automation-route {
  background-color: #ffffff;
  background-image: none;
  color: #1e1e1e;
}
html:not(.dark-theme) .claw-automation-route i {
  color: #666e7c;
}
html:not(.dark-theme) .claw-automation-note {
  color: #5f6777;
}
html:not(.dark-theme) .claw-automation-confirm-modal .claw-automation-confirm {
  background-color: #d93443;
  background-image: none;
  border-color: #e14755;
  color: #fff;
}
html:not(.dark-theme) .claw-automation-confirm-modal .claw-automation-confirm:hover {
  background-color: #e14150;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .script-claw-dock {
  border-bottom-color: rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .script-claw-dock-label {
  color: #4d4d4d;
}
html:not(.dark-theme) .script-claw-dock-kicker {
  color: #c90d1b;
}
html:not(.dark-theme) .script-claw-current {
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .script-claw-current:hover {
  border-color: rgba(255, 89, 100, 0.3);
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .script-claw-current:focus-visible,
html:not(.dark-theme) .script-claw-action:focus-visible {
  outline-color: rgba(255, 89, 100, 0.76);
}
html:not(.dark-theme) .script-claw-avatar {
  border-color: rgba(255, 255, 255, 0.12);
  color: #fff;
  background-color: #3558b5;
  background-image: none;
}
html:not(.dark-theme) .script-claw-copy small {
  color: #4d4d4d;
}
html:not(.dark-theme) .script-claw-meta {
  border-color: rgba(0, 0, 0, 0.09);
  color: #464646;
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .script-claw-change {
  color: #c21421;
  background-color: rgba(230, 59, 70, 0.1);
  background-image: none;
}
html:not(.dark-theme) .script-claw-action {
  border-color: transparent;
  color: #fff;
  background-color: #d83a47;
  background-image: none;
  box-shadow: none;
}
html:not(.dark-theme) .script-claw-action.secondary {
  color: #2e2e2e;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #f9fafb;
  background-image: none;
  box-shadow: none;
}
html:not(.dark-theme) .script-claw-impact {
  border-bottom-color: rgba(0, 0, 0, 0.09);
  color: #1f1f1f;
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .script-claw-impact-icon {
  border-color: rgba(244, 90, 101, 0.34);
  color: #d6000f;
  background-color: rgba(230, 59, 70, 0.1);
  background-image: none;
}
html:not(.dark-theme) .script-claw-impact-intro strong {
  color: #1a1a1a;
}
html:not(.dark-theme) .script-claw-impact-intro p,
html:not(.dark-theme) .script-claw-impact-grid p {
  color: #4d4d4d;
}
html:not(.dark-theme) .script-claw-flow > span {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.025);
  background-image: none;
}
html:not(.dark-theme) .script-claw-flow > span.accent {
  border-color: rgba(244, 90, 101, 0.28);
  background-color: rgba(230, 59, 70, 0.07);
  background-image: none;
}
html:not(.dark-theme) .script-claw-flow small,
html:not(.dark-theme) .script-claw-impact-grid > div > span {
  color: #595959;
}
html:not(.dark-theme) .script-claw-flow b {
  color: #202020;
}
html:not(.dark-theme) .script-claw-flow i {
  color: #8d8d8d;
}
html:not(.dark-theme) .script-claw-impact-grid > div {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: rgba(0, 0, 0, 0.033);
  background-image: none;
}
html:not(.dark-theme) .script-claw-impact-grid strong {
  color: #1a1a1a;
}
html:not(.dark-theme) .script-claw-rule-list > span,
html:not(.dark-theme) .manual-claw-rules > span {
  border-color: rgba(244, 90, 101, 0.18);
  color: #993d44;
  background-color: rgba(230, 59, 70, 0.065);
  background-image: none;
}
html:not(.dark-theme) .script-claw-impact-dismiss {
  border-color: currentcolor;
  color: #707070;
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .script-claw-impact-dismiss:hover {
  color: #242424;
}
html:not(.dark-theme) .manual-onboarding {
  color: #1a1a1a;
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .manual-onboarding-head > span,
html:not(.dark-theme) .manual-process-kicker {
  color: #c4121e;
}
html:not(.dark-theme) .manual-onboarding-head h2 {
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-onboarding-head p,
html:not(.dark-theme) .manual-ai-choice-head p,
html:not(.dark-theme) .manual-auto-start p {
  color: #494949;
}
html:not(.dark-theme) .manual-claw-summary,
html:not(.dark-theme) .manual-process-card,
html:not(.dark-theme) .manual-ai-choice,
html:not(.dark-theme) .manual-auto-start {
  border-color: rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .manual-claw-summary {
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .manual-claw-avatar {
  border-color: rgba(0, 0, 0, 0.13);
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-claw-summary-head small {
  color: #555555;
}
html:not(.dark-theme) .manual-claw-summary-head h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) .manual-claw-summary-head p {
  color: #464646;
}
html:not(.dark-theme) .manual-claw-badges > span {
  border-color: rgba(0, 0, 0, 0.09);
  color: #373737;
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
}
html:not(.dark-theme) .manual-claw-summary-actions button {
  border-color: rgba(0, 0, 0, 0.1);
  color: #343434;
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .manual-claw-summary-actions button:hover {
  color: #1a1a1a;
  border-color: rgba(244, 90, 101, 0.3);
}
html:not(.dark-theme) .manual-process-card li::before {
  color: #c6101d;
  background-color: rgba(230, 59, 70, 0.09);
  background-image: none;
}
html:not(.dark-theme) .manual-process-card li b {
  color: #1f1f1f;
}
html:not(.dark-theme) .manual-process-card li small {
  color: #595959;
}
html:not(.dark-theme) .manual-source-status {
  border-color: rgba(0, 0, 0, 0.09);
}
html:not(.dark-theme) .manual-source-status.missing {
  border-color: rgba(232, 164, 62, 0.22);
  background-color: rgba(232, 164, 62, 0.055);
  background-image: none;
}
html:not(.dark-theme) .manual-source-status.ready {
  border-color: rgba(66, 199, 136, 0.2);
  background-color: rgba(66, 199, 136, 0.05);
  background-image: none;
}
html:not(.dark-theme) .manual-source-status-icon {
  color: #c47c12;
  background-color: rgba(232, 164, 62, 0.11);
  background-image: none;
}
html:not(.dark-theme) .manual-source-status.ready .manual-source-status-icon {
  color: #2caa6d;
  background-color: rgba(66, 199, 136, 0.1);
  background-image: none;
}
html:not(.dark-theme) .manual-source-status strong {
  color: #1d1d1d;
}
html:not(.dark-theme) .manual-source-status p {
  color: #505050;
}
html:not(.dark-theme) .manual-source-status button,
html:not(.dark-theme) .manual-auto-start button {
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  background-color: rgba(0, 0, 0, 0.055);
  background-image: none;
}
html:not(.dark-theme) .manual-ai-choice-head > span {
  color: #c6101d;
  background-color: rgba(230, 59, 70, 0.09);
  background-image: none;
}
html:not(.dark-theme) .manual-ai-choice-head h3 {
  color: #1a1a1a;
}
html:not(.dark-theme) #manualGuideArea .manual-ai-btn {
  border-color: rgba(0, 0, 0, 0.1);
  color: #202020;
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) #manualGuideArea .manual-ai-btn small {
  color: #555555;
}
html:not(.dark-theme) #manualGuideArea .manual-ai-btn:hover:not(:disabled) {
  border-color: rgba(244, 90, 101, 0.32);
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .manual-auto-start strong {
  color: #1f1f1f;
}
html:not(.dark-theme) .manual-auto-start button {
  border-color: rgba(244, 90, 101, 0.28);
  background-color: #c93441;
  background-image: none;
}
html:not(.dark-theme) .script-mode-toggle button small {
  color: #737373;
}
html:not(.dark-theme) .script-mode-toggle button.active small {
  color: #464646;
}
html:not(.dark-theme) #panel-script .manual-stepper-header,
html:not(.dark-theme) #panel-script .pipeline-stepper-header {
  color: #1a1a1a;
}
html:not(.dark-theme) #panel-script .manual-step-desc,
html:not(.dark-theme) #panel-script .pipeline-step-desc {
  color: #4c4c4c;
}
html:not(.dark-theme) #panel-script .manual-response-area label,
html:not(.dark-theme) #panel-script .pipeline-prompt-area label,
html:not(.dark-theme) #panel-script .pipeline-output-area label,
html:not(.dark-theme) #panel-script .pipeline-review-area .review-col label,
html:not(.dark-theme) #panel-script .auto-handoff-field-label {
  color: #4c4c4c;
}
html:not(.dark-theme) .script-claw-workspace {
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .claws-overlay-backdrop {
  border-color: currentcolor;
  background-color: rgba(0, 0, 0, 0.72);
  background-image: none;
}
html:not(.dark-theme) .claws-overlay-dialog {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #f3f4f6;
  background-image: none;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.56);
}
html:not(.dark-theme) .claws-overlay-close {
  border-color: rgba(0, 0, 0, 0.12);
  color: #454545;
  background-color: rgba(255, 255, 255, 0.78);
  background-image: none;
}
html:not(.dark-theme) .claws-overlay-close:hover {
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.22);
  background-color: #f3f4f6;
  background-image: none;
}
html:not(.dark-theme) .claws-root {
  --claw-bg: #f3f4f6;
  --claw-panel: #ffffff;
  --claw-panel-2: #f9fafb;
  --claw-panel-3: #f3f4f6;
  --claw-text: #1a1a1a;
  --claw-muted: #494949;
  --claw-faint: #9ca3af;
  --claw-line: rgba(0, 0, 0, 0.09);
  --claw-line-strong: rgba(0, 0, 0, 0.16);
  --claw-accent: #e63b46;
  --claw-accent-bright: #ff5964;
  --claw-accent-soft: rgba(230, 59, 70, 0.13);
  --claw-good: #42c788;
  color: var(--claw-text);
  background-color: transparent;
  background-image: radial-gradient(circle at 72% -8%, rgba(128, 50, 55, 0.16), transparent 31rem), linear-gradient(180deg, #ffffff 0%, var(--claw-bg) 34rem);
  scrollbar-color: #aaaaaa transparent;
}
html:not(.dark-theme) .claws-brand-mark {
  border-color: rgba(255, 255, 255, 0.12);
  color: #fff;
  background-color: transparent;
  background-image: linear-gradient(145deg, rgba(0, 0, 0, 0.12), transparent 42%), linear-gradient(145deg, #f04b55, #8c1523);
  box-shadow: 0 20px 48px rgba(112, 15, 27, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.23);
}
html:not(.dark-theme) .claws-eyebrow,
html:not(.dark-theme) .claws-section-kicker {
  color: var(--claw-accent-bright);
}
html:not(.dark-theme) .claws-brand p {
  color: var(--claw-muted);
}
html:not(.dark-theme) .claws-new-btn,
html:not(.dark-theme) .claw-btn.primary {
  color: #fff;
  border-color: transparent;
  background-color: #df3d4a;
  background-image: none;
  box-shadow: none;
}
html:not(.dark-theme) .claws-new-btn {
  border-color: currentcolor;
}
html:not(.dark-theme) .claws-new-btn:focus-visible,
html:not(.dark-theme) .claws-tab:focus-visible,
html:not(.dark-theme) .claws-search:focus-within,
html:not(.dark-theme) .claw-btn:focus-visible,
html:not(.dark-theme) .claws-quiet-btn:focus-visible,
html:not(.dark-theme) .claw-card:focus-visible,
html:not(.dark-theme) .claw-row:focus-visible {
  outline-color: rgba(255, 89, 100, 0.82);
}
html:not(.dark-theme) .claws-toolbar {
  border-color: var(--claw-line);
  background-color: rgba(255, 255, 255, 0.82);
  background-image: none;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.17);
}
html:not(.dark-theme) .claws-tab {
  border-color: currentcolor;
  color: var(--claw-muted);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .claws-tab:hover {
  color: var(--claw-text);
  background-color: rgba(0, 0, 0, 0.045);
  background-image: none;
}
html:not(.dark-theme) .claws-tab.active {
  color: #1a1a1a;
  background-color: var(--claw-panel-3);
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06), 0 5px 12px rgba(0, 0, 0, 0.18);
}
html:not(.dark-theme) .claws-tab-count {
  color: var(--claw-faint);
  background-color: rgba(0, 0, 0, 0.065);
  background-image: none;
}
html:not(.dark-theme) .claws-tab.active .claws-tab-count {
  color: #aa2d38;
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claws-search {
  border-color: transparent;
  color: var(--claw-faint);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .claws-search:focus-within {
  border-color: rgba(255, 89, 100, 0.5);
  box-shadow: 0 0 0 3px rgba(230, 59, 70, 0.09);
}
html:not(.dark-theme) .claws-search input {
  border-color: currentcolor;
  outline-color: currentcolor;
  color: var(--claw-text);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .claws-search input::placeholder {
  color: #7f7f7f;
}
html:not(.dark-theme) .claws-feature-intro h2,
html:not(.dark-theme) .claws-section-head h2 {
  color: var(--claw-text);
}
html:not(.dark-theme) .claws-feature-intro p,
html:not(.dark-theme) .claws-section-head p {
  color: var(--claw-muted);
}
html:not(.dark-theme) .claws-feature-meta {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claws-feature-meta span {
  color: var(--claw-text);
}
html:not(.dark-theme) .claws-quiet-btn {
  border-color: var(--claw-line-strong);
  color: var(--claw-text);
  background-color: var(--claw-panel-2);
  background-image: none;
}
html:not(.dark-theme) .claw-card {
  border-color: var(--claw-line);
  color: inherit;
  background-color: var(--claw-panel);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.025), transparent 50%), none;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}
html:not(.dark-theme) .claw-card:hover {
  border-color: color-mix(in srgb, var(--card-accent) 48%, var(--claw-line));
  box-shadow: 0 24px 46px rgba(0, 0, 0, 0.28);
}
html:not(.dark-theme) .claw-poster,
html:not(.dark-theme) .claw-thumb {
  border-bottom-color: var(--claw-line);
  background-color: transparent;
  background-image: radial-gradient(125% 130% at 90% 116%, color-mix(in srgb, var(--card-accent) 30%, transparent), transparent 60%), linear-gradient(158deg, #f9fafb 0%, #ffffff 58%, #ffffff 100%);
}
html:not(.dark-theme) .claw-poster.has-img::after,
html:not(.dark-theme) .claw-thumb::after {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(243, 244, 246, 0.2) 0%, transparent 32%, rgba(243, 244, 246, 0.66) 100%);
}
html:not(.dark-theme) .claw-poster-scratch {
  background-image: repeating-linear-gradient(122deg, transparent 0 25px, color-mix(in srgb, var(--card-accent) 14%, rgba(0, 0, 0, 0.05)) 25px 26px);
}
html:not(.dark-theme) .claw-poster-art {
  color: color-mix(in srgb, var(--card-accent) 88%, #1a1a1a 6%);
}
html:not(.dark-theme) .claw-poster-no {
  color: color-mix(in srgb, var(--card-accent) 70%, #1a1a1a 24%);
}
html:not(.dark-theme) .claw-poster-no::before {
  background-color: var(--card-accent);
  background-image: none;
}
html:not(.dark-theme) .claw-poster-kicker {
  color: rgba(26, 26, 26, 0.46);
}
html:not(.dark-theme) .claw-steps-badge {
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(26, 26, 26, 0.82);
  background-color: rgba(243, 244, 246, 0.42);
  background-image: none;
}
html:not(.dark-theme) .claw-card-meta {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-card-meta .verified {
  color: #1a1a1a;
  background-color: var(--claw-accent);
  background-image: none;
}
html:not(.dark-theme) .claw-name {
  color: var(--claw-text);
}
html:not(.dark-theme) .claw-desc {
  color: var(--claw-muted);
}
html:not(.dark-theme) .claw-card-routing {
  border-top-color: var(--claw-line);
}
html:not(.dark-theme) .claw-card-routing > span {
  color: var(--claw-faint);
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .claw-card-op button,
html:not(.dark-theme) .claw-icon-btn {
  border-color: var(--claw-line);
  color: var(--claw-muted);
  background-color: rgba(243, 244, 246, 0.78);
  background-image: none;
}
html:not(.dark-theme) .claw-card-op button:hover,
html:not(.dark-theme) .claw-icon-btn:hover {
  color: #1a1a1a;
  border-color: var(--claw-line-strong);
  background-color: var(--claw-panel-3);
  background-image: none;
}
html:not(.dark-theme) .claw-row {
  border-color: var(--claw-line);
  color: inherit;
  background-color: var(--claw-panel);
  background-image: none;
}
html:not(.dark-theme) .claw-row:hover {
  border-color: var(--claw-line-strong);
  background-color: var(--claw-panel-2);
  background-image: none;
}
html:not(.dark-theme) .claw-row-icon,
html:not(.dark-theme) .claw-preview-avatar {
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.16);
}
html:not(.dark-theme) .claw-pill {
  border-color: var(--claw-line);
  color: var(--claw-faint);
  background-color: rgba(0, 0, 0, 0.025);
  background-image: none;
}
html:not(.dark-theme) .claw-run-btn {
  border-color: rgba(230, 59, 70, 0.28);
  color: #1a1a1a;
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claw-run-btn:hover {
  border-color: rgba(255, 89, 100, 0.52);
  background-color: rgba(230, 59, 70, 0.2);
  background-image: none;
}
html:not(.dark-theme) .claws-empty {
  border-color: var(--claw-line-strong);
  color: var(--claw-muted);
  background-color: rgba(0, 0, 0, 0.015);
  background-image: none;
}
html:not(.dark-theme) .claws-empty-icon {
  border-color: var(--claw-line);
  color: var(--claw-accent-bright);
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claws-empty h3 {
  color: var(--claw-text);
}
html:not(.dark-theme) .claws-skeleton {
  border-color: var(--claw-line);
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--claw-panel) 20%, var(--claw-panel-2) 50%, var(--claw-panel) 80%);
}
html:not(.dark-theme) .claw-hover-tip {
  border-color: rgba(0, 0, 0, 0.14);
  color: var(--claw-text, #1a1a1a);
  background-color: transparent;
  background-image: radial-gradient(120% 80% at 100% 0%, rgba(220, 59, 69, 0.14), transparent 60%), linear-gradient(180deg, #f9fafb, #ffffff);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 2px 0 rgba(0, 0, 0, 0.04) inset;
  scrollbar-color: #a4a4a4 transparent;
}
html:not(.dark-theme) .claw-tip-head {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .claw-tip-kicker {
  color: #d6000f;
}
html:not(.dark-theme) .claw-tip-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .claw-tip-badge {
  border-color: rgba(0, 0, 0, 0.11);
  color: #2b2b2b;
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .claw-tip-summary {
  color: #393939;
}
html:not(.dark-theme) .claw-tip-rules span {
  border-color: rgba(230, 59, 70, 0.22);
  color: #9e3840;
  background-color: rgba(230, 59, 70, 0.08);
  background-image: none;
}
html:not(.dark-theme) .claw-tip-steps-title {
  color: #5c5c5c;
}
html:not(.dark-theme) .claw-tip-step::before {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(230, 59, 70, 0.4), rgba(0, 0, 0, 0.06));
}
html:not(.dark-theme) .claw-tip-step-no {
  border-color: rgba(230, 59, 70, 0.4);
  color: #d6000f;
  background-color: rgba(230, 59, 70, 0.1);
  background-image: none;
}
html:not(.dark-theme) .claw-tip-step strong {
  color: #1a1a1a;
}
html:not(.dark-theme) .claw-tip-step p {
  color: #525252;
}
html:not(.dark-theme) .claw-tip-output {
  border-top-color: rgba(0, 0, 0, 0.08);
  color: #5b5b5b;
}
html:not(.dark-theme) .claw-tip-output span {
  color: #d6000f;
}
html:not(.dark-theme) .claw-builder-head {
  border-bottom-color: var(--claw-line);
  background-color: rgba(243, 244, 246, 0.9);
  background-image: none;
}
html:not(.dark-theme) .claw-back-btn {
  border-color: var(--claw-line);
  color: var(--claw-muted);
  background-color: var(--claw-panel);
  background-image: none;
}
html:not(.dark-theme) .claw-builder-head h2 {
  color: var(--claw-text);
}
html:not(.dark-theme) .claw-builder-head p {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-btn {
  border-color: var(--claw-line-strong);
  color: var(--claw-text);
  background-color: var(--claw-panel-2);
  background-image: none;
}
html:not(.dark-theme) .claw-btn:hover {
  border-color: rgba(0, 0, 0, 0.23);
  background-color: var(--claw-panel-3);
  background-image: none;
}
html:not(.dark-theme) .claw-builder-editor,
html:not(.dark-theme) .claw-run-main,
html:not(.dark-theme) .claw-run-sidebar {
  border-color: var(--claw-line);
  background-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.16);
}
html:not(.dark-theme) .claw-preview-eyebrow {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-card.is-preview {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
html:not(.dark-theme) .claw-card.is-preview:hover {
  border-color: color-mix(in srgb, var(--card-accent) 40%, var(--claw-line));
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
html:not(.dark-theme) .claw-preview-prompt-box {
  border-color: var(--claw-line);
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
}
html:not(.dark-theme) .claw-preview-prompt-label {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-panel-section + .claw-panel-section {
  border-top-color: var(--claw-line);
}
html:not(.dark-theme) .claw-panel-section-head h3 {
  color: var(--claw-text);
}
html:not(.dark-theme) .claw-panel-section-head p {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-field label {
  color: #2e2e2e;
}
html:not(.dark-theme) .claw-field-note {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-field-help {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-input,
html:not(.dark-theme) .claw-textarea,
html:not(.dark-theme) .claw-select {
  border-color: var(--claw-line-strong);
  outline-color: currentcolor;
  color: var(--claw-text);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .claw-input::placeholder,
html:not(.dark-theme) .claw-textarea::placeholder {
  color: #8d8d8d;
}
html:not(.dark-theme) .claw-input:focus,
html:not(.dark-theme) .claw-textarea:focus,
html:not(.dark-theme) .claw-select:focus {
  border-color: rgba(255, 89, 100, 0.6);
  background-color: #f3f4f6;
  background-image: none;
  box-shadow: 0 0 0 3px rgba(230, 59, 70, 0.09);
}
html:not(.dark-theme) .claw-starter {
  border-color: var(--claw-line);
  color: var(--claw-muted);
  background-color: rgba(0, 0, 0, 0.025);
  background-image: none;
}
html:not(.dark-theme) .claw-starter:hover {
  color: #1a1a1a;
  border-color: rgba(255, 89, 100, 0.34);
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claw-step {
  border-color: var(--claw-line);
  background-color: rgba(0, 0, 0, 0.018);
  background-image: none;
}
html:not(.dark-theme) .claw-step-num {
  color: var(--claw-accent-bright);
}
html:not(.dark-theme) .claw-step-move button {
  border-color: currentcolor;
  color: var(--claw-faint);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .claw-step-move button:hover {
  color: #1a1a1a;
  background-color: var(--claw-panel-3);
  background-image: none;
}
html:not(.dark-theme) .claw-add-step {
  border-color: var(--claw-line-strong);
  color: var(--claw-muted);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .claw-add-step:hover {
  color: #1a1a1a;
  border-color: rgba(255, 89, 100, 0.45);
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claw-preview-prompt {
  color: #383838;
  scrollbar-color: #a4a4a4 transparent;
}
html:not(.dark-theme) .claw-preview-hint {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-preview-hint span:first-child {
  color: var(--claw-accent-bright);
}
html:not(.dark-theme) .claw-op-panel {
  border-color: rgba(255, 89, 100, 0.25);
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claw-op-head {
  color: var(--claw-accent-bright);
}
html:not(.dark-theme) .claw-check {
  color: var(--claw-text);
}
html:not(.dark-theme) .claw-thumb-preview {
  border-color: var(--claw-line);
  color: var(--claw-faint);
  background-color: #ffffff;
  background-image: none;
}
html:not(.dark-theme) .claw-op-hint {
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-runner .claw-builder-head p {
  color: var(--claw-muted);
}
html:not(.dark-theme) .claw-run-side-title {
  color: var(--claw-muted);
}
html:not(.dark-theme) .claw-run-chip {
  border-color: transparent;
  color: var(--claw-muted);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .claw-run-chip:hover {
  color: #1a1a1a;
  background-color: rgba(0, 0, 0, 0.035);
  background-image: none;
}
html:not(.dark-theme) .claw-run-chip.active {
  color: #1a1a1a;
  border-color: rgba(255, 89, 100, 0.22);
  background-color: var(--claw-accent-soft);
  background-image: none;
}
html:not(.dark-theme) .claw-run-chip.done {
  color: #50866b;
}
html:not(.dark-theme) .claw-run-chip-index {
  border-color: var(--claw-line);
  color: var(--claw-faint);
}
html:not(.dark-theme) .claw-run-chip.active .claw-run-chip-index {
  color: #1a1a1a;
  border-color: var(--claw-accent);
  background-color: var(--claw-accent);
  background-image: none;
}
html:not(.dark-theme) .claw-run-chip.done .claw-run-chip-index {
  color: #07160f;
  border-color: var(--claw-good);
  background-color: var(--claw-good);
  background-image: none;
}
html:not(.dark-theme) .claw-run-progress {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .claw-run-progress span {
  background-color: var(--claw-accent);
  background-image: none;
}
html:not(.dark-theme) .claw-run-step-head h3 {
  color: var(--claw-text);
}
html:not(.dark-theme) .claw-run-instr {
  border-left-color: var(--claw-accent);
  color: #303030;
  background-color: #f9fafb;
  background-image: none;
}
html:not(.dark-theme) .claw-run-format {
  border-color: rgba(244, 90, 101, 0.2);
  color: #993d44;
  background-color: rgba(230, 59, 70, 0.065);
  background-image: none;
}
html:not(.dark-theme) .claws-persona-row.is-active {
  border-color: var(--claw-line-strong);
  background-color: var(--claw-panel-2);
  background-image: none;
}
html:not(.dark-theme) .claws-persona-icon {
  background-color: transparent;
  background-image: linear-gradient(145deg, #3f4d6b, #f9fafb);
}
html:not(.dark-theme) .claws-persona-active-tag {
  border-color: var(--claw-line-strong);
}
html:not(.dark-theme) .claws-persona-back {
  border-color: var(--claw-line);
  color: var(--claw-text);
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .claws-persona-back:hover {
  border-color: var(--claw-line-strong);
  background-color: var(--claw-panel-2);
  background-image: none;
}
html:not(.dark-theme) .claws-persona-fact {
  border-color: var(--claw-line);
  background-color: var(--claw-panel);
  background-image: none;
}
html:not(.dark-theme) .claws-persona-axis {
  border-color: var(--claw-line);
  background-color: var(--claw-panel);
  background-image: none;
}
html:not(.dark-theme) .claws-persona-axis-no {
  border-color: var(--claw-line-strong);
}

/* ── channel-persona.css ── */
html:not(.dark-theme) .channel-selector-btn {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #1a1a1a;
}
html:not(.dark-theme) .channel-selector-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .channel-label {
  color: #656565;
}
html:not(.dark-theme) .channel-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .channel-chevron {
  color: #656565;
}
html:not(.dark-theme) .channel-chevron-text {
  color: #656565;
}
html:not(.dark-theme) .channel-dropdown {
  background-color: #f9fafb;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
}
html:not(.dark-theme) .channel-dropdown-header {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .dropdown-section-title {
  color: #656565;
}
html:not(.dark-theme) .channel-count {
  color: #828282;
}
html:not(.dark-theme) .channel-item {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #2b2b2b;
}
html:not(.dark-theme) .channel-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
}
html:not(.dark-theme) .channel-item-marker {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .channel-item-row.is-active .channel-item-marker {
  background-color: #2563eb;
  background-image: none;
}
html:not(.dark-theme) .channel-item-row.is-active .channel-item {
  background-color: rgba(37, 99, 235, 0.08);
  background-image: none;
}
html:not(.dark-theme) .channel-item-row.is-active .channel-item-name {
  color: #0465d2;
}
html:not(.dark-theme) .channel-item-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .channel-item-desc {
  color: #656565;
}
html:not(.dark-theme) .channel-item-check {
  background-color: rgba(37, 99, 235, 0.18);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
  color: #0465d2;
}
html:not(.dark-theme) .channel-dropdown-divider {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .channel-action-btn {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #484848;
}
html:not(.dark-theme) .channel-action-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-modal-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
}
html:not(.dark-theme) .cp-modal {
  background-color: transparent;
  background-image: linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
}
html:not(.dark-theme) .cp-modal-header {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .cp-header-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-header-subtitle {
  color: #656565;
}
html:not(.dark-theme) .cp-close-btn {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #656565;
}
html:not(.dark-theme) .cp-close-btn:hover {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-progress-wrap {
  border-bottom-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .cp-progress-bar {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .cp-progress-fill {
  background-color: transparent;
  background-image: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
}
html:not(.dark-theme) .cp-progress-info {
  color: #656565;
}
html:not(.dark-theme) .cp-axis-bar {
  border-bottom-color: rgba(0, 0, 0, 0.04);
}
html:not(.dark-theme) .cp-axis-dot {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
  color: #828282;
}
html:not(.dark-theme) .cp-axis-dot.active {
  background-color: rgba(37, 99, 235, 0.2);
  background-image: none;
  border-color: #2563eb;
  color: #0465d2;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}
html:not(.dark-theme) .cp-axis-dot.done {
  background-color: rgba(34, 197, 94, 0.12);
  background-image: none;
  border-color: rgba(34, 197, 94, 0.4);
  color: #21b557;
}
html:not(.dark-theme) .cp-intro-hero h2 {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-intro-desc {
  color: #484848;
}
html:not(.dark-theme) .cp-intro-card {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
}
html:not(.dark-theme) .cp-intro-card:hover {
  background-color: rgba(37, 99, 235, 0.08);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
}
html:not(.dark-theme) .cp-intro-card h4 {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-intro-card p {
  color: #575757;
}
html:not(.dark-theme) .cp-recommended-badge {
  background-color: rgba(37, 99, 235, 0.2);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
  color: #0761d0;
}
html:not(.dark-theme) .cp-intro-footer {
  background-color: rgba(245, 158, 11, 0.08);
  background-image: none;
  border-color: rgba(245, 158, 11, 0.2);
  color: #d29904;
}
html:not(.dark-theme) .cp-axis-badge {
  background-color: rgba(37, 99, 235, 0.12);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.3);
  color: #0465d2;
}
html:not(.dark-theme) .cp-question-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-question-help {
  color: #575757;
}
html:not(.dark-theme) .cp-textarea {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-textarea:focus {
  outline-color: currentcolor;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
html:not(.dark-theme) .cp-input {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-input:focus {
  outline-color: currentcolor;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
html:not(.dark-theme) .cp-answer-meta {
  color: #828282;
}
html:not(.dark-theme) .cp-ai-thinking {
  color: #0761d0;
}
html:not(.dark-theme) .cp-spinner {
  border-color: rgba(96, 165, 250, 0.3);
  border-top-color: #60a5fa;
}
html:not(.dark-theme) .cp-followup-block {
  background-color: rgba(37, 99, 235, 0.05);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.2);
}
html:not(.dark-theme) .cp-followup-block summary {
  color: #0465d2;
}
html:not(.dark-theme) .cp-followup-question {
  color: #2b2b2b;
}
html:not(.dark-theme) .cp-tip-box {
  background-color: rgba(245, 158, 11, 0.08);
  background-image: none;
  border-color: rgba(245, 158, 11, 0.2);
  color: #d29904;
}
html:not(.dark-theme) .cp-preview-hero h2 {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-preview-desc {
  color: #484848;
}
html:not(.dark-theme) .cp-preview-card {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .cp-preview-card:hover {
  border-color: rgba(37, 99, 235, 0.4);
}
html:not(.dark-theme) .cp-preview-card-name {
  color: #0465d2;
}
html:not(.dark-theme) .cp-preview-card-body {
  color: #1d1d1d;
  outline-color: currentcolor;
}
html:not(.dark-theme) .cp-preview-card-body:focus {
  background-color: rgba(37, 99, 235, 0.08);
  background-image: none;
}
html:not(.dark-theme) .cp-voice-empty {
  border-color: rgba(0, 0, 0, 0.16);
  color: #606876;
}
html:not(.dark-theme) .cp-voice-chosen {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .cp-voice-chosen-badge {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  color: #4e6888;
}
html:not(.dark-theme) .cp-voice-chosen-badge.primary {
  background-color: #2563eb;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .cp-voice-chosen-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-voice-chosen-play {
  border-color: rgba(0, 0, 0, 0.14);
  background-color: transparent;
  background-image: none;
  color: #4e6888;
}
html:not(.dark-theme) .cp-voice-chosen-play:hover {
  border-color: #2563eb;
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-voice-chosen-play.playing {
  background-color: #2563eb;
  background-image: none;
  border-color: #2563eb;
  color: #fff;
}
html:not(.dark-theme) .cp-voice-chosen-remove {
  border-color: currentcolor;
  background-color: transparent;
  background-image: none;
  color: #606876;
}
html:not(.dark-theme) .cp-voice-chosen-remove:hover {
  background-color: rgba(239, 68, 68, 0.15);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .cp-voice-card {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .cp-voice-card:hover {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .cp-voice-card.selected {
  background-color: rgba(37, 99, 235, 0.12);
  background-image: none;
  border-color: #2563eb;
}
html:not(.dark-theme) .cp-voice-card-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-voice-tag.free {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #21b557;
}
html:not(.dark-theme) .cp-voice-tag.paid {
  background-color: rgba(245, 158, 11, 0.15);
  background-image: none;
  color: #d29904;
}
html:not(.dark-theme) .cp-voice-card-desc {
  color: #575757;
}
html:not(.dark-theme) .cp-voice-play-btn {
  background-color: rgba(37, 99, 235, 0.15);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
  color: #0761d0;
}
html:not(.dark-theme) .cp-voice-play-btn:hover {
  background-color: rgba(37, 99, 235, 0.25);
  background-image: none;
}
html:not(.dark-theme) .cp-link-btn {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: #0761d0;
}
html:not(.dark-theme) .cp-empty-state {
  color: #656565;
}
html:not(.dark-theme) .cp-modal-footer {
  border-top-color: rgba(0, 0, 0, 0.06);
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
}
html:not(.dark-theme) .cp-btn {
  border-color: transparent;
}
html:not(.dark-theme) .cp-btn-ghost {
  background-color: transparent;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #2b2b2b;
}
html:not(.dark-theme) .cp-btn-ghost:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-btn-primary {
  background-color: #2563eb;
  background-image: none;
  color: #fff;
}
html:not(.dark-theme) .cp-btn-primary:hover {
  background-color: #1d4ed8;
  background-image: none;
}
html:not(.dark-theme) .cp-btn-danger {
  background-color: transparent;
  background-image: none;
  border-color: rgba(239, 68, 68, 0.3);
  color: #cc0a0a;
}
html:not(.dark-theme) .cp-btn-danger:hover {
  background-color: rgba(239, 68, 68, 0.1);
  background-image: none;
}
html:not(.dark-theme) .cp-manager-item {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .cp-manager-name {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-manager-desc {
  color: #656565;
}
html:not(.dark-theme) .cp-active-tag {
  background-color: rgba(34, 197, 94, 0.15);
  background-image: none;
  color: #21b557;
}
html:not(.dark-theme) .cp-empty-hint {
  color: #656565;
}
html:not(.dark-theme) .cp-resume-banner {
  background-color: rgba(245, 158, 11, 0.1);
  background-image: none;
  border-color: rgba(245, 158, 11, 0.3);
}
html:not(.dark-theme) .cp-resume-title {
  color: #d29904;
}
html:not(.dark-theme) .cp-resume-desc {
  color: #484848;
}
html:not(.dark-theme) .cp-channel-name-block {
  background-color: rgba(37, 99, 235, 0.05);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.25);
}
html:not(.dark-theme) .cp-name-label {
  color: #0465d2;
}
html:not(.dark-theme) .cp-required {
  color: #cc0a0a;
}
html:not(.dark-theme) .cp-name-hint {
  color: #656565;
}
html:not(.dark-theme) .channel-item-action-btn {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  color: #656565;
}
html:not(.dark-theme) .channel-item-action-btn:hover {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .channel-item-action-btn.danger:hover {
  background-color: rgba(239, 68, 68, 0.12);
  background-image: none;
  color: #cc0a0a;
}
html:not(.dark-theme) .channel-item-action-divider {
  color: #9f9f9f;
}
html:not(.dark-theme) .cp-action-plus {
  background-color: rgba(37, 99, 235, 0.2);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
  color: #0761d0;
}
html:not(.dark-theme) .channel-action-add:hover .cp-action-plus {
  background-color: rgba(37, 99, 235, 0.3);
  background-image: none;
  color: #1a1a1a;
}
html:not(.dark-theme) .pbw-title {
  color: #1a1a1a;
}
html:not(.dark-theme) .pbw-hint {
  color: #656565;
}
html:not(.dark-theme) .pbw-slot-title {
  color: #0465d2;
}
html:not(.dark-theme) .pbw-slot-count {
  color: #656565;
}
html:not(.dark-theme) .pbw-option {
  background-color: rgba(0, 0, 0, 0.04);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #2b2b2b;
}
html:not(.dark-theme) .pbw-option:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.2);
}
html:not(.dark-theme) .pbw-option.is-selected {
  background-color: rgba(37, 99, 235, 0.2);
  background-image: none;
  border-color: #2563eb;
  color: #1a1a1a;
}
html:not(.dark-theme) .pbw-selected-bar {
  background-color: rgba(37, 99, 235, 0.06);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.2);
}
html:not(.dark-theme) .pbw-chip {
  background-color: rgba(37, 99, 235, 0.18);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
  color: #0465d2;
}
html:not(.dark-theme) .pbw-chip-x {
  color: #0465d2;
}
html:not(.dark-theme) .pbw-freetext-label {
  color: #484848;
}
html:not(.dark-theme) .pbw-freetext {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
}
html:not(.dark-theme) .pbw-warning {
  background-color: rgba(245, 158, 11, 0.1);
  background-image: none;
  border-color: rgba(245, 158, 11, 0.3);
  color: #d29904;
}
html:not(.dark-theme) .pbw-footer {
  border-top-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .cp-upload-zone {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .cp-upload-zone:hover {
  background-color: rgba(37, 99, 235, 0.05);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.4);
}
html:not(.dark-theme) .cp-upload-zone.has-file {
  background-color: rgba(34, 197, 94, 0.05);
  background-image: none;
  border-color: rgba(34, 197, 94, 0.4);
}
html:not(.dark-theme) .cp-upload-icon {
  color: #656565;
}
html:not(.dark-theme) .cp-upload-zone.has-file .cp-upload-icon {
  color: #21b557;
}
html:not(.dark-theme) .cp-upload-text {
  color: #2b2b2b;
}
html:not(.dark-theme) .cp-upload-hint {
  color: #828282;
}
html:not(.dark-theme) .cp-spinner-large {
  border-color: rgba(96, 165, 250, 0.2);
  border-top-color: #60a5fa;
}
html:not(.dark-theme) .cp-analyzing-hero h2 {
  color: #1a1a1a;
}
html:not(.dark-theme) .cp-analyzing-desc {
  color: #484848;
}
html:not(.dark-theme) .cp-analyze-step {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.06);
}
html:not(.dark-theme) .cp-as-marker {
  background-color: rgba(0, 0, 0, 0.08);
  background-image: none;
  border-color: rgba(0, 0, 0, 0.15);
}
html:not(.dark-theme) .cp-as-label {
  color: #656565;
}
html:not(.dark-theme) .cp-analyze-step.active {
  background-color: rgba(37, 99, 235, 0.08);
  background-image: none;
  border-color: rgba(37, 99, 235, 0.3);
}
html:not(.dark-theme) .cp-analyze-step.active .cp-as-marker {
  background-color: rgba(37, 99, 235, 0.3);
  background-image: none;
  border-color: #2563eb;
}
html:not(.dark-theme) .cp-analyze-step.active .cp-as-marker::after {
  background-color: #60a5fa;
  background-image: none;
}
html:not(.dark-theme) .cp-analyze-step.active .cp-as-label {
  color: #0465d2;
}
html:not(.dark-theme) .cp-analyze-step.done {
  background-color: rgba(34, 197, 94, 0.05);
  background-image: none;
  border-color: rgba(34, 197, 94, 0.2);
}
html:not(.dark-theme) .cp-analyze-step.done .cp-as-marker {
  background-color: #4ade80;
  background-image: none;
  border-color: #22c55e;
}
html:not(.dark-theme) .cp-analyze-step.done .cp-as-marker::after {
  color: #052e16;
}
html:not(.dark-theme) .cp-analyze-step.done .cp-as-label {
  color: #21b557;
}
html:not(.dark-theme) .cp-analyze-step.skipped .cp-as-label {
  color: #828282;
}
html:not(.dark-theme) .cp-analyze-step.skipped .cp-as-marker {
  background-color: transparent;
  background-image: none;
}
html:not(.dark-theme) .cp-analyze-step.error {
  background-color: rgba(239, 68, 68, 0.05);
  background-image: none;
  border-color: rgba(239, 68, 68, 0.3);
}
html:not(.dark-theme) .cp-analyze-step.error .cp-as-marker {
  background-color: #f87171;
  background-image: none;
}
html:not(.dark-theme) .cp-analyze-step.error .cp-as-label {
  color: #cc0a0a;
}

/* ── automation-progress.css ── */
html:not(.dark-theme) .ap-widget {
  background-color: #ffffff;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.4);
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .ap-widget-header {
  background-color: rgba(0, 0, 0, 0.03);
  background-image: none;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .ap-widget-title {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .ap-widget-close {
  background-color: transparent;
  background-image: none;
  border-color: currentcolor;
  color: var(--text-secondary, #656565);
}
html:not(.dark-theme) .ap-widget-close:hover {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .ap-widget-step-label {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .ap-widget-progress-track {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: none;
}
html:not(.dark-theme) .ap-widget-progress-fill {
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--primary-color, #dc2626), #f87171);
}
html:not(.dark-theme) .ap-widget[data-status="completed"] .ap-widget-progress-fill {
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--success-color, #22c55e), #4ade80);
}
html:not(.dark-theme) .ap-widget[data-status="failed"] .ap-widget-progress-fill {
  background-color: transparent;
  background-image: linear-gradient(90deg, var(--error-color, #ef4444), #f87171);
}
html:not(.dark-theme) .ap-widget-progress-meta {
  color: var(--text-secondary, #656565);
}
html:not(.dark-theme) .ap-widget-percent {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .ap-widget-steps {
  border-top-color: rgba(0, 0, 0, 0.08);
}
html:not(.dark-theme) .ap-step-done {
  color: var(--success-color, #22c55e);
}
html:not(.dark-theme) .ap-step-done .ap-step-icon {
  color: var(--success-color, #22c55e);
}
html:not(.dark-theme) .ap-step-active {
  color: var(--text-primary, #1a1a1a);
}
html:not(.dark-theme) .ap-step-active .ap-step-icon {
  color: var(--primary-color, #dc2626);
}
html:not(.dark-theme) .ap-step-pending {
  color: var(--text-secondary, #828282);
}
html:not(.dark-theme) .ap-step-pending .ap-step-icon {
  color: var(--text-muted, #919191);
}
html:not(.dark-theme) .ap-step-failed {
  color: var(--error-color, #c51111);
}
html:not(.dark-theme) .ap-step-failed .ap-step-icon {
  color: var(--error-color, #c51111);
}
html:not(.dark-theme) .ap-widget-steps::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  background-image: none;
}
html:not(.dark-theme) .ap-widget-steps::-webkit-scrollbar-track {
  background-color: transparent;
  background-image: none;
}