@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff")}@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/playfair-display-latin-600-italic-Bvp5b4iR.woff2) format("woff2"),url(/assets/playfair-display-latin-600-italic-BFV_U8S6.woff) format("woff")}:root{color:#18221c;background:#f4f1e9;font-family:Manrope,system-ui,sans-serif;font-synthesis:none;--ink: #18221c;--forest: #244d38;--sage: #dbe6d8;--paper: #f4f1e9;--card: #fffefa;--muted: #6d746f;--line: #d7d7cd;--cream: #ece7dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 7% 20%,rgba(213,225,208,.75),transparent 26rem),linear-gradient(180deg,#f7f4ed 0%,var(--paper) 60%,#efebe1 100%)}button,input,select{font:inherit}button,select,input[type=color],input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(36,77,56,.2);outline-offset:3px}.site-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid rgba(24,34,28,.14)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:18px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#f8f5ec;background:var(--forest);transform:rotate(-2deg)}.brand-mark svg{width:22px;fill:currentColor}.header-note{color:var(--muted);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.intro{padding:78px 0 48px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--forest);font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.eyebrow span{width:23px;height:1px;background:var(--forest)}h1{max-width:860px;margin:0 auto;font-size:clamp(48px,7vw,82px);font-weight:600;letter-spacing:-.065em;line-height:.98}h1 em{color:var(--forest);font-family:Playfair Display,Georgia,serif;font-weight:600;letter-spacing:-.045em}.intro-copy{max-width:590px;margin:25px auto 0;color:var(--muted);font-size:16px;line-height:1.7}.generator-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);overflow:hidden;border:1px solid rgba(24,34,28,.16);border-radius:22px;background:var(--card);box-shadow:0 28px 80px #1e251f17}.control-panel{padding:48px 52px 50px}.section-heading,.options-heading{display:flex;align-items:flex-start;gap:15px}.section-heading h2,.options-heading h2,.preview-topline h2{margin:0;font-size:19px;letter-spacing:-.035em}.section-heading p,.options-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.step-number{padding-top:3px;color:var(--forest);font-family:DM Mono,monospace;font-size:10px}.field-label{display:block;margin-bottom:9px;color:#434b46;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-heading+form>.field-label{margin-top:31px}.url-field{display:grid;grid-template-columns:24px 1fr 28px;gap:10px;align-items:center;height:58px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.url-field:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #244d3814}.url-field.has-error{border-color:#a9473d}.url-field>svg,.input-clear svg,.select-wrap svg,.generate-button svg,.download-primary svg,.generated-url button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.url-field>svg{width:21px;color:#768078}.url-field input{width:100%;height:100%;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:15px}.url-field input::placeholder{color:#a2a79f}.input-clear{display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:50%;color:#747b76;background:#f0eee8}.input-clear svg{width:15px}.field-message{min-height:17px;margin:7px 0 0;color:#a9473d;font-size:11px}.options-heading{margin-top:24px;padding-top:27px;border-top:1px solid var(--line)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:27px}.color-control,.select-wrap{display:flex;align-items:center;height:46px;border:1px solid var(--line);border-radius:9px;background:#fff}.color-control{gap:10px;padding:0 12px}.color-control input{width:25px;height:25px;padding:0;overflow:hidden;border:1px solid #c8cbc4;border-radius:50%;background:none}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:0;border-radius:50%}.color-control span,.range-label span{color:#505852;font-family:DM Mono,monospace;font-size:11px}.select-wrap{position:relative}.select-wrap select{width:100%;height:100%;padding:0 38px 0 12px;appearance:none;border:0;outline:0;color:#454c47;background:transparent;font-size:12px}.select-wrap svg{position:absolute;right:11px;width:17px;pointer-events:none}.range-label{display:flex;justify-content:space-between}.range-label .field-label{margin-bottom:0}input[type=range]{--range-progress: 0%;width:100%;height:20px;margin:9px 0 0;appearance:none;background:transparent;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--forest) 0%,var(--forest) var(--range-progress),#d9ded7 var(--range-progress),#d9ded7 100%)}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border:3px solid white;border-radius:50%;background:var(--forest);box-shadow:0 0 0 1px var(--forest),0 2px 5px #18221c33}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#d9ded7}input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--forest)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid white;border-radius:50%;background:var(--forest);box-shadow:0 0 0 1px var(--forest),0 2px 5px #18221c33}.generate-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;margin-top:32px;padding:0 19px 0 21px;border:0;border-radius:9px;color:#fff;background:var(--forest);font-size:13px;font-weight:700;box-shadow:0 8px 20px #244d382b;transition:transform .15s ease,background .15s ease}.generate-button:hover{background:#1b3d2c;transform:translateY(-1px)}.generate-button svg{width:19px}.preview-panel{display:flex;flex-direction:column;min-width:0;padding:48px 46px 37px;border-left:1px solid var(--line);background:linear-gradient(rgba(36,77,56,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(36,77,56,.03) 1px,transparent 1px),#eef1e9;background-size:22px 22px}.preview-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.preview-kicker{display:block;margin-bottom:7px;color:var(--forest);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 9px;border:1px solid #cad1c8;border-radius:999px;color:#68706a;background:#ffffff9e;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.status-pill i{width:5px;height:5px;border-radius:50%;background:#8b938d}.status-pill.is-live{color:#245d3d}.status-pill.is-live i{background:#3e9a64;box-shadow:0 0 0 3px #3e9a641f}.status-pill.is-error{color:#91473e}.status-pill.is-error i{background:#b65448}.qr-stage{display:grid;width:min(100%,330px);aspect-ratio:1;margin:32px auto 20px;padding:24px;place-items:center;border:1px solid #d4d9d0;border-radius:14px;background:#fff;box-shadow:0 12px 35px #25302814}.qr-stage canvas{display:block;width:100%!important;height:100%!important}.empty-qr{color:#bdc6bd;text-align:center}.empty-qr svg{width:118px;fill:currentColor;opacity:.58}.empty-qr p{margin:17px 0 4px;color:#657068;font-size:12px;font-weight:600}.empty-qr span{color:#969e98;font-size:10px}.generated-url{display:flex;align-items:center;gap:9px;min-height:37px;padding:7px 8px 7px 12px;overflow:hidden;border:1px solid #d4d9d0;border-radius:8px;background:#fff9}.generated-url span{overflow:hidden;flex:1;color:#59625c;font-family:DM Mono,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.generated-url button{display:grid;flex:0 0 auto;width:23px;height:23px;padding:0;place-items:center;border:0;border-radius:5px;color:#5f6962;background:#e4e9e1}.generated-url button svg{width:13px}.download-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:14px}.download-primary,.download-secondary{height:48px;border-radius:8px;font-size:11px;font-weight:700}.download-primary{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);color:#fff;background:var(--ink)}.download-primary svg{width:17px}.download-secondary{padding:0 18px;border:1px solid #c7cdc5;color:var(--ink);background:#ffffffb8}.download-primary:disabled,.download-secondary:disabled{cursor:not-allowed;opacity:.42}.download-note{margin:11px 0 0;color:#889089;font-size:9px;text-align:center}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:45px 5px 62px}.trust-row div{position:relative;padding-left:52px}.trust-row span{position:absolute;top:0;left:0;display:grid;width:36px;height:36px;place-items:center;border:1px solid #c6c9c0;border-radius:50%;color:var(--forest);font-family:DM Mono,monospace;font-size:9px}.trust-row strong{display:block;margin-top:1px;font-size:12px}.trust-row p{margin:5px 0 0;color:var(--muted);font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;min-height:80px;border-top:1px solid rgba(24,34,28,.14);color:#777e78;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase}footer span{color:var(--ink);font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.03em;text-transform:none}.toast{position:fixed;right:22px;bottom:22px;z-index:10;padding:12px 17px;border-radius:8px;color:#fff;background:var(--ink);font-size:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@media(max-width:860px){.site-shell{width:min(100% - 28px,680px)}.intro{padding:62px 0 40px}.generator-card{grid-template-columns:1fr}.preview-panel{border-top:1px solid var(--line);border-left:0}}@media(max-width:560px){.site-header{min-height:72px}.header-note{display:none}.intro{padding:50px 0 34px}h1{font-size:clamp(42px,13vw,62px)}.intro-copy{font-size:14px}.control-panel,.preview-panel{padding:34px 24px}.option-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr;gap:28px;padding-inline:8px}footer p{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.header-actions{display:flex;align-items:center;gap:14px}.install-button{padding:8px 12px;border:1px solid rgba(36,77,56,.3);border-radius:999px;color:var(--forest);background:#ffffff8c;font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.first-field{margin-top:31px}.type-select{width:100%}.type-fields{margin-top:24px}.type-panel{min-width:0;margin:0;padding:0;border:0}.form-input,.text-field{display:block;width:100%;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--ink);background:#fff;font-size:13px;transition:border-color .16s ease,box-shadow .16s ease}.form-input{height:46px;padding:0 13px}.text-field{min-height:88px;padding:12px 13px;resize:vertical;line-height:1.5}.form-input:focus,.text-field:focus{border-color:var(--forest);box-shadow:0 0 0 3px #244d3814}.form-input.has-error,.text-field.has-error,.password-wrap.has-error{border-color:#a9473d}.form-grid{display:grid;gap:16px}.form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-top{margin-top:16px}.optional{color:#969c97;font-size:8px;font-weight:500}.password-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.password-wrap .form-input{border:0;border-radius:0}.password-wrap button{padding:0 12px;border:0;color:var(--forest);background:#f2f4ef;font-size:10px;font-weight:700}.check-control{display:flex;align-items:flex-start;gap:10px;margin-top:13px;color:#4e5751;font-size:11px;cursor:pointer}.check-control input{width:16px;height:16px;margin:0;accent-color:var(--forest)}.logo-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;margin-top:27px;padding-top:25px;border-top:1px solid var(--line)}.logo-control .field-label{margin:0 0 5px}.logo-control p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.logo-upload{padding:10px 13px;border:1px solid #c6cdc5;border-radius:8px;color:var(--forest);background:#fff;font-size:10px;font-weight:700;cursor:pointer}.logo-preview{display:flex;align-items:center;gap:9px}.logo-preview img{width:42px;height:42px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.logo-preview button,.history-heading>button,.history-actions button{border:0;color:#7e4038;background:transparent;font-size:10px;font-weight:700}.logo-size-control,.logo-message{grid-column:1/-1}.logo-size-control{padding-top:7px}.history-toggle{margin-top:24px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#f8f7f2}.history-toggle span{display:grid;gap:3px}.history-toggle strong{color:var(--ink);font-size:11px}.history-toggle small{color:var(--muted);font-size:9px;line-height:1.4}.verification-card{margin-top:14px;padding:15px;border:1px solid #d4d9d0;border-radius:10px;background:#ffffffad}.verification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.verification-heading div{display:grid;gap:3px}.verification-heading div>span{color:var(--muted);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.verification-heading strong{font-size:12px}.verification-badge{padding:5px 7px;border-radius:999px;color:#68706a;background:#e6e9e3;font-family:DM Mono,monospace;font-size:7px;text-transform:uppercase}.verification-card[data-status=pass] .verification-badge{color:#245d3d;background:#dcecdf}.verification-card[data-status=warn] .verification-badge,.verification-card[data-status=fail] .verification-badge{color:#8a453d;background:#f4ded9}.verification-card ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin:13px 0 0;padding:0;list-style:none}.verification-card li{display:flex;align-items:flex-start;gap:6px;color:#606862;font-size:9px;line-height:1.35}.verification-card li i{flex:0 0 auto;width:6px;height:6px;margin-top:3px;border-radius:50%;background:#9aa09a}.verification-card li.is-pass i{background:#3e9a64}.verification-card li.is-warn i{background:#d1953f}.verification-card li.is-fail i{background:#b65448}.download-actions{grid-template-columns:minmax(0,1fr) auto}.copy-image{grid-column:1/-1;height:40px}.history-section{margin-top:28px;padding:30px 34px;border:1px solid rgba(24,34,28,.14);border-radius:16px;background:#fffefab3}.history-heading,.history-heading>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.history-heading h2{margin:0;font-size:17px;letter-spacing:-.03em}.history-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.history-list{display:grid;gap:8px;margin-top:19px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}.history-item>div:first-child{display:grid;min-width:0;gap:3px}.history-type{color:var(--forest);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.history-item strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.history-item small,.history-empty{color:var(--muted);font-size:9px}.history-actions{display:flex;flex:0 0 auto;gap:4px}.history-actions button{padding:7px 9px;border:1px solid #d7d9d3;border-radius:6px;color:var(--forest);background:#f7f7f2}.history-actions button:last-child{color:#8a453d}.history-empty{margin:18px 0 0;text-align:center}select:disabled{cursor:not-allowed;opacity:.65}@media(max-width:560px){.header-actions{gap:6px}.install-button{padding:7px 8px;font-size:8px}.form-grid.two-up,.verification-card ul,.logo-control{grid-template-columns:1fr}.logo-size-control,.logo-message{grid-column:auto}.history-section{padding:24px 20px}.history-item{align-items:flex-start;flex-direction:column;gap:10px}.history-actions{width:100%}.history-actions button{flex:1}}
