/* Camada visual do módulo, alinhada à Home sem alterar a lógica legada. */
body { background: var(--gdt-paper); color: var(--gdt-ink); font-family: Inter, Arial, sans-serif; }
.gdt-suitebar, .gdt-back, .topbar, body > footer:not(.gdt-module-footer) { display: none !important; }
.intro { background: linear-gradient(135deg, #102A43, #173b5d); color: #fff; border-radius: 0 0 28px 28px; }
.intro .eyebrow { color: #ff8a3d; }
.intro h1, .config-panel h2, .models h2, .how h2 { font-family: Manrope, Inter, sans-serif; }
.intro em { color: #ff8a3d; }
.workspace, .config-panel, .model-card, .how-card { border-color: var(--gdt-line) !important; box-shadow: 0 12px 32px rgba(16,42,67,.08); }
.control-group input:focus, .control-group select:focus { border-color: var(--gdt-orange) !important; box-shadow: 0 0 0 3px rgba(255,106,0,.14) !important; }
.color-btn.active, .view-switch button.active { border-color: var(--gdt-orange) !important; background: var(--gdt-orange) !important; }
.primary-btn, #downloadBtn, #shareBtn, .submit-btn { background: var(--gdt-orange) !important; border-color: var(--gdt-orange) !important; }
.primary-btn:hover, #downloadBtn:hover, #shareBtn:hover, .submit-btn:hover { background: #dd5b00 !important; }
@media (max-width: 720px) { .intro { border-radius: 0 0 20px 20px; } }