@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#7785bb,#eef1f7);color:#222}.container{max-width:900px;margin:40px auto;padding:30px}h1{text-align:center;font-weight:600;margin-bottom:30px;letter-spacing:-.5px}.card{background:#faf7f9;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 10px 30px #0000000f}.qr-box{text-align:center}.qr-box h3{margin-bottom:16px;font-weight:500}.qr-box p{font-size:14px;color:#666;margin-top:12px}.upload-box{text-align:center}input[type=file]{padding:10px;border-radius:10px;border:1px dashed #ccc;cursor:pointer;background:#fafafa}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.gallery img{width:100%;border-radius:14px;object-fit:cover;aspect-ratio:1 / 1;box-shadow:0 6px 18px #00000014;transition:transform .3s ease}.gallery img:hover{transform:scale(1.04)}.footer-text{text-align:center;font-size:13px;color:#777;margin-top:30px}body.dark{background:linear-gradient(135deg,#0f172a,#020617);color:#e5e7eb}body.dark .card{background:#020617;box-shadow:0 10px 30px #ffffff0a}body.dark h1,body.dark h3{color:#f8fafc}body.dark p{color:#9ca3af}body.dark input[type=file]{background:#020617;border:1px dashed #334155;color:#e5e7eb}@media(max-width:600px){.container{padding:20px 14px;margin:20px auto}h1{font-size:22px}.card{padding:18px}.gallery{grid-template-columns:repeat(2,1fr)}.qr-box canvas{width:140px!important;height:140px!important}}