.image2pdf .hint-text{font-size:13px;color:#6b7280;font-style:italic;padding:8px}.image2pdf .loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px}.image2pdf .images-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px;border:1px solid #eee;margin-top:16px}.image2pdf .image-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;cursor:move;transition:all .2s}.image2pdf .image-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.image2pdf .image-card:hover .btn-remove{opacity:1}.image2pdf .image-card:active{opacity:.5}.image2pdf .image-card .btn-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(239,68,68,.9);color:#fff;border:none;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:1}.image2pdf .image-card .btn-remove:hover{background:#ef4444;transform:scale(1.1)}.image2pdf .image-card .image-preview{width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#f9fafb;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.image2pdf .image-card .image-preview img{width:100%;height:100%;object-fit:contain}.image2pdf .image-card .image-info{margin-bottom:12px}.image2pdf .image-card .image-info .image-name{font-size:13px;color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.image2pdf .image-card .image-info .image-order{font-size:12px;color:#9ca3af}@media(max-width:768px){.image2pdf .images-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}