*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#e0eafc,#cfdef3);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}h1{color:#2c3e50;margin-bottom:30px;font-size:2.8rem;font-weight:600;text-align:center;background:linear-gradient(to right,#3498db,#8e44ad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeIn 1s ease-in}.upload-section{margin-bottom:40px;position:relative}.file-input{display:none}.upload-btn{display:inline-flex;align-items:center;padding:14px 30px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border-radius:50px;cursor:pointer;font-size:1.2rem;font-weight:500;box-shadow:0 4px 15px #3498db4d;transition:all .3s ease}.upload-btn:hover{background:linear-gradient(45deg,#2980b9,#2471a3);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.upload-btn:active{transform:translateY(1px)}.loading{color:#7f8c8d;font-size:1.3rem;font-weight:500;margin-bottom:20px;animation:pulse 1.5s infinite}.preview-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;justify-items:center;width:100%;max-width:1200px;padding:0 20px}.image-card{background:#fffffff2;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:20px;width:100%;max-width:350px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);animation:slideUp .5s ease-out}.image-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000026}.image-card h3{color:#34495e;margin-bottom:15px;font-size:1.4rem;font-weight:600}.image-card img{max-width:100%;height:auto;border-radius:10px;margin-bottom:15px;border:1px solid #ecf0f1}.image-card p{color:#7f8c8d;font-size:1.1rem;margin-bottom:15px;font-weight:500}.download-btn{padding:12px 25px;background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;box-shadow:0 4px 15px #2ecc714d;transition:all .3s ease}.download-btn:hover{background:linear-gradient(45deg,#27ae60,#219653);transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.download-btn:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){h1{font-size:2.2rem}.upload-btn{padding:12px 25px;font-size:1.1rem}.image-card{max-width:100%}.preview-section{grid-template-columns:1fr}}@media (max-width: 480px){h1{font-size:1.8rem}.upload-btn{padding:10px 20px;font-size:1rem}.preview-section{gap:20px;padding:0 10px}.image-card{padding:15px}}