.footer {
    display: none !important;
}

.ai3d-page {
    --ai3d-stage-gap: 12px;
    --ai3d-stage-gap-fluid: clamp(8px, 1.6vh, 14px);
    --ai3d-header-height: var(--home-header-height, 72px);
    --ai3d-sidebar-width: 200px;
    --ai3d-workspace-height: calc(100vh - var(--ai3d-header-height, 72px) - var(--ai3d-stage-gap, 12px));
    --ai3d-workspace-height-dvh: calc(100dvh - var(--ai3d-header-height, 72px) - var(--ai3d-stage-gap, 12px));
    background: #151515;
    min-height: var(--ai3d-workspace-height);
    padding: 10px;
}

@supports (height: clamp(1px, 2px, 3px)) {
    .ai3d-page {
        --ai3d-stage-gap: var(--ai3d-stage-gap-fluid);
    }
}

@supports (height: 100dvh) {
    .ai3d-page {
        --ai3d-workspace-height: var(--ai3d-workspace-height-dvh);
    }
}

html[data-theme="light"] body.ai3d-page-active {
    background: #fbf7f0;
    color: #332b22;
}

html[data-theme="light"] .ai3d-page {
    background:
        radial-gradient(circle at top left, rgba(222, 210, 186, 0.42), transparent 30%),
        linear-gradient(180deg, #fdfbf7 0%, #f4ede2 38%, #fbf7f0 100%);
}

html[data-theme="light"] .ai3d-select option,
html[data-theme="light"] .ai3d-render-mode-select option,
html[data-theme="light"] .ai3d-upload-item-select option {
    background: #fffdf9;
    color: #4d4236;
}

html[data-theme="light"] .ai3d-left {
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.98), rgba(244, 236, 223, 0.98));
    border: 1px solid rgba(191, 174, 145, 0.28);
    color: #3a3026;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 22px 44px rgba(145, 122, 85, 0.1);
}

html[data-theme="light"] .ai3d-left::-webkit-scrollbar-track {
    background: rgba(223, 211, 190, 0.44);
}

html[data-theme="light"] .ai3d-left::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(188, 167, 132, 0.82), rgba(156, 132, 91, 0.92));
    border-color: rgba(255, 251, 245, 0.82);
}

html[data-theme="light"] .ai3d-left {
    scrollbar-color: rgba(175, 152, 113, 0.92) rgba(223, 211, 190, 0.44);
}

html[data-theme="light"] .ai3d-left-hero,
html[data-theme="light"] .ai3d-left .sec,
html[data-theme="light"] .ai3d-upload,
html[data-theme="light"] .ai3d-inline-note,
html[data-theme="light"] .ai3d-upload-status,
html[data-theme="light"] .ai3d-constraint-summary,
html[data-theme="light"] .ai3d-job {
    background: rgba(255, 251, 245, 0.82);
    border-color: rgba(191, 174, 145, 0.22);
    color: #6f6250;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .ai3d-left-title,
html[data-theme="light"] .ai3d-left .lab {
    color: #382f25;
}

/* ========== 科技艺术：亮色主题上传区域 ========== */
html[data-theme="light"] .ai3d-upload:not(.is-multi) {
    background:
        radial-gradient(ellipse 80% 50% at 50% 0%, rgba(46, 97, 255, 0.08), transparent 55%),
        linear-gradient(180deg, rgba(240, 246, 255, 0.95), rgba(230, 238, 255, 0.95));
    border-color: rgba(46, 97, 255, 0.35);
    position: relative;
    overflow: hidden;
}

html[data-theme="light"] .ai3d-upload:not(.is-multi)::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 0%, rgba(46, 97, 255, 0.03) 50%, transparent 100%);
    background-size: 200% 100%;
    animation: uploadShimmerLight 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes uploadShimmerLight {
    0% { background-position: -100% 0; }
    100% { background-position: 200% 0; }
}

html[data-theme="light"] .ai3d-upload:not(.is-multi):hover {
    border-color: rgba(46, 97, 255, 0.55);
    box-shadow: 0 4px 20px rgba(46, 97, 255, 0.15);
}

html[data-theme="light"] .ai3d-upload .btn {
    background:
        linear-gradient(135deg, rgba(46, 97, 255, 0.15), rgba(30, 70, 200, 0.1)),
        radial-gradient(circle at 50% 50%, rgba(100, 140, 255, 0.1), transparent 70%);
    border: 1px solid rgba(46, 97, 255, 0.35);
    box-shadow: 0 4px 16px rgba(46, 97, 255, 0.1);
}

html[data-theme="light"] .ai3d-upload .btn:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 24px rgba(46, 97, 255, 0.2);
    border-color: rgba(46, 97, 255, 0.5);
}

