.image-converter{max-width:1000px;margin:0 auto}.converter-input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.upload-content{text-align:center}.upload-icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-content h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.upload-content p{margin:0 0 var(--space-xs) 0;color:var(--text-muted)}.file-selected-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.selected-file-details h4{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:.9rem}.file-name{margin:0 0 var(--space-xs) 0;color:var(--text-secondary);font-weight:500}.file-size{margin:0;color:var(--text-muted);font-size:.85rem}.upload-hint{font-size:.875rem;color:var(--text-muted)!important}.conversion-controls{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.converter-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.image-preview-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.preview-item h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-family:var(--font-display)}.preview-image{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);min-height:200px;display:flex;align-items:center;justify-content:center}.preview-image img{max-width:100%;max-height:300px;border-radius:var(--radius-sm)}.preview-info{font-size:.875rem}.preview-info p{margin:0 0 var(--space-xs) 0;color:var(--text-muted)}.preview-info strong{color:var(--text-primary)}.error-message{color:var(--danger);padding:var(--space-md);background:#ff4d6d1a;border:1px solid var(--danger);border-radius:var(--radius-md)}@media(max-width:768px){.preview-grid{grid-template-columns:1fr}.converter-buttons{flex-direction:column}.upload-icon{font-size:2rem}}