.heic-info{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary);text-align:center}.files-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-elevated);border-radius:var(--radius-md);margin-bottom:1.5rem}.convert-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.option-group label{display:block;font-weight:500;margin-bottom:.5rem}.format-buttons{display:flex;gap:.5rem}.format-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all .2s;font-weight:600}.format-btn:hover{border-color:var(--primary);background:var(--surface-elevated)}.format-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.format-btn.active .format-hint{color:#fffc}.format-hint{font-size:.75rem;font-weight:400;color:var(--text-muted)}.quality-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.progress-container{margin-bottom:1rem}.progress-bar{height:8px;background:var(--surface-elevated);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary);transition:width .3s}.progress-text{font-size:.85rem;color:var(--text-secondary)}.results-section{margin-top:1.5rem}.results-summary{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;background:var(--surface-elevated);border-radius:var(--radius-md);margin-bottom:1rem}.summary-stat{text-align:center}.stat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.stat-value{font-weight:600;font-size:1.1rem}.arrow{color:var(--primary);font-size:1.25rem}.results-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.result-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.result-info{flex:1;min-width:0}.result-name{display:block;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-sizes{font-size:.8rem;color:var(--text-muted)}.action-buttons{display:flex;gap:.75rem}.action-buttons .btn{flex:1}.privacy-note{margin-top:1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted)}.error-message{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem}