.pdf2img { border: 1px solid #e5e7eb; padding: 16px; border-radius: 12px; background: #fff; }
.pdf2img .intro { margin-bottom: 8px; color: #374151; }
.pdf2img .uploader { border: 2px dashed #cbd5e1; padding: 16px; text-align: center; border-radius: 12px; margin-bottom: 12px; cursor: pointer; }
.pdf2img .uploader.hover { background: #f8fafc; border-color: #94a3b8; }
.pdf2img .controls { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 10px; margin: 12px 0; align-items: end; }
.pdf2img label { display: flex; flex-direction: column; font-size: 14px; color: #374151; gap: 6px; }
.pdf2img .button { padding: 8px 12px; border-radius: 8px; }
.pdf2img .progress { margin: 10px 0; color: #111827; }
.pdf2img .preview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.pdf2img .card { border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; background: #fafafa; display: flex; flex-direction: column; }
.pdf2img .card .thumb { background: #fff; display: grid; place-items: center; aspect-ratio: 3 / 4; }
.pdf2img .card img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 6px; }
.pdf2img .card .meta { padding: 8px 10px; font-weight: 600; color: #111827; }
.pdf2img .card .actions { display: flex; gap: 8px; padding: 8px 10px 12px; }
.pdf2img .btn { flex: 1; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; cursor: pointer; padding: 8px; }
.pdf2img .btn:hover { background: #f1f5f9; }
.pdf2img .btn-delete { border-color: #fecaca; }
#downloadAllBtn[disabled] { opacity: 0.5; cursor: not-allowed; }