:root{--ink:#16392d;--green:#245d42;--yellow:#ffd33e;--paper:#fffef7;--border:#dce1d2;--muted:#5c6d61;font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,-apple-system,sans-serif;color:var(--ink);background:#f5f6e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #357249}[hidden]{display:none!important}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);max-width:1280px;margin:auto;padding:0 52px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:30px;font-weight:900;letter-spacing:-1.5px}.brand-icon{font-size:34px;letter-spacing:0}.brand-qr{color:#598433}.privacy{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center}.privacy span{font-size:24px;color:var(--green)}main{max-width:1176px;margin:auto;padding:38px 28px 0}.intro{margin:0 0 32px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 13px;color:#688044}h1{font-size:clamp(32px,4.1vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 13px;font-weight:850}h1 br{display:none}h1 span{color:#638337}.intro>p:last-child{color:var(--muted);font-size:16px;margin:0}.workspace{display:grid;grid-template-columns:1.14fr 1fr;gap:26px;align-items:start}.editor,.preview{border:1px solid var(--border);border-radius:23px;background:var(--paper);padding:28px;box-shadow:0 4px 0 #e5e8d8}.section-top{display:flex;align-items:center;gap:11px;margin-bottom:22px}.step{background:#edf1df;border:1px solid #dfe5ce;border-radius:9px;padding:6px 8px;font-size:13px;font-weight:800;color:#5a7544}h2{margin:0;font-size:19px;letter-spacing:-.4px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;border-radius:13px;background:#edf0e3;margin-bottom:27px}.tabs button{border:0;border-radius:9px;background:transparent;padding:12px 5px;color:#64705c;font-weight:650;font-size:14px;display:flex;align-items:center;justify-content:center;gap:7px}.tabs button span{font-size:19px}.tabs button[aria-selected=true]{background:var(--yellow);color:var(--ink);box-shadow:0 2px 3px #b0b39c33}.tabs button:hover{color:var(--ink)}h3{font-size:17px;margin:0 0 23px;font-weight:700}label{display:block;font-size:14px;font-weight:650;margin:0 0 8px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #cbd3bd;border-radius:10px;background:#fff;color:var(--ink);padding:13px 14px;min-height:48px;font-size:16px}input::placeholder,textarea::placeholder{color:#909887}textarea{resize:vertical;min-height:110px}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:#678d45}.help{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:17px 0}#contact-panel>label,#sms-panel>label:not(:first-of-type){margin-top:17px}.optional{font-size:12px;font-weight:400;color:var(--muted)}.check{display:flex;align-items:center;gap:9px;margin:17px 0 0;font-weight:500}.check input{width:17px;height:17px;accent-color:var(--green)}.password{position:relative}.password input{padding-right:64px}.password button{position:absolute;right:9px;top:11px;background:none;border:0;color:var(--green);font-size:14px;padding:5px}.export-options{margin-top:29px;border-top:1px dashed #d4dcc7;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.export-options label{margin:0}.export-options select{width:185px;font-size:14px;min-height:44px;padding:10px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;font-size:13px;color:#78856a}.form-bottom button{background:none;border:0;color:var(--green);font-size:13px;padding:6px;text-decoration:underline;text-underline-offset:3px}.preview{background:#edf2df}.preview .step{background:#fffef5}.live{margin-left:auto;background:#fffef7;border:1px solid #d9e1c8;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:1px}.qr-stage{padding:24px;background:#dee9c9;border:1px solid #d5dfbd;border-radius:16px;background-image:radial-gradient(#bacda9 1px,transparent 1px);background-size:14px 14px}.qr-paper{background:#fff;border-radius:13px;max-width:280px;aspect-ratio:1;margin:auto;box-shadow:0 7px 13px #27492c12;display:flex;align-items:center;justify-content:center;padding:8px}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}#empty{display:flex;flex-direction:column;gap:12px;text-align:center;padding:20px;font-size:14px;color:var(--muted)}#empty>span:first-child{font-size:38px}#empty strong{color:var(--ink);font-size:16px}.preview-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;letter-spacing:1px;margin:15px 2px;color:#5f7255}.preview-caption span:last-child{font-weight:500;letter-spacing:0;font-size:12px}#status{font-size:14px;min-height:21px;margin:18px 0 12px;text-align:center;color:var(--green)}#status.error{color:#983326}.download{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:white;min-height:53px;border-radius:11px;border:0;width:100%;font-weight:700;font-size:16px;box-shadow:0 3px 0 #0b261b}.download:hover:not(:disabled){background:#2c6044}.download:disabled{opacity:.45;box-shadow:none}.download span{font-size:24px;line-height:1}.scan-tip{font-size:12px;text-align:center;color:#66775b;margin:14px 0 24px}.corn-note{display:flex;align-items:center;gap:13px;padding-top:21px;border-top:1px dashed #c7d5b5}.corn-note>span{font-size:32px}.corn-note p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}.corn-note strong{color:var(--ink);font-weight:650}footer{display:flex;justify-content:space-between;gap:20px;color:#7b876b;font-size:12px;margin:33px 0 25px}.footer-dot{margin:0 8px;color:#afbb95}@media(min-width:1100px){.editor{min-height:517px}}@media(max-width:800px){.topbar{height:80px;padding:0 24px}main{padding:29px 22px 0}.workspace{grid-template-columns:1fr;gap:22px}.intro{margin-bottom:27px}h1 br{display:block}.editor,.preview{padding:24px}.qr-paper{max-width:280px}footer{flex-direction:column;gap:8px;margin:25px 0}.preview{max-width:none}.qr-stage{padding:20px}}@media(max-width:410px){.privacy{font-size:12px}.privacy span{display:none}.brand{font-size:26px}.brand-icon{font-size:30px}.topbar{padding:0 18px}main{padding:25px 14px 0}.editor,.preview{padding:20px}.tabs button{font-size:13px;gap:4px}.tabs button span{font-size:16px}.two{grid-template-columns:1fr}.form-bottom{font-size:12px}.form-bottom button{font-size:12px}h2{font-size:17px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}
