@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{color:#17231b;font-synthesis:none;--ink:#17231b;--lime:#d7f44a;--muted:#697069;--line:#dcded5;background:#f7f5ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 48% 12%,#fff 0,#0000 27%),#f7f5ef;min-width:320px;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #17231b17;justify-content:space-between;align-items:center;max-width:1220px;height:76px;margin:auto;padding:0 24px;display:flex}.brand{color:var(--ink);letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child{color:#90a512}.brand-mark{background:var(--ink);width:36px;height:36px;color:var(--lime);border-radius:9px;place-items:center;display:grid}.topbar nav{gap:32px;display:flex}.topbar nav a{color:#70756f;font-size:14px;font-weight:600;text-decoration:none}.topbar nav a.active{color:var(--ink)}.header-actions{gap:8px;display:flex}.icon-button,.outline-button{border:1px solid var(--line);cursor:pointer;background:#ffffff80;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 13px;display:flex}.icon-button{justify-content:center;width:38px;padding:0}.hero{text-align:center;padding:64px 20px 48px}.eyebrow{color:#687521;letter-spacing:1.2px;background:#fbfce9;border:1px solid #d7ddba;border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-3px;margin:21px 0;font-family:DM Serif Display,serif;font-size:clamp(48px,6vw,76px);font-weight:400;line-height:.95}.hero h1 em{color:#65721b}.hero p{color:#666d67;max-width:600px;margin:auto;font-size:17px;line-height:1.6}.studio{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);max-width:1160px;margin:0 auto 90px;display:grid;overflow:visible;box-shadow:0 20px 60px #1b221d14}.editor-panel{border-right:1px solid var(--line);padding:42px 46px}.step-heading{align-items:flex-start;gap:15px;display:flex}.step-heading>span{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:15px;place-items:center;min-width:38px;height:25px;margin-top:3px;font-size:11px;display:grid}.step-heading h2{margin:0 0 3px;font-family:DM Serif Display,serif;font-size:27px;font-weight:400}.step-heading p{color:var(--muted);margin:0;font-size:14px}.step-heading.compact{margin-bottom:28px}.type-tabs{background:#f1f1ed;border-radius:10px;grid-template-columns:1fr 1fr;margin:27px 0 22px;padding:4px;display:grid}.type-tabs button{cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.type-tabs button.selected{background:#fff;box-shadow:0 2px 6px #00000014}.field-label{color:#394039;justify-content:space-between;margin:0 0 8px;font-size:12px;font-weight:700;display:flex}.field-label span,.label-row>span{color:#939991;font-weight:500}.url-input{border:1px solid #cdd0c9;border-radius:9px;align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.url-input:focus-within{border-color:#788529;box-shadow:0 0 0 3px #d7f44a40}.url-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.url-input button{cursor:pointer;color:#7b807a;background:0 0;border:0}.input-meta{color:#9ba09b;justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.input-meta span{align-items:center;gap:4px;display:flex}.input-meta .valid{color:#668024}.divider{background:var(--line);height:1px;margin:36px 0}.control-section{margin-bottom:25px}.control-section h3{margin:0 0 17px;font-size:13px}.style-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.style-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;place-items:center;height:52px;display:grid}.style-grid button.selected{border-color:#768420;box-shadow:0 0 0 2px #e3f575}.pattern{background-color:var(--ink);width:24px;height:24px;display:block}.p1{border-radius:6px}.p2{box-shadow:10px 0 0 -5px var(--ink),0 10px 0 -5px var(--ink);border-radius:50%;transform:scale(.8)}.p3{border-radius:8px 1px}.p4{border-radius:9px}.two-col{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px;display:grid}.color-input{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;height:43px;padding:5px 10px;display:flex}.color-input input[type=color]{cursor:pointer;background:0 0;border:0;width:27px;height:27px;padding:0}.color-input input:last-child{border:0;outline:0;width:90px;font-size:12px;font-weight:600}.label-row{justify-content:space-between;align-items:center;display:flex}.text-button{color:#8b4b45;cursor:pointer;background:0 0;border:0;gap:4px;font-size:11px;display:flex}.logo-drop{cursor:pointer;border:1px dashed #c7cac4;border-radius:9px;align-items:center;gap:12px;height:66px;padding:0 15px;display:flex}.logo-drop:hover{background:#fafbf5}.logo-drop input{display:none}.logo-drop>span:nth-of-type(2){flex-direction:column;flex:1;display:flex}.logo-drop b{font-size:12px}.logo-drop small{color:#92978f;margin-top:3px;font-size:10px}.upload-icon{background:#f1f2ec;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.two-col input[type=range]{accent-color:#6c7920;width:100%}.presets{border-top:1px solid var(--line);padding-top:23px}.preset-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preset-row button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 4px;font-size:10px}.preset-row i{border-radius:6px;width:28px;height:28px;margin:0 auto 5px;padding:7px;display:block}.preset-row b{border-radius:3px;width:14px;height:14px;display:block}.preview-panel{background:#f2f2ea;border-radius:0 20px 20px 0;padding:35px}.preview-sticky{position:sticky;top:22px}.preview-header{justify-content:space-between;align-items:center;margin-bottom:27px;font-size:13px;font-weight:700;display:flex}.preview-header>span{align-items:center;gap:8px;display:flex}.status-dot{color:#61761e;letter-spacing:.7px;background:#e8f4c1;border-radius:12px;padding:6px 9px;font-size:9px}.status-dot:before{content:"";background:#82a314;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.qr-stage{place-items:center;min-height:365px;display:grid;position:relative}.qr-frame{z-index:1;border-radius:14px;place-items:center;width:344px;max-width:100%;height:344px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 45px #242f2621}.qr-canvas{place-items:center;max-width:92%;max-height:92%;display:grid;overflow:hidden}.qr-canvas canvas,.qr-canvas svg{max-width:100%;display:block;height:auto!important}.decor{border-radius:50%;position:absolute}.decor-one{background:#d9ed6d;width:130px;height:130px;top:5px;right:-5px}.decor-two{border:20px solid #83916e;width:90px;height:90px;bottom:2px;left:2px}.scan-copy{text-align:center;color:#777d75;margin:16px 0 24px;font-size:12px}.download-row{gap:8px;display:flex}.primary-button,.format-button{cursor:pointer;border-radius:9px;height:50px;font-weight:700}.primary-button{background:var(--ink);color:#fff;border:0;flex:1;justify-content:center;align-items:center;gap:9px;display:flex}.primary-button:hover{background:#26392c}.format-button{background:#fff;border:1px solid #cfd2cb;justify-content:center;align-items:center;gap:6px;width:82px;display:flex}.privacy{color:#727871;border-top:1px solid #d9dbd2;gap:11px;margin-top:25px;padding-top:22px;display:flex}.privacy svg{color:#75851c;flex:none}.privacy p{margin:0;font-size:11px;line-height:1.55}.privacy b{color:#444b44}.recent{margin-top:22px}.recent h3{font-size:12px}.recent>div{background:#ffffffa6;border-radius:7px;align-items:center;margin-top:6px;padding:8px;display:flex}.recent>div>span{border-radius:5px;width:24px;height:24px;margin-right:8px}.recent p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.recent small{color:#999;display:block}footer{border-top:1px solid var(--line);color:#8b9089;justify-content:space-between;max-width:1160px;margin:auto;padding:28px 0 40px;font-size:11px;display:flex}.toast{background:var(--ink);color:#fff;z-index:10;border-radius:8px;align-items:center;gap:7px;padding:10px 16px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=900px){.topbar nav{display:none}.studio{grid-template-columns:1fr;margin:0 16px 60px}.editor-panel{border-right:0;border-bottom:1px solid var(--line)}.preview-panel{border-radius:0 0 20px 20px}.preview-sticky{position:static}footer{padding:25px 20px}}@media (width<=560px){.outline-button{display:none}.hero{padding-top:48px}.hero h1{letter-spacing:-2px;font-size:48px}.editor-panel{padding:30px 22px}.preview-panel{padding:28px 18px}.qr-frame{width:300px;height:300px}.qr-stage{min-height:320px}.preset-row{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.style-grid{gap:5px}.topbar{height:64px}.studio{margin-inline:10px}footer{text-align:center;flex-direction:column;gap:8px}}.template-section{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:28px}.template-section .label-row{margin-bottom:14px}.template-section h3{margin:0 0 3px;font-size:13px}.template-section p{color:#8c918a;margin:0;font-size:11px}.template-section .label-row>span{background:#f1f2ec;border-radius:12px;padding:5px 8px;font-size:10px}.template-grid{scrollbar-width:thin;grid-template-columns:repeat(6,1fr);gap:8px;max-height:330px;padding:2px 4px 4px 2px;display:grid;overflow:auto}.template-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-width:0;padding:6px 4px 7px;position:relative}.template-grid button:hover{border-color:#9ca28c;transform:translateY(-1px)}.template-grid button.selected{border-color:#70801b;box-shadow:0 0 0 2px #e6f584}.template-grid button>svg{color:#fff;background:#70801b;border-radius:50%;padding:2px;position:absolute;top:3px;right:3px}.template-grid small{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:8.5px;display:block;overflow:hidden}.template-thumb{aspect-ratio:1;background:var(--t-bg);border-radius:6px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.template-thumb:before,.template-thumb:after{content:"";background:var(--t-accent);opacity:.8;position:absolute}.template-thumb:before{border-radius:50%;width:30px;height:30px;top:-10px;right:-10px}.template-thumb:after{border-radius:8px;width:23px;height:23px;bottom:-9px;left:-9px;transform:rotate(25deg)}.template-thumb b{color:var(--t-fg);font-size:10px;position:absolute;bottom:1px;right:3px}.mini-qr{border:4px solid var(--t-fg);background:repeating-conic-gradient(var(--t-fg) 0 25%,transparent 0 50%) 50%/7px 7px;width:30px;height:30px;box-shadow:inset 0 0 0 3px var(--t-bg)}.motif-hearts:before{border-radius:50% 50% 4px;transform:rotate(45deg)}.motif-wave:after{border:5px solid var(--t-accent);background:0 0;border-radius:50%}.motif-night:before{box-shadow:-8px 4px 0 var(--t-bg)}.motif-elegant{outline:2px double var(--t-accent);outline-offset:-5px}.motif-badge{border-radius:50%}.motif-arch{border-radius:50% 50% 6px 6px}.motif-card:after{width:38px;height:8px;bottom:2px;left:4px;transform:none}.motif-burst:before{border-radius:3px;transform:rotate(45deg)}.template-art{z-index:2;color:var(--theme-fg);pointer-events:none;position:absolute}.art-top{font-size:23px;top:10px;right:16px}.art-bottom{letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;background:var(--accent);border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800;bottom:8px;left:50%;transform:translate(-50%)}.qr-frame .qr-canvas{z-index:1;position:relative}.qr-frame{padding:18px}.qr-frame:before,.qr-frame:after{content:"";pointer-events:none;position:absolute}.qr-frame:before{background:var(--accent);opacity:.3;border-radius:50%;width:70px;height:70px;top:-28px;left:-28px}.qr-frame:after{border:9px solid var(--accent);opacity:.45;border-radius:50%;width:55px;height:55px;bottom:-24px;right:-25px}.preview-hearts .qr-frame:before{border-radius:50% 50% 8px;transform:rotate(45deg)}.preview-elegant .qr-frame{outline:3px double var(--accent);outline-offset:-9px}.preview-badge .qr-frame{border-radius:35px}.preview-arch .qr-frame{border-radius:80px 80px 14px 14px}.preview-card .qr-frame{border-bottom:12px solid var(--accent)}.preview-night .qr-frame{box-shadow:0 16px 45px #00000052,0 0 0 2px var(--accent)}.preview-party .qr-frame:before{box-shadow:45px 14px 0 -20px var(--theme-fg),15px 65px 0 -23px var(--accent)}.preview-wave .qr-frame:after{border-width:14px}.preview-burst .decor-one{border-radius:12px;transform:rotate(25deg)}@media (width<=560px){.template-grid{grid-template-columns:repeat(4,1fr);max-height:360px}.template-section{margin-bottom:25px}.qr-frame{padding:16px}}.hero-cta{background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:10px;margin-top:24px;padding:12px 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 7px 20px #17231b29}.hero-cta span{color:var(--lime)}.seo-section{max-width:1160px;margin:0 auto;padding:92px 24px}.section-kicker{letter-spacing:1.5px;color:#71801e;margin-bottom:13px;font-size:10px;font-weight:800}.seo-section h2{letter-spacing:-1.5px;margin:0;font-family:DM Serif Display,serif;font-size:clamp(34px,4vw,50px);font-weight:400;line-height:1.05}.section-lead{color:var(--muted);max-width:570px;font-size:15px;line-height:1.65}.benefits{text-align:center}.benefits .section-lead{margin:14px auto 36px}.steps-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.steps-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px;box-shadow:0 10px 30px #1b221d0a}.steps-grid article>span{color:#62721b;background:#edf5be;border-radius:12px;place-items:center;width:35px;height:24px;font-size:10px;font-weight:800;display:inline-grid}.steps-grid h3{margin:18px 0 8px;font-family:DM Serif Display,serif;font-size:22px;font-weight:400}.steps-grid p,.feature-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.feature-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.feature-copy p{margin-top:20px;font-size:15px}.feature-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feature-list article{background:#eeefe8;border-radius:12px;flex-direction:column;padding:23px;display:flex}.feature-list b{color:#5e6d19;font-family:DM Serif Display,serif;font-size:27px;font-weight:400}.feature-list span{color:#777d75;margin-top:4px;font-size:11px}.faq-section{max-width:850px}.faq-section>.section-kicker,.faq-section>h2{text-align:center}.faq-list{border-top:1px solid var(--line);margin-top:38px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 4px}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:14px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#728019;font-size:20px;font-weight:400;line-height:1}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--muted);margin:13px 35px 0 0;font-size:13px;line-height:1.7}footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--ink)}@media (width<=900px){.seo-section{padding:70px 24px}.feature-section{grid-template-columns:1fr;gap:35px}.steps-grid{grid-template-columns:1fr}.steps-grid article{padding:23px}footer{flex-wrap:wrap;justify-content:center;gap:12px 25px}}@media (width<=560px){.seo-section{padding:58px 20px}.feature-list{grid-template-columns:1fr 1fr}.feature-list article{padding:17px}.hero-cta{margin-top:20px}}