:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263e35;background:#f8f9f5;font-synthesis:none;--green: #225e4c;--muted: #79837b;--line: #e2e7de}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #88a996;outline-offset:3px}header{max-width:1320px;margin:auto;height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 32px}.brand{display:flex;align-items:center;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:400}.brand-icon{display:grid;place-items:center;background:var(--green);color:#fff;border-radius:10px;width:34px;height:34px;margin-inline-end:10px;font-size:29px}.brand-dot{width:6px;height:6px;background:#8cab5f;border-radius:50%;align-self:flex-end;margin:0 0 7px 4px}nav{margin-inline-start:auto;display:flex;align-items:center;gap:28px;font-size:13px}nav button{border:0;background:none}.count{background:#e8ede4;border-radius:5px;padding:2px 5px;margin-inline-start:5px;font-size:10px}.language{display:flex;flex-direction:row;align-items:center;gap:5px;padding-inline-start:24px;border-inline-start:1px solid var(--line)}.language select{border:0;background:transparent;width:115px;font-size:12px}main{max-width:1180px;margin:auto;padding:0 28px}.hero{padding:53px 0 38px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:650;display:flex;gap:7px;align-items:center}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#6d9156}h1{font-size:clamp(30px,4vw,46px);font-weight:550;letter-spacing:-1.8px;margin:16px 0 12px;line-height:1.25;max-width:900px}.hero p{font-size:15px;color:var(--muted);margin:0}.hero-note{position:absolute;inset-inline-end:0;bottom:38px;font-size:11px;color:var(--muted);max-width:250px;line-height:1.7}.hero-note span{color:var(--green);font-size:20px;vertical-align:middle}.workspace{display:grid;grid-template-columns:1.35fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #213a2d04}.editor{padding:30px 32px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:21px}h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-.3px}.step{font:11px ui-monospace,monospace;color:#849083;border:1px solid #dde4d9;padding:5px;border-radius:5px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.type{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;padding:7px 3px}.type span{font-size:20px;font-weight:400;line-height:1}.type.selected{background:#eef5eb;border-color:#9aad95;color:var(--green)}.type:hover{border-color:#9aad95}.fields{margin-top:21px;display:grid;gap:12px}.fields:has(label:nth-child(3)){grid-template-columns:1fr 1fr}.fields label:has(textarea){grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;min-width:0}input:not([type=color]),textarea,select{width:100%;border:1px solid #dce2d8;border-radius:7px;background:#fff;padding:11px 12px;color:#263e35;font-size:13px;min-width:0}input::placeholder,textarea::placeholder{color:#9aa299}textarea{resize:vertical;min-height:72px}input:disabled{background:#f4f5f1}.divider{height:1px;background:var(--line);margin:25px 0}.small-link{font-size:11px;color:#74816f;margin-inline-start:auto}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.full{grid-column:1/-1}.color-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;height:40px;padding:5px 8px;gap:9px}.color-field span{font-size:11px;color:#7b8277;font-family:monospace;text-transform:uppercase}input[type=color]{width:26px;height:26px;border:0;padding:0;background:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.segmented{display:flex;gap:5px;border:1px solid var(--line);padding:4px;border-radius:7px;height:40px}.segmented button{flex:1;border:0;border-radius:4px;background:#fff;font-size:20px;line-height:1}.segmented button.active{background:#e9efe4;color:#335337}.preview-panel{background:#f2f5ed;padding:25px 34px;display:flex;flex-direction:column;border-inline-start:1px solid var(--line)}.preview-top{font-size:11px;display:flex;align-items:center;gap:6px;color:#77816f}.live-dot{width:6px;height:6px;background:#829f60;border-radius:50%}.edition{margin-inline-start:auto;font-family:monospace;font-size:10px;letter-spacing:1px}.preview-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:30px 10px 18px;background-image:radial-gradient(#8f9e7b24 .7px,transparent .7px);background-size:15px 15px;background-position:center;min-height:350px}#qr-preview{width:min(100%,282px);filter:drop-shadow(0 12px 12px #2f452417);transition:transform .2s}#qr-preview svg{width:100%;height:auto;display:block}.invalid-preview{display:block;text-align:center;font-size:130px;opacity:.15}.download-settings{display:flex;align-items:end;justify-content:space-between;margin:4px 0 14px}.download-settings label{width:140px}.download-settings>span{font-size:10px;color:#7d8773;letter-spacing:1px;margin-bottom:13px}.download-buttons{display:flex;gap:8px}.primary,.secondary{border:1px solid var(--green);border-radius:7px;padding:13px 16px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--green);color:#fff;flex:1;box-shadow:0 3px 5px #225e4c12}.primary:hover{background:#184b3b}.secondary{background:transparent;border-color:#ccd6c5}.secondary:hover{background:#e6eddf}.save-button{border:0;background:transparent;font-size:11px;padding:15px}.privacy-note{font-size:10px;line-height:1.7;color:#87917e;text-align:center;margin:3px 0 0}#error{font-size:12px;color:#a13d2c;min-height:18px;margin:0 0 5px}.template-section{padding-top:46px;scroll-margin-top:24px}.template-count{border:1px solid var(--line);border-radius:14px;padding:2px 8px;font-size:10px;color:#7f8b76}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid transparent;border-radius:6px;background:transparent;color:#7c8677;font-size:12px;padding:8px 17px}.filters button.selected{background:var(--green);color:#fff}.filters button:hover:not(.selected){background:#ebefe5}.templates{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.template-card{padding:0;overflow:hidden;border:1px solid #e0e6db;border-radius:10px;background:#fff;text-align:start;transition:transform .18s,box-shadow .18s}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #2947220b}.template-card.chosen{border-color:#668258;box-shadow:0 0 0 1px #668258}.template-art{padding:15px 18px;background:#f0f2ec}.template-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 3px #3333330a)}.template-label{padding:12px 10px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:4px}.template-label small{font-size:9px;color:#8f9788;margin-inline-start:3px}.choose-mark{color:#839573;font-size:12px}.batch-section{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.batch-section h2{margin:12px 0}.batch-section p{font-size:12px;color:#7d8776}.batch-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.batch-controls button{height:43px}#batch-status{grid-column:1/-1;margin:0}footer{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7f8978;font-size:10px}footer .brand{font-size:18px}dialog{border:1px solid var(--line);border-radius:16px;max-width:550px;width:calc(100% - 30px);padding:25px;color:inherit;max-height:80vh}dialog::backdrop{background:#17352566;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog p{font-size:12px;color:#7f8978;line-height:1.6}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading button{border:0;background:transparent;font-size:27px}.history-item{display:flex;border-bottom:1px solid var(--line)}.history-item button{border:0;background:transparent;padding:15px 8px;text-align:start}.history-item button:first-child{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.history-item strong{font-size:12px}.history-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}#history-list{margin-bottom:20px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#214c3c;color:#fff;border-radius:9px;padding:14px 24px;opacity:0;pointer-events:none;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[dir=rtl] .brand{direction:ltr}[dir=rtl] input[type=url],[dir=rtl] input[type=email],[dir=rtl] input[type=tel]{direction:ltr;text-align:right}@media(min-width:1100px){.hero h1{max-width:850px}.hero:has(h1) .hero-note{position:static;margin-top:16px;max-width:none}.preview-panel{padding-top:28px}}@media(max-width:1000px){.hero-note{position:static;margin-top:14px;max-width:none}.templates{grid-template-columns:repeat(4,1fr)}.editor,.preview-panel{padding:25px}.workspace{grid-template-columns:1.2fr 1fr}}@media(max-width:720px){header{height:70px;padding:0 20px;gap:14px}header nav{gap:10px}header nav>a{display:none}.brand{font-size:20px}.brand-icon{width:28px;height:28px;font-size:23px}.language{padding-inline-start:10px}.language select{width:92px;padding:6px 2px}.language>span{display:none}main{padding:0 18px}.hero{padding:32px 0 25px}h1{font-size:33px;letter-spacing:-1px}.workspace{grid-template-columns:1fr}.preview-panel{border-inline-start:0;border-top:1px solid var(--line)}.preview-canvas{min-height:300px;padding:22px}#qr-preview{max-width:250px}.editor{padding:23px 20px}.templates{grid-template-columns:repeat(3,1fr);gap:10px}.template-art{padding:10px}.template-label{font-size:10px;padding:10px 7px}.filters{gap:3px}.filters button{padding:8px 12px}.batch-section{grid-template-columns:1fr;gap:10px}footer{flex-wrap:wrap;gap:14px}footer>span:nth-child(2){order:3;width:100%;line-height:1.7}.batch-controls{grid-template-columns:1fr}.batch-controls button{width:100%}}@media(max-width:380px){header{padding:0 12px;gap:8px}.brand-icon{display:none}.templates{grid-template-columns:repeat(2,1fr)}.type-grid{gap:5px}.design-grid{gap:14px 10px}.fields:has(label:nth-child(3)){grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.templates{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.template-art{height:244px;display:flex;align-items:center;justify-content:center;padding:22px;background:#eef0e9}.template-art svg{max-height:100%;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 7px 5px #24302316)}.template-label{padding:15px 13px;min-height:65px}.template-label strong{display:block;font-weight:550;font-size:13px}.template-label small{display:block;margin:5px 0 0;font-size:10px}.choose-mark{border:1px solid #dbe2d4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.chosen .choose-mark{color:#fff;background:var(--green);border-color:var(--green)}.preview-canvas{min-height:400px}#qr-preview{width:100%;max-width:330px;display:flex;align-items:center;justify-content:center}#qr-preview svg{max-width:100%;max-height:350px;width:auto;height:auto}@media(max-width:1000px){.templates{grid-template-columns:repeat(3,minmax(0,1fr))}.template-art{height:230px;padding:18px}}@media(max-width:720px){.templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-art{height:195px;padding:14px}.template-label{padding:11px 9px;min-height:65px}.template-label strong{font-size:12px}.preview-canvas{min-height:365px}}@media(max-width:380px){.template-art{height:165px;padding:12px}.template-label strong{font-size:11px}}