.file-selected{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);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-header{text-align:center;margin-bottom:1rem}.results-header h3{margin:0;color:var(--success)}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding:.5rem}.page-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.page-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.page-info{display:flex;justify-content:space-between;padding:.5rem;font-size:.75rem;background:var(--surface-elevated)}.page-size{color:var(--text-muted)}.download-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:1.5rem;opacity:0;transition:opacity .2s;text-decoration:none}.page-card:hover .download-overlay{opacity:1}.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}