:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#f6f3e9;background:#0b1721}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:22px 16px 36px}h1{font-size:clamp(25px,5vw,37px);margin:5px 0}h2{font-size:17px;margin:3px 0 14px}.eyebrow{color:#b4cdca;font-size:10px;letter-spacing:2px}header p,.hint,footer{color:#b9c7c9;font-size:13px;line-height:1.7}.panel{background:#182935;border:1px solid #354954;border-radius:18px;padding:18px;margin:17px 0;box-shadow:0 8px 25px #0002}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:block;font-size:13px;color:#cfdfdb}select,input[type=number]{width:100%;border:1px solid #567079;border-radius:10px;background:#0b1b26;color:white;padding:11px;margin-top:7px;font-size:15px}.choices{display:flex;gap:18px;margin-bottom:19px}.choices input{accent-color:#d9bb83}.backgrounds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bgpick{background:#13232e;border:2px solid transparent;border-radius:13px;padding:6px;color:#f2eee6;cursor:pointer}.bgpick.selected{border-color:#d8bd85}.thumb{display:block;height:76px;border-radius:8px;margin-bottom:7px}.night{background:radial-gradient(ellipse at 75% 20%,#adbdb3 0 5%,transparent 6%),linear-gradient(150deg,#081a2d,#253c51 55%,#070f24)}.dawn{background:radial-gradient(ellipse at 50% 62%,#fee5ab 0 9%,transparent 10%),linear-gradient(180deg,#3b4265,#ba7f84 55%,#e5bc91)}.forest{background:radial-gradient(ellipse at 70% 10%,#bad9b7 0,transparent 40%),linear-gradient(145deg,#092d30,#1d5c58,#061c2c)}.upload{margin:15px 0;line-height:2}.upload input{display:block;max-width:100%;font-size:12px}.preview-panel{text-align:center}canvas{display:block;max-width:100%;width:min(100%,310px);height:auto;max-height:440px;object-fit:contain;margin:0 auto 17px;background:#132330;border-radius:9px;border:1px solid #5a6562}.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}button,.actions button{font:inherit}.actions button,#download{padding:11px 14px;border:0;border-radius:10px;background:#d9bc81;color:#0d1a1d;font-weight:700;cursor:pointer}.actions button:disabled{opacity:.4;cursor:not-allowed}#status{min-height:24px;font-size:13px;color:#e8dfcd}#support{font-size:12px}#download{display:inline-block;margin-top:8px;text-decoration:none}#download[hidden]{display:none}footer{text-align:center;padding:12px}@media(max-width:420px){.panel{padding:13px}.grid{gap:9px}.choices{gap:10px}.thumb{height:56px}}