:root{font-family:Arial,sans-serif;color:#20382a;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3d7;gap:12px}.brand{font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{color:#c92a36}a{color:#285a3d}nav a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#5e7b56;margin-top:18px}h1{font-size:40px;letter-spacing:-1.4px;margin:12px 0}.lead{max-width:620px;color:#61715d;line-height:1.7}.maker{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}.preview{align-self:start;background:#e7ece2;border:1px solid #d6dfce;border-radius:20px;padding:22px;position:sticky;top:20px}.preview-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#607255}.preview-label span{font-size:9px}.canvas-frame{margin-top:20px;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#e6e6e6 0 25%,#fff 0 50%) 0/20px 20px}canvas{width:100%;height:auto;display:block}.preview p{text-align:center;font-size:12px;color:#66775b;margin-bottom:0}.options{background:white;border:1px solid #e1e6dc;border-radius:20px;padding:24px;min-width:0}fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}legend{font-size:16px;font-weight:700;margin-bottom:16px}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}button,input{font:inherit}button{cursor:pointer}.templates button{padding:12px 5px;border:1px solid #dce3d7;border-radius:10px;background:#fafbf7;color:#354c2e;font-size:12px}.templates button[aria-pressed=true]{border-color:#52764a;box-shadow:0 0 0 1px #52764a;background:#edf4e8}.sample{display:flex;width:44px;height:44px;align-items:center;justify-content:center;font-weight:800;color:white;background:#c92a36;margin:0 auto 10px}.badge{border-radius:8px}.circle{border-radius:50%}.wordmark{width:64px;height:44px;font-size:12px;background:#c92a36}label{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin:12px 0 7px}label span{font-size:11px;color:#788471}input:not([type=checkbox]):not([type=color]){width:100%;min-width:0;border:1px solid #cfd9c7;padding:13px 12px;border-radius:8px;font-size:16px}.help,.next{font-size:12px;color:#65765c;line-height:1.7}.colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.colors label{display:flex;flex-direction:column;gap:10px;font-size:12px}input[type=color]{width:100%;height:44px;border:1px solid #d8e0d1;border-radius:8px;padding:4px;background:#fff;cursor:pointer}input:disabled{opacity:.45}.toggle{justify-content:flex-start;align-items:center;min-height:44px;gap:10px}.toggle input{width:20px;height:20px;accent-color:#3b6034}.download{width:100%;min-height:52px;border:0;border-radius:10px;background:#254f3b;color:#fff;font-weight:700}.download:disabled{opacity:.5;cursor:not-allowed}#status{font-size:12px;line-height:1.5;color:#526d45}.next{border-top:1px solid #e1e6dc;padding-top:16px}footer{display:flex;gap:20px;font-size:12px;color:#718368}footer span{margin-left:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e19a51;outline-offset:4px}@media(max-width:650px){header,main,footer{padding:18px}h1{font-size:30px}.lead{font-size:14px}.maker{display:flex;flex-direction:column;gap:18px;margin-top:20px}.preview{position:static;padding:16px}.canvas-frame{width:min(100%,230px);margin:14px auto 0}.options{padding:20px 16px}footer{flex-wrap:wrap}footer span{margin-left:0}}