:root{font-family:'DM Sans',sans-serif;color:#1c2926;background:#f6f8f5;font-synthesis:none;--ink:#1c2926;--muted:#74817b;--green:#1c624b;--line:#e5eae5;--mint:#edf5ef}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:72px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 18px Manrope,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;background:#dcece0;color:var(--green);height:32px;width:32px;border-radius:10px;margin-right:7px;font-size:21px}.privacy-pill{background:#eaf3ed;color:#416a55;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:600}.privacy-pill span{color:#6bb586;font-size:9px;margin-right:5px}main{max-width:1160px;padding:40px 24px 70px;margin:auto}.intro{max-width:640px;margin:10px auto 38px;text-align:center}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#678274;margin:0 0 12px}.intro h1{font:800 clamp(36px,5vw,54px)/1.08 Manrope,sans-serif;letter-spacing:-2px;margin:0}.intro h1 span{color:var(--green)}.intro-copy{max-width:560px;margin:18px auto 0;color:#64716a;font-size:15px;line-height:1.65}.workspace{display:grid;grid-template-columns:1.1fr .9fr;background:white;border:1px solid #e9ede9;border-radius:16px;box-shadow:0 16px 48px #22352a0b;overflow:hidden}.form-panel,.result-panel{padding:30px 34px}.result-panel{background:#fbfcfa;border-left:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.section-heading h2{font:700 20px Manrope,sans-serif;margin:0;letter-spacing:-.5px}.section-heading .eyebrow{margin-bottom:7px}.step{font-size:12px;font-weight:700;color:var(--green)}.step i{font-style:normal;color:#a5b0a9;font-weight:500}label{font-size:12px;font-weight:700;display:block;margin:13px 0 7px;color:#34423b}input,select,textarea{font:400 14px 'DM Sans',sans-serif;color:var(--ink);width:100%;min-height:42px;background:#fff;border:1px solid #dce3dd;border-radius:7px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#56836b;box-shadow:0 0 0 3px #dceddf}.input-wrap{display:flex;align-items:center;border:1px solid #dce3dd;border-radius:7px;padding-left:12px;color:#8a978f;font-size:13px}.input-wrap:focus-within{border-color:#56836b;box-shadow:0 0 0 3px #dceddf}.input-wrap input{border:0;box-shadow:none!important;padding-left:2px}.field-hint{font-size:11px;color:#87928b;margin:6px 0 0}.field-error{font-size:11px;color:#ad503d;margin:6px 0 0}input[aria-invalid="true"]{border-color:#ad503d}input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px #f5dfda}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.options-row label{margin-top:12px}.form-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.primary-button{background:var(--green);color:white;border:0;border-radius:7px;padding:12px 16px;font:600 13px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 3px 7px #1c624b22}.primary-button:hover{background:#164f3c}.primary-button span{margin-left:13px}.reset-button{border:0;background:none;color:#74817b;font:600 12px 'DM Sans',sans-serif;cursor:pointer;padding:10px}.result-heading{margin-bottom:14px}.qr-stage{height:260px;background:white;border:1px dashed #dce4dc;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa59e;font-size:12px;gap:10px}.qr-stage img{max-width:min(72%,220px);max-height:220px;image-rendering:pixelated}.placeholder-qr{width:112px;height:112px;border:2px solid #dce8dd;position:relative;background-image:radial-gradient(#dce8dd 1px,transparent 1.5px);background-size:8px 8px}.finder{position:absolute;width:27px;height:27px;border:5px solid #c5d8c8;background:#fbfcfa}.f1{top:5px;left:5px}.f2{top:5px;right:5px}.f3{bottom:5px;left:5px}.placeholder-dots{position:absolute;right:9px;bottom:9px;color:#a9c5ad;font-size:21px}.result-status{font-size:11px;line-height:1.4;color:#74817b;margin:12px 0 15px;min-height:16px}.result-status.success{color:#30744f}.result-status.error{color:#ad503d}.payload-block{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.payload-title{height:34px;background:#f7f9f7;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:9px;font-weight:700;letter-spacing:1px;color:#708078}.local-tag{font-size:8px;letter-spacing:.5px;background:#e8f3ea;color:#4b795c;border-radius:10px;padding:4px 6px}pre{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#68756e;margin:0;padding:11px;max-height:92px;overflow:auto;min-height:48px}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.download-actions button{border:1px solid #dce4dd;background:white;border-radius:7px;height:39px;color:#46554d;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.download-actions button:enabled:hover{border-color:#6d9a7c;color:var(--green)}.download-actions button:disabled{opacity:.45;cursor:not-allowed}.result-footnote{color:#8a968f;text-align:center;font-size:10px;margin:12px 0 0}.counter-note{display:flex;gap:12px;align-items:center;max-width:750px;margin:24px auto 0;color:#738078;font-size:12px;line-height:1.6}.counter-note>span{color:var(--green);font-size:20px}.counter-note p{margin:0}.counter-note strong{color:#42544a}footer{max-width:1160px;margin:auto;border-top:1px solid #e8ede8;padding:20px 24px 28px;display:flex;justify-content:space-between;color:#849088;font-size:11px}[hidden]{display:none!important}
@media(max-width:760px){main{padding-top:24px}.intro{margin-bottom:28px}.intro-copy{font-size:14px}.workspace{grid-template-columns:1fr}.form-panel,.result-panel{padding:25px 22px}.result-panel{border-left:0;border-top:1px solid var(--line)}.result-heading{margin-bottom:14px}.qr-stage{height:230px}.step{display:none}}
@media(max-width:400px){.form-panel,.result-panel{padding:22px 16px}.intro h1{letter-spacing:-1.5px}}
.counter-stats{display:flex;flex-wrap:wrap;gap:14px 28px;margin:12px 0 6px}.counter-stats div{display:grid;gap:3px}.counter-stats dt{font-size:11px;color:#64716a}.counter-stats dt span{color:#8a968f}.counter-stats dd{margin:0;color:var(--green);font-size:16px;font-weight:700}.counter-limit{font-size:11px;margin:8px 0 0;color:#849088}