body { font-family: "Inter", sans-serif; background: #f0f4f8; color: #333; text-align: center; margin:0; padding:0; }
header { padding:20px; background:white; box-shadow:0 2px 10px rgba(0,0,0,0.05);}
h1 { color:#0078ff; margin-bottom:5px; }
.tagline { color:#555; margin:0; }
.back-link { display:inline-block; margin-top:10px; color:#0078ff; text-decoration:none; }
main { padding:40px 20px; }
.upload-box { border:2px dashed #0078ff; border-radius:14px; padding:40px; background:white; max-width:400px; margin:0 auto; }
.upload-box:hover { background:#f0f8ff; }
.upload-label { cursor:pointer; color:#0078ff; font-weight:600; font-size:1.1rem; }
input[type="file"] { display:none; }

.controls { margin:20px auto; max-width:500px; display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
.controls label { font-size:0.95rem; }

.preview-item { display:inline-block; margin:15px; text-align:center; }
canvas { display:block; max-width:200px; max-height:200px; margin:10px auto; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
button { margin-top:5px; padding:6px 12px; border:none; background:#0078ff; color:white; border-radius:6px; font-size:0.9rem; cursor:pointer; transition:0.2s ease;}
button:hover { background:#005fcc; }
footer { padding:30px; font-size:0.9rem; color:#777; }