:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#213f34;background:#f7f8f3;font-synthesis:none;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #759f29;outline-offset:4px}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}.header{max-width:1200px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5da}.brand{display:flex;align-items:center;text-decoration:none;color:#213f34;font-size:26px;font-weight:800;letter-spacing:-1px;gap:4px}.brand-light{font-weight:400}.brand-icon{display:flex;background:#176b50;color:#f6ffd8;border-radius:10px;padding:9px;margin-right:8px}.brand-icon svg{width:23px;height:23px}.brand-dot{color:#508222}.privacy{display:flex;align-items:center;gap:8px;color:#587162;font-size:12px}.privacy svg{width:16px;height:16px}main{max-width:1136px;margin:auto;padding:0 0 48px}.intro{padding:32px 0 28px}h1{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.8px;margin:0 0 12px}.intro p{font-size:15px;line-height:1.8;color:#69776d;margin:0}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:start}.editor,.preview{border:1px solid #dde4d9;border-radius:20px;padding:28px;background:#fff}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.step{display:grid;place-items:center;font-size:10px;color:#67816a;width:26px;height:26px;border:1px solid #dce5d7;border-radius:50%}h2{font-size:16px;letter-spacing:-.3px;font-weight:650;margin:0}.types{display:flex;gap:10px;margin-bottom:29px}.types button{display:flex;flex:1;flex-direction:column;align-items:center;gap:12px;background:#fff;border:1px solid #dce3d9;border-radius:11px;padding:17px 6px;color:#62736a;font-size:12px;font-weight:600}.types button:hover{border-color:#176b50;background:#f5f8f1}.types button[aria-pressed=true]{background:#eef5e9;color:#225b3e;border-color:#498162;box-shadow:inset 0 0 0 1px #498162}h3{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px}.form-description{color:#728075;font-size:13px;margin:0 0 24px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.field label span{color:#748074;font-weight:400;font-size:11px;margin-left:3px}input:not([type=checkbox]),select{width:100%;background:#fcfdfa;color:#213f34;border:1px solid #d8e0d4;border-radius:8px;padding:12px 13px;transition:border-color .15s}input::placeholder{color:#879388}input:focus,select:focus{outline:2px solid #b5c9a0;outline-offset:1px;border-color:#477856}input[aria-invalid=true]{border-color:#b64b40}small{display:block;color:#7a857a;font-size:11px;line-height:1.6;margin-top:7px}small:empty,.field-error:empty,.form-error:empty{display:none}.field-error,.form-error{font-size:12px;color:#a0362c;margin-top:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{font-size:12px;display:flex;align-items:center;gap:8px;margin:10px 0 16px;cursor:pointer}.check input{accent-color:#176b50;width:16px;height:16px;margin:0}.notice{font-size:11px;line-height:1.7;background:#f2f5ed;padding:12px 14px;border-radius:8px;color:#62735c;margin:20px 0}.primary{background:#176b50;color:#fff;border:1px solid #176b50;border-radius:9px;font-size:13px;font-weight:550;padding:13px 17px;display:flex;justify-content:center;align-items:center;gap:10px;transition:background .15s}.primary:hover{background:#11533e}.generate{width:100%;margin-top:27px;justify-content:space-between}.generate svg{width:19px;height:19px}.form-footnote{font-size:10px;text-align:center;color:#7b877a;margin:11px 0 0}.preview{background:#edf2e7;min-height:487px}.badge{margin-left:auto;font-size:9px;font-weight:600;border:1px solid #d2ddc7;border-radius:20px;padding:4px 8px;color:#5c7651;white-space:nowrap}.qr-stage{display:flex;justify-content:center;padding:3px 0 0}.qr-frame{background:#fff;padding:14px;border-radius:14px;border:1px solid #e0e6d8;box-shadow:0 10px 25px #43563507;width:258px;aspect-ratio:1;display:grid;place-items:center}#empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;color:#6d8064}#empty-state svg{width:84px;height:84px;color:#c2cdb8;margin-bottom:24px;stroke-width:1}#empty-state strong{font-size:12px;font-weight:550}#empty-state span{font-size:11px;margin-top:8px;line-height:1.7;color:#8a9781}canvas{width:100%;height:auto;image-rendering:pixelated}.preview-message{text-align:center;font-size:11px;margin:19px 0;color:#657859}.preview-note{border-top:1px solid #d9e2cf;margin-top:24px;padding-top:19px;display:flex;align-items:center;justify-content:center;gap:9px;color:#75866a;font-size:10px;line-height:1.7}.preview-note svg{width:18px;height:18px}.downloads{display:flex;gap:8px;margin-top:18px}.downloads .primary{flex:1}.downloads svg{width:17px;height:17px}.secondary{background:transparent;border:1px solid #a1b193;border-radius:9px;color:#34573c;padding:12px 17px;font-weight:600;font-size:12px}.secondary:hover{background:#e0e9d5}.download-hint{text-align:center;font-size:10px;color:#6e7f62}dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:11px;border-top:1px solid #d6dfcd;padding-top:17px;margin:0}dt{color:#738268}dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:550}.scan-tip{font-size:11px;color:#5c7252;line-height:1.7}details{margin-top:16px;font-size:10px;color:#5e7354}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:12px;max-height:210px;overflow:auto}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:44px;padding:28px 0 0;border-top:1px solid #dfe5da}.benefits article>span{font-size:9px;letter-spacing:1.4px;color:#85947b;font-weight:600}.benefits h3{font-size:14px;margin:10px 0 6px;letter-spacing:0}.benefits p{font-size:12px;line-height:1.8;margin:0;color:#75806f}footer{max-width:1200px;margin:auto;border-top:1px solid #dfe5da;padding:24px 32px 30px;display:flex;justify-content:space-between;font-size:11px;color:#6c7d62}.muted{color:#8b9584;margin-left:10px}@media(max-width:1200px){main{padding-left:32px;padding-right:32px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.intro{padding-top:36px}h1{font-size:30px}.preview{min-height:0}.benefits{gap:22px}.qr-frame{width:280px}.editor,.preview{padding:24px}.header{padding:22px 24px}main{padding-left:24px;padding-right:24px}}@media(max-width:500px){.privacy{font-size:0}.privacy svg{width:20px;height:20px}.intro p{font-size:13px}.desktop{display:none}main{padding-left:16px;padding-right:16px}.header{padding:20px 16px}h1{font-size:28px}.editor,.preview{padding:20px;border-radius:16px}h2{font-size:14px}.section-heading{gap:7px}.badge{font-size:8px}.types{gap:7px}.types button{font-size:11px}.field-row{grid-template-columns:1fr;gap:0}.benefits{grid-template-columns:1fr;gap:24px;margin-top:30px}.benefits p{max-width:330px}footer{padding:22px 16px;gap:20px;font-size:10px}.muted{display:none}.qr-frame{max-width:100%}}.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid #d8e0d4;border-radius:9px;background:transparent;color:inherit;font-size:12px}.theme-toggle svg{width:18px;height:18px}.theme-toggle:hover{background:#eef5e9}.theme-toggle[aria-pressed=true]{background:#263f35;border-color:#709b85}:root[data-theme=dark]{color-scheme:dark;color:#e1ece5;background:#121b17}[data-theme=dark] :is(.brand,input:not([type=checkbox]),select){color:#e1ece5}[data-theme=dark] :is(.header,.benefits,footer,.editor,.preview,.step,.badge,.preview-note,dl,.secondary,.theme-toggle){border-color:#3a4e42}[data-theme=dark] :is(.editor,.types button,pre){background:#1b2821}[data-theme=dark] :is(.preview,.notice){background:#202f26}[data-theme=dark] :is(input:not([type=checkbox]),select){background:#152019;border-color:#4b6152}[data-theme=dark] :is(.privacy,.intro p,.step,.types button,.form-description,.field label span,small,.notice,.form-footnote,.badge,.preview-message,.preview-note,.download-hint,dt,.scan-tip,details,.benefits article>span,.benefits p,footer,.muted){color:#afc2b4}[data-theme=dark] input::placeholder{color:#97ab9d}[data-theme=dark] :is(.brand-dot,.secondary){color:#b3ddb9}[data-theme=dark] :is(.types button:hover,.secondary:hover,.theme-toggle:hover){background:#2c4234}[data-theme=dark] .types button[aria-pressed=true]{background:#2a4335;color:#d3efd8;border-color:#83b795;box-shadow:inset 0 0 0 1px #83b795}[data-theme=dark] :is(.primary,.brand-icon){background:#247657;border-color:#479475}[data-theme=dark] .primary:hover{background:#2d8563}[data-theme=dark] .check input{accent-color:#8dc4a1}[data-theme=dark] :is(.field-error,.form-error){color:#ffb0a4}[data-theme=dark] input[aria-invalid=true]{border-color:#ffb0a4}[data-theme=dark] :is(input:focus,select:focus){outline-color:#83b795;border-color:#83b795}[data-theme=dark] .qr-frame{border-color:#dce5d7}@media(max-width:800px){.header-actions{gap:12px}.header-actions .privacy{display:none}}@media(max-width:500px){.theme-toggle{padding:9px}.theme-toggle span{display:none}}.language-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 10px;border:1px solid #d8e0d4;border-radius:9px;background:transparent;color:inherit;font-size:12px;white-space:nowrap}.language-toggle:hover{background:#eef5e9}[data-theme=dark] .language-toggle{border-color:#3a4e42}[data-theme=dark] .language-toggle:hover{background:#2c4234}@media(max-width:1000px){.header-actions .privacy{display:none}}@media(max-width:380px){.header-actions{gap:6px}.brand{font-size:23px}}