:root{color-scheme:light;--ink:#19342e;--muted:#64716c;--accent:#c7f36d;--paper:#f5f7f5;--line:#e0e6e1;--white:#fff;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR','Noto Sans JP','Noto Sans Thai',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,label,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5b8e20;outline-offset:5px}h1,h2,h3,p{margin:0}header,main,footer{max-width:1120px;margin:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:700;letter-spacing:-1.3px}.brand-dot{color:#648b35;margin-left:-9px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.locale-label{border:1px solid var(--line);border-radius:9px;padding:7px 12px;background:white}.intro{text-align:center;padding:48px 0 28px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.11em;font-weight:700;color:#527849}.intro .eyebrow{letter-spacing:.04em;background:#e9efdf;border-radius:6px;padding:3px 11px}.intro h1{font-size:44px;letter-spacing:-1.9px;line-height:1.3;margin:16px 0 14px;font-weight:700}.intro h1 span{color:#6c826a}.intro p{color:var(--muted);font-size:16px}.scanner{max-width:820px;margin:0 auto;border:1px solid #dbe2dc;border-radius:var(--radius);background:white;padding:23px;box-shadow:0 14px 35px #19342e06}.scanner-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:19px;gap:16px}.scanner-top>span:first-child{display:flex;align-items:center;gap:9px}.square-icon{height:14px;width:14px;border:2px solid var(--ink);display:inline-block;border-radius:3px}.local-tag{font-size:12px;font-weight:500;color:#647961;background:#f1f5ed;border-radius:20px;padding:3px 10px}.dropzone{border:1.5px dashed #b6c8ad;background:#f9fbf6;border-radius:12px;text-align:center;padding:27px 16px 22px;position:relative;transition:background .15s,border-color .15s}.dropzone.dragging{background:#ecf7d9;border-color:#5b872d}.upload-icon{height:55px;width:55px;background:white;border:1px solid #dbe4d5;border-radius:15px;margin:0 auto 13px;display:grid;place-items:center;box-shadow:0 3px 6px #19342e06}.upload-icon svg{width:28px;height:28px}.dropzone h2{font-size:21px;font-weight:600;letter-spacing:-.5px}.dropzone p{font-size:14px;color:var(--muted);margin:6px 0 18px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:9px;padding:11px 22px;font-size:14px;font-weight:500;cursor:pointer}.primary-button:hover{background:#2b4e41}.primary-button span{font-size:21px;line-height:1}.file-hint{color:#778273;font-size:12px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:20px}.file-hint span{border:1px solid #dce3d8;border-radius:4px;padding:0 6px;background:white;font-size:11px}.scanner-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px}.switch-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;cursor:pointer;position:relative}.switch-label input{position:absolute;opacity:0;width:32px;height:22px}.switch{width:33px;height:20px;border-radius:20px;background:#d1d9d1;flex-shrink:0;padding:3px;transition:background .15s}.switch:after{content:'';display:block;width:14px;height:14px;background:white;border-radius:50%;transition:transform .15s}.switch-label input:checked+.switch{background:#477345}.switch-label input:checked+.switch:after{transform:translateX(13px)}.switch-label input:focus-visible+.switch{outline:3px solid #629234;outline-offset:3px}.small-note{font-size:12px;color:#7d877b}.trust-row{display:flex;justify-content:center;gap:30px;color:#74816f;font-size:12px;margin:21px 0 0}.how-section{margin:64px 0 50px;display:grid;grid-template-columns:1fr 2.2fr;gap:36px;border-top:1px solid var(--line);padding-top:34px}.how-section h2{font-size:25px;letter-spacing:-.8px;line-height:1.5;margin-top:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps article>span{font-size:12px;border-radius:7px;border:1px solid #d9e2d3;background:#eaf0e4;display:inline-block;padding:3px 8px}.steps h3{font-size:16px;margin:12px 0 7px}.steps p{font-size:14px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;color:#758071;font-size:12px}footer .brand{color:var(--ink);font-size:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-break{display:none}[hidden]{display:none!important}@media(max-width:1180px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:700px){header,main,footer{margin-left:18px;margin-right:18px}.site-header{height:76px}nav{gap:15px}nav>a{display:none}.intro{padding-top:32px}.intro h1{font-size:32px;letter-spacing:-1.4px}.intro p{font-size:14px}.scanner{padding:16px}.scanner-top{font-size:13px}.local-tag{font-size:11px}.dropzone{padding:25px 12px}.dropzone h2{font-size:19px}.dropzone p{font-size:13px}.scanner-bottom{align-items:flex-start;flex-direction:column;gap:6px}.small-note{padding-left:43px}.trust-row{gap:8px;flex-wrap:wrap;font-size:11px}.how-section{grid-template-columns:1fr;gap:22px;margin-top:40px}.how-section h2 br{display:none}.steps{gap:18px}.steps h3{font-size:14px}.steps p{font-size:13px}.file-hint{gap:8px;font-size:11px}.mobile-break{display:block}footer{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.language-menu{position:relative}.language-menu summary{list-style:none;display:flex;align-items:center;gap:9px;border:1px solid #dce4d9;background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary>span{color:#667b62}.language-options{position:absolute;z-index:10;right:0;top:calc(100% + 9px);width:210px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #19342e16}.language-options a{display:flex;justify-content:space-between;padding:9px 12px;border-radius:6px;font-size:14px}.language-options a:hover,.language-options a[aria-current]{background:#edf4e5}.sample-row{display:flex;justify-content:center;margin-top:13px}.text-button{border:0;background:transparent;padding:6px 0;color:#536c49;font-size:13px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:#19342e}.how-section{margin-bottom:22px}.guide-link{display:flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid #dbe4d4;border-radius:10px;padding:16px 19px;background:#edf3e5;font-size:14px;font-weight:500;margin-bottom:48px}.guide-link:hover{background:#e5edd9}.guide-link>span{font-size:21px}.faq-section{border-top:1px solid var(--line);padding:36px 0 60px;display:grid;grid-template-columns:1fr 2.2fr;gap:36px}.faq-section h2{font-size:26px;letter-spacing:-.7px;margin-top:8px}.faq-items>details{border-bottom:1px solid var(--line)}.faq-items summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{font-size:20px;font-weight:400;flex-shrink:0;color:#6c7a65}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items p{color:var(--muted);font-size:15px;line-height:1.9;padding:0 25px 20px 0}.footer-links{display:flex;gap:22px}.footer-links a:hover{text-decoration:underline}.error{background:#fff2ed;border:1px solid #eed1c4;border-radius:10px;padding:13px 16px;color:#904629;font-size:14px;margin-top:16px}#busy{margin:18px 0 0;font-weight:600;color:#3f6335}.result{background:#f5f9ed;border:1px solid #cadbb5;padding:22px;border-radius:12px;margin-top:20px}.result-header{display:flex;align-items:center;gap:17px}.result-header img{object-fit:contain;background:white;border:1px solid var(--line);border-radius:8px}.result-header h2{font-size:19px;line-height:1.5}.result-eyebrow{font-size:11px;letter-spacing:.1em;color:#547b34;font-weight:700}.result-header strong{font-size:15px;font-weight:500;overflow-wrap:anywhere;direction:ltr}.result pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:white;border:1px solid #dce5d2;border-radius:7px;padding:13px;max-height:180px;overflow:auto;margin:16px 0 12px;unicode-bidi:plaintext}.result #result-note{font-size:13px;color:#65775c;line-height:1.8}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfdcc1;border-radius:8px;background:white;padding:10px 17px;font-size:14px;color:var(--ink)}.reset-button{margin-top:13px}.ad-placement{min-height:150px;margin:40px 0 48px;background:#f1f3f0;border-block:1px solid var(--line);text-align:center;padding:12px;color:var(--muted);font-size:12px}.ad-placement>span{display:block;letter-spacing:.08em;margin-bottom:10px}.article-page{max-width:800px;padding:38px 0 70px;min-height:70vh}.back-link{font-size:14px;display:inline-block;margin-bottom:32px;color:#577348}.article-page h1{font-size:40px;letter-spacing:-1.3px;line-height:1.4;margin:10px 0 24px}.article-lead{font-size:19px;color:var(--muted);line-height:1.8}.article-page article>section{margin-top:32px}.article-page h2{font-size:21px;margin-bottom:10px;line-height:1.5}.article-page p{line-height:1.95;color:var(--muted)}.article-cta{margin-top:36px}.switch-label{font-size:14px}.small-note{font-size:12px}.file-hint span{font-size:12px}.local-tag{font-size:12px}.trust-row{font-size:12px}.file-hint{font-size:12px}html[lang=th] .intro h1{letter-spacing:-.5px;line-height:1.55}html[lang=th] h2,html[lang=th] h3{line-height:1.7}html[lang=ja] .intro h1{font-size:40px}html[lang=fr] .intro h1,html[lang=pt-BR] .intro h1{font-size:42px}.intro p{max-width:700px;margin:auto}html{scroll-behavior:smooth;scroll-padding-top:22px}body{overflow-wrap:break-word}@media(min-width:701px){.article-page{margin-left:auto;margin-right:auto;padding-left:25px;padding-right:25px}}@media(max-width:700px){.language-menu summary{max-width:200px;font-size:12px}.brand{font-size:25px}.brand img{width:30px;height:30px}.faq-section{grid-template-columns:1fr;gap:16px;padding-bottom:36px}.faq-section h2{font-size:24px}.faq-items summary{font-size:14px}.faq-items p{font-size:14px}.guide-link{font-size:14px;margin-bottom:32px}.article-page h1{font-size:30px;letter-spacing:-1px}.article-page{padding:25px 0 45px}.article-lead{font-size:17px}.steps{grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:30px 1fr;gap:0 14px}.steps article>span{grid-row:1/3;align-self:start;padding:2px 6px}.steps h3{margin:0 0 5px;font-size:15px}.steps p{font-size:14px}.how-section h2{font-size:23px}.result{padding:15px}.result-actions{gap:10px}.result-header h2{font-size:17px}.result-header img{width:55px;height:55px}.file-hint{flex-wrap:wrap}.trust-row span{white-space:normal}.intro h1,html[lang=ja] .intro h1,html[lang=fr] .intro h1,html[lang=pt-BR] .intro h1{font-size:31px;letter-spacing:-1px}.intro p{font-size:15px}.scanner-top{flex-wrap:wrap;gap:8px}.scanner-top>span:first-child{font-size:14px}.switch-label{font-size:14px}.small-note{font-size:12px}footer{align-items:flex-start}.footer-links{width:100%;gap:20px;font-size:13px}.dropzone h2{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.switch-label input{z-index:1;cursor:pointer}

.premium-detail-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;font-weight:600;margin-top:17px;text-decoration:underline;text-underline-offset:4px}.premium-page{padding:52px 0 60px}.premium-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;align-items:center}.premium-intro h1{font-size:42px;letter-spacing:-1.4px;line-height:1.3;margin:13px 0 18px;max-width:710px}.premium-intro>div>p{font-size:18px;color:var(--muted);max-width:650px;line-height:1.8}.premium-plan-price{background:var(--ink);color:white;border-radius:20px;padding:26px}.premium-plan-price strong{font-size:25px;line-height:1.6;display:block}.premium-plan-price p{font-size:14px;line-height:1.8;margin-top:9px;color:#dfebd7}.premium-availability{font-size:14px;background:#eaf2dd;border:1px solid #d4e2c6;border-radius:10px;padding:15px 18px;margin:27px 0 35px;color:#3e5a33}.premium-flow{padding-bottom:34px}.premium-page h2{font-size:24px;letter-spacing:-.5px;line-height:1.6}.premium-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:26px;margin:20px 0 0;padding:0}.premium-flow li{display:flex;align-items:flex-start;gap:13px}.flow-number{font-size:14px;line-height:1;flex-shrink:0;border-radius:8px;background:#d9ecb9;padding:10px 9px;font-weight:600}.premium-page h3{font-size:17px;line-height:1.6}.premium-flow p,.premium-use-cases p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:7px}.premium-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.premium-feature-grid article{padding:23px;border:1px solid #dce5d5;border-radius:16px;background:white;min-width:0}.feature-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;font-size:13px;color:#65795a}.phase-label{padding:3px 9px;border-radius:6px;font-size:13px;background:#ecf4e0}.phase-label.later{background:#f1ecfb;color:#675483}.premium-feature-grid h2{font-size:20px;line-height:1.6}.premium-feature-grid p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:11px}.premium-comparison,.premium-limits,.premium-use-cases{margin-top:40px}.plan-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.plan-comparison-grid article{border:1px solid var(--line);border-radius:16px;padding:25px;background:white}.plan-comparison-grid .pro-plan{background:#eaf4d6;border-color:#bdcfaa}.plan-comparison-grid ul{font-size:16px;color:#506147;line-height:1.9;margin:14px 0 0;padding-left:20px}.plan-comparison-grid li+li{margin-top:6px}.premium-limits dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dce5d4;border:1px solid #dce5d4;border-radius:14px;overflow:hidden;margin:20px 0 15px}.premium-limits dl>div{background:#fff;padding:19px}.premium-limits dt{font-size:14px;color:var(--muted);min-height:24px}.premium-limits dd{font-size:27px;font-weight:600;margin:9px 0 0;line-height:1.5}.premium-limits>p{font-size:14px;line-height:1.9;color:#607553}.premium-use-cases>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:20px}.premium-exit-policy{border-block:1px solid var(--line);margin-top:40px;padding:30px 0}.premium-exit-policy p{font-size:16px;color:var(--muted);line-height:1.9;max-width:930px;margin-top:12px}.premium-tool-cta{padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.premium-tool-cta>div{display:flex;gap:10px;flex-wrap:wrap}.premium-page .eyebrow{font-size:14px;letter-spacing:.02em}.site-header nav>a[aria-current]{text-decoration:underline;text-underline-offset:5px}@media(max-width:900px){.premium-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-intro{gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.premium-intro h1{font-size:34px}.premium-plan-price strong{font-size:21px}.premium-plan-price{padding:20px}.premium-limits dl{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-flow ol{gap:17px}.premium-tool-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.premium-page{padding-top:30px}.premium-intro,.premium-flow ol,.premium-feature-grid,.plan-comparison-grid,.premium-use-cases>div{grid-template-columns:1fr}.premium-intro{gap:20px}.premium-intro h1{font-size:32px;letter-spacing:-.8px}.premium-intro>div>p{font-size:16px}.premium-page h2{font-size:22px}.premium-feature-grid h2{font-size:20px}.premium-flow ol{gap:22px}.premium-plan-price strong{font-size:24px}.premium-feature-grid article{padding:21px}.premium-limits dl>div{padding:16px}.premium-limits dd{font-size:25px}.premium-limits dt{min-height:0}.premium-tool-cta>div{width:100%}.premium-tool-cta a{flex:1;min-width:130px}.footer-links{flex-wrap:wrap}}

.theme-picker legend{font-size:14px;font-weight:500;margin-bottom:10px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-grid label{position:relative;cursor:pointer;min-width:0}.theme-grid input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.theme-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:134px;padding:10px 5px;border:2px solid transparent;border-radius:14px;background:#f1f4ef;text-align:center;line-height:1.5;font-size:14px}.theme-choice img{object-fit:contain;width:72px;height:72px}.theme-classic img{width:46px;margin-block:13px;height:46px}.theme-bunny{background:#edf8cf}.theme-cat{background:#eee5fb}.theme-grid input:checked+.theme-choice{border-color:#19342e;box-shadow:0 0 0 2px white inset}.theme-grid input:focus-visible+.theme-choice{outline:3px solid #6b9537;outline-offset:3px}.character-options{margin:12px 0!important}.character-options:disabled{opacity:.5}.character-options>label:not(.sprinkles-option),.style-pair>label{display:block;font-size:14px;font-weight:500;margin:14px 0 7px}.style-pair select{margin-top:7px}.sprinkles-option{display:flex;align-items:center;gap:9px;font-size:14px;margin:14px 0}.generator-form .sprinkles-option input[type=checkbox]{width:18px;height:18px;padding:0;accent-color:var(--ink);flex:0 0 auto}.style-options .qr-colors{margin-top:18px}.generator-preview .qr-stage{aspect-ratio:auto;min-height:350px;padding:16px}.generator-preview .qr-stage canvas{image-rendering:auto;border-radius:8px}.generator-page .field-hint{font-size:14px}.premium-section{margin:48px 0;border:1px solid #d6e1cb;border-radius:20px;background:#edf3e5;padding:28px}.premium-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.premium-heading h2{font-size:25px;line-height:1.5;margin-top:5px;letter-spacing:-.6px}.premium-price{font-size:16px;font-weight:650;white-space:nowrap;background:#fff;padding:9px 15px;border-radius:10px}.premium-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.premium-benefits h3{font-size:16px;line-height:1.6;margin-bottom:8px}.premium-benefits p{font-size:14px;color:#596951;line-height:1.8}.premium-note{font-size:14px;color:#637658;border-top:1px solid #d3dfc7;margin-top:22px;padding-top:15px}@media(min-width:761px){.generator-preview{position:sticky;top:22px}}@media(max-width:900px){.premium-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-heading{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:480px){.theme-grid{gap:6px}.theme-choice{font-size:14px;min-height:140px}.theme-choice img{width:60px;height:60px}.theme-classic img{width:40px;height:40px;margin-block:10px}.premium-section{padding:20px}.premium-heading h2{font-size:22px}.premium-benefits{grid-template-columns:1fr;gap:20px}.generator-preview .qr-stage{min-height:270px}.theme-choice{overflow-wrap:anywhere}}

@media(max-width:700px){.how-section h2 br{display:initial}}

.tool-switcher{display:flex;justify-content:center;gap:3px;margin:28px auto 0;padding:4px;border:1px solid var(--line);border-radius:12px;background:#edf1eb;width:fit-content;max-width:100%;font-size:14px}.tool-switcher a{padding:8px 22px;border-radius:8px;text-align:center;white-space:normal}.tool-switcher a[aria-current]{background:white;box-shadow:0 1px 4px #19342e12;font-weight:600}.tool-switcher+.intro{padding-top:27px}.generator-page .intro h1{font-size:40px}.generator-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start}.generator-form,.generator-preview{background:white;border:1px solid var(--line);border-radius:20px;padding:28px}.generator-form h2,.generator-preview h2{font-size:20px;font-weight:600;letter-spacing:-.3px}.generator-form fieldset{border:0;margin:0;padding:0;min-width:0}.qr-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:20px!important;background:#f0f3ee;border-radius:10px;padding:5px!important}.qr-types label{position:relative;cursor:pointer}.qr-types input{position:absolute;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.qr-types label>span{display:block;padding:9px 4px;text-align:center;border-radius:7px;font-size:14px;line-height:1.5}.qr-types input:checked+span{background:var(--ink);color:white}.qr-types input:focus-visible+span{outline:3px solid #6b9537;outline-offset:2px}.qr-fields{margin-top:25px!important}.qr-fields>label,.style-options>label{display:block;font-size:14px;font-weight:500;margin:16px 0 7px}.generator-form input:not([type=radio]),.generator-form textarea,.generator-form select{width:100%;border:1px solid #cdd8c9;border-radius:8px;background:#fcfdfb;padding:11px 12px;color:var(--ink);font:inherit;font-size:16px;min-width:0}.generator-form textarea{resize:vertical;min-height:100px}.generator-form input::placeholder,.generator-form textarea::placeholder{color:#7c8977}.generator-form input:disabled{background:#eff2ed;opacity:.6}.field-hint{color:#6b7966;font-size:13px;line-height:1.8;margin-top:8px}.optional{font-size:12px;color:var(--muted);font-weight:400}.style-options{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.style-options h3{font-size:15px;margin-bottom:13px}.qr-colors{display:flex;gap:13px}.qr-colors legend{font-size:14px;margin-bottom:10px}.qr-colors label{display:inline-flex;position:relative;cursor:pointer}.qr-colors input{position:absolute;opacity:0;width:100%;height:100%;z-index:1;margin:0;cursor:pointer}.qr-colors label>span{width:33px;height:33px;display:inline-block;background:var(--swatch);border:3px solid white;outline:1px solid #d5dfd1;border-radius:50%}.qr-colors input:checked+span{outline:2px solid var(--ink)}.qr-colors input:focus-visible+span{outline:3px solid #78a044;outline-offset:3px}.generator-form-actions{display:flex;align-items:center;gap:22px;margin-top:25px}.generator-form-actions .primary-button{flex:1}.privacy-hint{margin-top:15px}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-top>span{font-size:12px;color:var(--muted)}.qr-stage{aspect-ratio:1;background:#f8faf5;border:1px solid #e2e9dc;border-radius:14px;display:grid;place-items:center;margin-top:21px;padding:24px;overflow:hidden}.qr-stage canvas{display:block;max-width:100%;height:auto;width:100%;image-rendering:pixelated;object-fit:contain}.qr-stage #preview-empty{text-align:center;color:#788570;max-width:220px;font-size:15px}.qr-stage #preview-empty img{opacity:.35;filter:grayscale(1);margin-bottom:17px}.ready-label{text-align:center;font-size:16px;font-weight:600;margin-top:17px}.generator-status{text-align:center;color:#526f40;font-size:13px;min-height:24px;margin:12px 0}.download-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.download-actions>button{flex:1;white-space:normal;min-width:120px}.download-actions>button:disabled{opacity:.42;cursor:not-allowed}.static-note{margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.static-note h3{font-size:15px}.static-note p{font-size:14px;color:var(--muted);margin-top:7px;line-height:1.85}.generator-uses{margin:48px 0 55px;border-top:1px solid var(--line);padding-top:30px}.generator-uses h2{font-size:24px;margin-bottom:20px}.generator-uses>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.generator-uses h3{font-size:16px;margin-bottom:8px}.generator-uses p{font-size:15px;color:var(--muted);line-height:1.8}@media(max-width:760px){.generator-workspace{grid-template-columns:1fr;gap:18px}.generator-form,.generator-preview{padding:20px}.generator-page .intro h1{font-size:30px}.generator-page .intro p{font-size:15px}.generator-uses>div{grid-template-columns:1fr;gap:22px}.qr-stage{max-width:420px;margin:20px auto 0}.generator-form h2,.generator-preview h2{font-size:18px}.tool-switcher a{padding:8px 15px}.generator-uses{margin-top:35px}}@media(max-width:380px){.generator-form,.generator-preview{padding:15px}.qr-types label>span{font-size:13px}.tool-switcher{font-size:13px}.tool-switcher a{padding:8px 10px}}