.pdf2jpg-wrapper{max-width:1000px;margin:0 auto;padding:2rem}.pdf2jpg-wrapper h1{font-size:2rem;margin-bottom:.5rem}.pdf2jpg-wrapper .intro{font-size:1rem;line-height:1.5;color:#333;margin-bottom:1.5rem}.drop-zone{border:2px dashed #4b5563;border-radius:16px;padding:2.5rem;text-align:center;cursor:pointer;transition:.2s;background:#fff}.drop-zone:hover{background:#f8fafc}.drop-zone.disabled{opacity:.6;cursor:progress}.placeholder .icon{font-size:2.2rem;display:block;margin-bottom:.75rem}.overall-progress{margin-top:1rem}.progress-bar{height:10px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-top:.25rem}.progress-bar .fill{height:100%;background:linear-gradient(90deg,#6366f1,#2563eb);transition:width .3s}.error{margin-top:1rem;color:#b91c1c;font-weight:600}.results{margin-top:2rem}.file-block{margin-bottom:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;box-shadow:0 2px 4px #0000000a}.file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-header h2{margin:0;font-size:1.1rem;word-break:break-all}.status{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;color:#374151}.status.converting{background:#fef3c7;color:#92400e}.status.done{background:#d1fae5;color:#065f46}.status.error{background:#fee2e2;color:#991b1b}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.page-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.page-card img{max-width:100%;height:110px;object-fit:cover;border-radius:6px;box-shadow:0 2px 6px #00000014}.page-card button{background:#fff;color:#1e293b;border:1px solid #cbd5e1;padding:.4rem .7rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:.2s;width:100%}.page-card button:hover{background:#f1f5f9;border-color:#94a3b8;color:#111827}.page-card .thumb-btn{padding:.3rem .4rem;font-size:.65rem}.actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}.actions button{background:#fff;color:#1e293b;border:1px solid #cbd5e1;padding:.75rem 1.1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:.2s;font-size:.85rem}.actions button:hover{background:#f1f5f9;border-color:#94a3b8;color:#111827}.actions button:disabled{opacity:.5;cursor:not-allowed}.actions button.primary{background:#fff;color:#2563eb;border:1px solid #93c5fd}.actions button.primary:hover{background:#f0f9ff;border-color:#60a5fa}@media (max-width:640px){.pdf2jpg-wrapper{padding:1.25rem}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.file-block{padding:.85rem 1rem}}