.ai-hero{padding-top:var(--space-16);padding-bottom:var(--space-12);text-align:center;flex-direction:column;align-items:center;display:flex}.upload-zone{width:100%;max-width:600px;margin-top:var(--space-10);background:var(--color-surface);border:2px dashed var(--color-border-strong);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-8);align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.upload-zone:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover);background:#10373105;transform:translateY(-2px)}.upload-icon{color:var(--color-primary);opacity:.8;margin-bottom:var(--space-2)}.upload-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.upload-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.diagnostic-results{margin-top:var(--space-16);gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.diagnostic-results{grid-template-columns:1fr}}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-diffusion);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.result-card:hover{box-shadow:var(--shadow-diffusion-hover);transform:translateY(-1px)}.result-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.confidence-bar-bg{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:8px;margin-top:var(--space-2);overflow:hidden}.confidence-bar-fill{background:var(--color-success);border-radius:var(--radius-full);height:100%}.treatment-list{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.treatment-item{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.treatment-item .icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}