.pdf-to-img-page{max-width:1200px;margin:0 auto;padding:0 20px 60px}.page-range-wrap{display:flex;flex-direction:column;gap:12px}.range-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.range-mode-btn{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.range-mode-btn:hover{border-color:var(--accent);background:var(--bg-surface)}.range-mode-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.mode-icon{font-size:1.4rem}.mode-label{font-weight:700;font-size:.9rem}.settings-stack{display:flex;flex-direction:column;gap:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-grid-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.rendered-page-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}.rendered-page-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.page-thumb-wrap{aspect-ratio:1 / 1.414;background:#f1f5f9;border-radius:6px;overflow:hidden;border:1px solid var(--border);position:relative}[data-theme=dark] .page-thumb-wrap{background:#1e293b}.page-thumb-wrap img{width:100%;height:100%;object-fit:contain}.page-info{display:flex;justify-content:space-between;align-items:center}.page-num-badge{font-size:.75rem;font-weight:800;color:var(--text-muted)}.page-download-btn{padding:6px;border-radius:6px;color:var(--accent);background:var(--accent-dim);border:none;cursor:pointer;transition:all .2s}.page-download-btn:hover{background:var(--accent);color:#fff}.summary-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px}.summary-info{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:800;letter-spacing:.05em}.stat-value{font-size:1.1rem;font-weight:800;color:var(--text-primary)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.summary-bar{flex-direction:column;gap:20px;align-items:stretch;text-align:center}.summary-info{justify-content:center}}.result-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:var(--text-muted)}.result-placeholder .placeholder-icon{width:80px;height:80px;background:var(--bg-surface);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .3s ease}.result-placeholder:hover .placeholder-icon{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 20px var(--accent-dim)}.result-placeholder p{font-size:1.1rem;font-weight:600;max-width:320px;line-height:1.6}.result-grid-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding:32px;overflow-y:auto;max-height:550px}