:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background:#0f0f0f;color:#fff}*{box-sizing:border-box}.app{min-height:100vh;background:radial-gradient(circle at top,#1a1a1a,#000);display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:3rem;margin-bottom:30px;color:#fff;letter-spacing:2px}.gallery{display:flex;gap:25px;padding:40px;width:100%;overflow-x:auto;scroll-behavior:smooth}.gallery::-webkit-scrollbar{height:8px}.gallery::-webkit-scrollbar-thumb{background:#646cff;border-radius:10px}.wallpaper-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:25px;border-radius:18px;text-align:center;width:420px;min-width:420px;box-shadow:0 20px 50px #0009;animation:fadeIn .5s ease;flex-shrink:0}.wallpaper-card img{width:100%;height:260px;object-fit:cover;border-radius:12px;margin-bottom:15px;transition:transform .4s ease;cursor:pointer}.wallpaper-card img:hover{transform:scale(1.05)}.wallpaper-card h2{font-size:1.4rem;margin:10px 0 5px;color:#fff}.wallpaper-card p{font-size:.95rem;color:#ddd}.wallpaper-card button{background:linear-gradient(135deg,#646cff,#8f9bff);border:none;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:.3s ease}.wallpaper-card button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #646cff99}.preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999}.preview-overlay img{max-width:90%;max-height:90%;border-radius:16px;box-shadow:0 25px 60px #000c}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}