:root {
    color-scheme: light;
    --site-bg: #f5f7fa;
    --site-surface: #ffffff;
    --site-surface-soft: #f8fafc;
    --site-border: #dfe4ea;
    --site-text: #273142;
    --site-muted: #727d8d;
    --site-input: #ffffff;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --site-bg: #11151b;
    --site-surface: #1b212a;
    --site-surface-soft: #151b23;
    --site-border: #333c49;
    --site-text: #e6ebf2;
    --site-muted: #9aa6b5;
    --site-input: #121820;
}

.site-theme-toggle {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    padding: 0 !important;
    border: 1px solid #d7dde5 !important;
    border-radius: 50% !important;
    background: #f5f7fa !important;
    color: #465366 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.site-theme-toggle:hover { background: #e9eef5 !important; }

html[data-theme="dark"] body,
html[data-theme="dark"] .three-d-workspace,
html[data-theme="dark"] .chat-workspace,
html[data-theme="dark"] .container,
html[data-theme="dark"] .main-content {
    background: var(--site-bg) !important;
    color: var(--site-text) !important;
}

html[data-theme="dark"] .navbar,
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .card,
html[data-theme="dark"] .three-d-card,
html[data-theme="dark"] .chat-card,
html[data-theme="dark"] .user-card,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .case-card,
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .edit-control-sidebar,
html[data-theme="dark"] .edit-result-sidebar,
html[data-theme="dark"] .image-box,
html[data-theme="dark"] .canvas-container,
html[data-theme="dark"] .reinpaint-panel {
    background: var(--site-surface) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .navbar-brand,
html[data-theme="dark"] .navbar-brand span,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] label,
html[data-theme="dark"] .project-prompt,
html[data-theme="dark"] .feature-drawer-header,
html[data-theme="dark"] .chat-answer-content h3,
html[data-theme="dark"] .chat-answer-content h4 {
    color: var(--site-text) !important;
}

html[data-theme="dark"] .navbar-link,
html[data-theme="dark"] .three-d-subtitle,
html[data-theme="dark"] .chat-empty,
html[data-theme="dark"] .project-meta,
html[data-theme="dark"] .hint {
    color: var(--site-muted) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background: var(--site-input) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .three-d-controls,
html[data-theme="dark"] .text-image-controls,
html[data-theme="dark"] .three-d-upload,
html[data-theme="dark"] .three-d-viewer,
html[data-theme="dark"] .text-image-result,
html[data-theme="dark"] .chat-messages,
html[data-theme="dark"] .chat-reasoning div,
html[data-theme="dark"] .placeholder,
html[data-theme="dark"] .feature-preview,
html[data-theme="dark"] .project-image-wrapper {
    background: var(--site-surface-soft) !important;
    color: var(--site-muted) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] footer,
html[data-theme="dark"] .footer {
    background: #12171e !important;
    color: var(--site-muted) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .chat-message.assistant .chat-bubble {
    background: #202833 !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .chat-compose {
    background: rgba(27, 34, 43, .96) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .text-image-start-panel {
    background: rgba(32, 40, 51, .96) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .chat-reasoning summary,
html[data-theme="dark"] .chat-clear,
html[data-theme="dark"] .chat-web-toggle,
html[data-theme="dark"] .chat-search-depth,
html[data-theme="dark"] .text-prompt-preset,
html[data-theme="dark"] .product-tabs,
html[data-theme="dark"] .tabs {
    background: #252d38 !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-theme="dark"] .text-prompt-preset:hover,
html[data-theme="dark"] .text-prompt-preset.active {
    background: #173a5f !important;
    color: #69b6ff !important;
    border-color: #1683ff !important;
}

html[data-theme="dark"] #imageTo3DStatus {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .site-theme-toggle {
    background: #252d38 !important;
    color: #ffd166 !important;
    border-color: #3b4654 !important;
}

html[data-theme="dark"] .drawer-mask,
html[data-theme="dark"] .navbar-drawer-mask { background: rgba(0, 0, 0, .58) !important; }

html[data-theme="dark"] img { opacity: .94; }