:root{color:#17211b;background:#edf3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;display:grid;place-items:center;padding:24px}.card{width:min(900px,100%);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid #d5dfd7;border-radius:24px;box-shadow:0 24px 70px #17211b1a}.content,.preview{padding:clamp(28px,6vw,56px)}.eyebrow{margin:0 0 12px;color:#287347;font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1;letter-spacing:-.05em}.intro{max-width:36rem;margin:20px 0 32px;color:#58625b;line-height:1.6}label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:700}textarea{width:100%;resize:vertical;padding:14px 16px;color:inherit;background:#fafcfb;border:1px solid #cbd7ce;border-radius:12px;font:inherit;line-height:1.5}textarea:focus{outline:3px solid rgb(40 115 71 / 18%);border-color:#287347}button,.download{display:inline-flex;justify-content:center;margin-top:16px;padding:12px 18px;color:#fff;background:#1f6a40;border:0;border-radius:10px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}button:hover,.download:hover{background:#155531}.preview{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#17211b;color:#b7c4ba;text-align:center}canvas{width:min(320px,100%);height:auto;border-radius:12px}.download{width:min(320px,100%);color:#17211b;background:#d7f9df}.download:hover{background:#bcecc7}#error{margin:16px 0 0;color:#ffb4ab}[hidden]{display:none}@media(max-width:700px){body{padding:12px}.card{grid-template-columns:1fr;border-radius:18px}.preview{min-height:390px}}