html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{text-align:center;color:#fff;background:#111827;border-radius:16px;width:100%;max-width:600px;padding:30px;box-shadow:0 10px 30px #00000080}.card h2{margin-bottom:20px}.subtitle{color:#9ca3af;margin-bottom:20px;font-size:14px}.drop-zone{cursor:pointer;border:2px dashed #3b82f6;border-radius:12px;margin-bottom:20px;padding:30px;transition:all .3s}.drop-zone p{margin-bottom:5px;font-size:16px}.drop-zone span{color:#9ca3af;font-size:13px}.drop-zone:hover{background:#3b82f61a}.drop-zone.active{background:#3b82f633;border-color:#60a5fa}#fileInput{color:#fff;margin-bottom:20px}.image-grid{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.image-box{background:#1f2937;border-radius:12px;flex:1;min-width:200px;padding:15px}.image-box p{color:#afd1df;margin-bottom:10px;font-size:24px}.image-box img{object-fit:contain;border-radius:8px;width:100%;max-height:250px;transition:all .3s}.image-box img:hover{transform:scale(1.03)}.placeholder{color:#6b7280;border:1px dashed #374151;border-radius:8px;justify-content:center;align-items:center;height:200px;display:flex}.loader{border:4px solid #374151;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:50px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:20px;padding:20px 10px;font-weight:700}.btn:hover{background:#2563eb}.btn:disabled{cursor:not-allowed;background:#6b7280}.download-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;margin-top:15px;padding:10px 16px}.download-btn:hover{background:#16a34a}.btn,.download-btn{transition:all .3s}.btn:hover,.download-btn:hover{transform:scale(1.05)}