/* ========== 科技艺术：亮色主题输入框 ========== */
html[data-theme="light"] .ai3d-input:not([disabled]),
html[data-theme="light"] .ai3d-textarea:not([disabled]) {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(46, 97, 255, 0.3);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 0 0 3px rgba(46, 97, 255, 0.08);
    transition: all 0.25s ease;
}

html[data-theme="light"] .ai3d-input:not([disabled]):focus,
html[data-theme="light"] .ai3d-textarea:not([disabled]):focus {
    border-color: rgba(46, 97, 255, 0.6);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 0 0 3px rgba(46, 97, 255, 0.18);
    outline: none;
}

html[data-theme="light"] .ai3d-left .sec {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(46, 97, 255, 0.2);
    border-radius: 12px;
    padding: 16px;
    position: relative;
    overflow: hidden;
}

html[data-theme="light"] .ai3d-left .sec::before {
    content: "";
    display: block;
    height: 1px;
    margin: -16px -16px 16px;
    background: linear-gradient(90deg, transparent, rgba(46, 97, 255, 0.3), transparent);
    border-radius: 12px 12px 0 0;
}

html[data-theme="light"] .ai3d-left .lab {
    color: #4a5a7a;
}

html[data-theme="light"] .ai3d-left-desc,
html[data-theme="light"] .ai3d-help,
html[data-theme="light"] .ai3d-upload-empty,
html[data-theme="light"] .ai3d-upload-meta,
html[data-theme="light"] .ai3d-job .muted,
html[data-theme="light"] .ai3d-right-card-help,
html[data-theme="light"] .ai3d-turntable-duration-hint,
html[data-theme="light"] .ai3d-turntable-duration-unit {
    color: #8d806a;
}

html[data-theme="light"] .ai3d-left-submit {
    background: linear-gradient(180deg, rgba(255, 250, 243, 0), rgba(248, 241, 231, 0.92) 26%, rgba(244, 236, 223, 0.98) 100%);
}

html[data-theme="light"] .ai3d-toggle a,
html[data-theme="light"] .ai3d-subtoggle a,
html[data-theme="light"] .ai3d-seg a,
html[data-theme="light"] .ai3d-type a,
html[data-theme="light"] .ai3d-filter a,
html[data-theme="light"] .ai3d-check,
html[data-theme="light"] .ai3d-upload-action,
html[data-theme="light"] .ai3d-upload-slot-button,
html[data-theme="light"] .ai3d-upload-slot-clear,
html[data-theme="light"] .ai3d-upload-item-select,
html[data-theme="light"] .ai3d-upload-set-primary {
    color: #5d503f;
    background: rgba(255, 251, 245, 0.86);
    border-color: rgba(191, 174, 145, 0.24);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

html[data-theme="light"] .ai3d-toggle a.active,
html[data-theme="light"] .ai3d-subtoggle a.active,
html[data-theme="light"] .ai3d-seg a.active,
html[data-theme="light"] .ai3d-type a.active,
html[data-theme="light"] .ai3d-filter a.active,
html[data-theme="light"] .ai3d-workbench-view-btn[aria-pressed="true"] {
    color: #fffdf8;
    border-color: rgba(186, 163, 118, 0.44);
    background: linear-gradient(135deg, #d7c4a3 0%, #b89c72 100%);
    box-shadow: 0 12px 24px rgba(156, 129, 88, 0.16);
}

html[data-theme="light"] .ai3d-toggle a.is-disabled,
html[data-theme="light"] .ai3d-subtoggle a.is-disabled,
html[data-theme="light"] .ai3d-seg a.is-disabled,
html[data-theme="light"] .ai3d-type a.is-disabled {
    background: rgba(243, 236, 225, 0.72);
    border-color: rgba(209, 196, 173, 0.26);
}

html[data-theme="light"] .ai3d-subtoggle {
    border-bottom-color: rgba(208, 194, 171, 0.48);
}

html[data-theme="light"] .ai3d-select,
html[data-theme="light"] .ai3d-input,
html[data-theme="light"] .ai3d-render-mode-select,
html[data-theme="light"] .ai3d-turntable-duration-field,
html[data-theme="light"] .ai3d-turntable-duration-btn--ghost {
    border-color: rgba(191, 174, 145, 0.26);
    background: rgba(255, 253, 249, 0.96);
    color: #3a3026;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .ai3d-generate,
html[data-theme="light"] .ai3d-debug-stl-btn,
html[data-theme="light"] .ai3d-format-trigger,
html[data-theme="light"] .ai3d-turntable-duration-btn,
html[data-theme="light"] .ai3d-workbench-view-btn {
    border-color: rgba(186, 163, 118, 0.34);
    background: linear-gradient(135deg, #d7c4a3 0%, #b89c72 100%);
    color: #fffdf8;
    box-shadow: 0 14px 28px rgba(156, 129, 88, 0.18);
}

html[data-theme="light"] .ai3d-debug-stl-btn:hover,
html[data-theme="light"] .ai3d-workbench-view-btn:hover:not([disabled]),
html[data-theme="light"] .ai3d-turntable-duration-btn:hover {
    border-color: rgba(179, 155, 112, 0.56);
}

html[data-theme="light"] .ai3d-render-mode-select {
    color-scheme: light;
}

html[data-theme="light"] .ai3d-upload-slot,
html[data-theme="light"] .ai3d-upload-primary-card,
html[data-theme="light"] .ai3d-upload-item,
html[data-theme="light"] .ai3d-upload-slot-empty-state,
html[data-theme="light"] .ai3d-upload-slot-body {
    border-color: rgba(191, 174, 145, 0.22);
    background: rgba(255, 251, 245, 0.86);
}

html[data-theme="light"] .ai3d-upload-slot::before {
    background: linear-gradient(135deg, rgba(233, 224, 206, 0.52), rgba(255, 255, 255, 0.12));
}

html[data-theme="light"] .ai3d-upload-slot-empty-state strong,
html[data-theme="light"] .ai3d-upload-item-name,
html[data-theme="light"] .ai3d-right-card-label,
html[data-theme="light"] .ai3d-preview-head-metric strong {
    color: #3d3328;
}

html[data-theme="light"] .ai3d-upload-item-badge,
html[data-theme="light"] .ai3d-preview-head-metric-kicker {
    color: #9b8358;
}

html[data-theme="light"] .ai3d-right {
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(244, 236, 223, 0.98) 100%);
    border: 1px solid rgba(191, 174, 145, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 24px 54px rgba(145, 122, 85, 0.12);
}

html[data-theme="light"] .ai3d-workbench-canvas {
    background: linear-gradient(180deg, #f2ece3 0%, #ebe3d6 100%);
}

html[data-theme="light"] .ai3d-preview-wrap {
    background: linear-gradient(180deg, rgba(255, 251, 245, 0.88) 0%, rgba(244, 236, 223, 0.9) 100%);
    border: 1px solid rgba(191, 174, 145, 0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

html[data-theme="light"] .ai3d-preview-head-metric,
html[data-theme="light"] .ai3d-right-card {
    border-color: rgba(191, 174, 145, 0.24);
    background: rgba(255, 251, 245, 0.88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-theme="light"] .ai3d-right-card--format {
    background: transparent;
    box-shadow: none;
}

html[data-theme="light"] .ai3d-turntable-duration-popover {
    border-color: rgba(191, 174, 145, 0.26);
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(244, 236, 223, 0.98) 100%);
    box-shadow: 0 20px 40px rgba(145, 122, 85, 0.14);
}

html[data-theme="light"] .ai3d-turntable-duration-title,
html[data-theme="light"] .ai3d-turntable-duration-input {
    color: #382f25;
}

