html[data-theme="light"] .ai3d-page {
    background:
        radial-gradient(circle at top left, rgba(232, 220, 198, 0.54), transparent 32%),
        radial-gradient(circle at right 14%, rgba(255, 255, 255, 0.58), transparent 28%),
        linear-gradient(180deg, #fffdf9 0%, #f6efe5 38%, #efe4d3 100%);
}

html[data-theme="light"] .ai3d-left {
    background:
        linear-gradient(180deg, rgba(255, 254, 251, 0.99) 0%, rgba(248, 242, 232, 0.98) 44%, rgba(242, 232, 216, 0.98) 100%);
    border: 1px solid rgba(193, 175, 143, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 24px 48px rgba(149, 124, 88, 0.12);
}

html[data-theme="light"] .ai3d-left .sec,
html[data-theme="light"] .ai3d-left-panel--mode,
html[data-theme="light"] .ai3d-left-panel--upload,
html[data-theme="light"] .ai3d-upload,
html[data-theme="light"] .ai3d-task-history-panel {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(247, 240, 229, 0.94));
    border-color: rgba(194, 176, 146, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 12px 26px rgba(152, 128, 91, 0.06);
}

html[data-theme="light"] .ai3d-upload {
    border-style: solid;
    border-color: rgba(194, 176, 146, 0.28);
    background:
        radial-gradient(circle at top center, rgba(255, 255, 255, 0.7), transparent 42%),
        linear-gradient(180deg, rgba(255, 253, 249, 0.98), rgba(244, 236, 224, 0.96));
}

html[data-theme="light"] .ai3d-upload .btn {
    color: #b79563;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .ai3d-upload p,
html[data-theme="light"] #ai3dUploadDesc,
html[data-theme="light"] #ai3dUploadSubDesc,
html[data-theme="light"] .ai3d-upload-meta,
html[data-theme="light"] .ai3d-upload-slot-empty-state p,
html[data-theme="light"] .ai3d-upload-item-meta,
html[data-theme="light"] .ai3d-task-history-status,
html[data-theme="light"] .ai3d-task-history-item-meta,
html[data-theme="light"] .ai3d-task-history-item-id {
    color: #8d7d67;
}

html[data-theme="light"] #ai3dUploadTitle,
html[data-theme="light"] .ai3d-upload-multi-head strong,
html[data-theme="light"] .ai3d-upload-primary-head,
html[data-theme="light"] .ai3d-upload-slot-head,
html[data-theme="light"] .ai3d-task-history-item-kicker {
    color: #4c3d2d;
}

html[data-theme="light"] .ai3d-upload-primary-card {
    background:
        radial-gradient(circle at top right, rgba(236, 225, 204, 0.58), transparent 46%),
        linear-gradient(180deg, rgba(255, 253, 249, 0.98), rgba(243, 234, 220, 0.96));
    border-color: rgba(194, 176, 146, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 16px 28px rgba(152, 128, 91, 0.08);
}

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(194, 176, 146, 0.24);
    background: linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(246, 238, 226, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 10px 22px rgba(152, 128, 91, 0.05);
}

html[data-theme="light"] .ai3d-upload-slot--primary,
html[data-theme="light"] .ai3d-upload-slot.is-filled {
    background:
        radial-gradient(circle at top right, rgba(235, 223, 202, 0.72), transparent 48%),
        linear-gradient(180deg, rgba(255, 253, 249, 0.98), rgba(243, 233, 218, 0.98));
    border-color: rgba(193, 171, 132, 0.32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 14px 28px rgba(156, 132, 91, 0.1);
}

html[data-theme="light"] .ai3d-upload-slot::before {
    background:
        radial-gradient(circle at top right, rgba(236, 226, 207, 0.64), transparent 54%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0));
}

html[data-theme="light"] .ai3d-upload-slot-empty-state strong,
html[data-theme="light"] .ai3d-upload-item-name {
    color: #4a3b2b;
}

html[data-theme="light"] .ai3d-subtoggle {
    margin: 0;
    padding: 6px;
    border: 1px solid rgba(198, 179, 147, 0.24);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 254, 251, 0.86), rgba(246, 239, 228, 0.92));
}

html[data-theme="light"] .ai3d-subtoggle a,
html[data-theme="light"] .ai3d-seg a {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(245, 236, 223, 0.92));
    border-color: rgba(194, 176, 146, 0.26);
    color: #6a5c48;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

html[data-theme="light"] .ai3d-subtoggle a:hover,
html[data-theme="light"] .ai3d-seg a:hover {
    background: linear-gradient(180deg, rgba(250, 245, 237, 0.96), rgba(239, 230, 214, 0.96));
    color: #4b3c2c;
}

html[data-theme="light"] .ai3d-subtoggle a.active,
html[data-theme="light"] .ai3d-seg a.active,
html[data-theme="light"] .ai3d-workbench-view-btn[aria-pressed="true"],
html[data-theme="light"] .ai3d-format-option.active {
    background: linear-gradient(135deg, #efe5d4 0%, #dbc29d 60%, #c8ab7d 100%);
    border-color: rgba(186, 163, 118, 0.4);
    color: #4e3b26;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        0 10px 22px rgba(156, 129, 88, 0.12);
}

html[data-theme="light"] .ai3d-right {
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.56), transparent 24%),
        linear-gradient(180deg, rgba(255, 253, 249, 0.99) 0%, rgba(246, 239, 228, 0.98) 38%, rgba(240, 231, 215, 0.98) 100%);
    border: 1px solid rgba(193, 175, 143, 0.3);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 28px 60px rgba(149, 124, 88, 0.12);
}