@font-face{font-family:Static Tool Sans;src:url(/fonts/static-tool/body.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.static-qr-tool{--fog:#f5f4ed;--paper:#fbfaf5;--ink:#10213d;--blue:#1746e8;--signal:#f2f85a;--muted:#526078;--line:#d6d9d6;--ease-out:cubic-bezier(.23, 1, .32, 1);color:var(--ink);background:var(--fog);scroll-padding-top:90px;font-family:Static Tool Sans,sans-serif;font-size:16px;line-height:1.6}.static-qr-tool *{box-sizing:border-box}.static-qr-tool h1,.static-qr-tool h2,.static-qr-tool h3,.static-qr-tool p{margin:0}.static-qr-tool button,.static-qr-tool input,.static-qr-tool select{font:inherit;color:inherit}.static-qr-tool button,.static-qr-tool a,.static-qr-tool summary{touch-action:manipulation}.static-qr-tool a{color:inherit;text-underline-offset:4px}.static-qr-tool button{cursor:pointer}.static-qr-tool button:disabled{opacity:.42;cursor:not-allowed}.static-qr-tool button,.static-qr-tool summary,.static-qr-tool a{transition:background .16s,color .16s,transform .16s}.static-qr-tool button:active:not(:disabled){transform:translateY(1px)}.static-qr-tool a:hover{color:var(--blue)}.static-qr-tool svg{stroke-width:1.7px;flex-shrink:0;width:20px;height:20px}.static-qr-tool ::selection{color:var(--ink);background:var(--signal)}.static-qr-tool :focus-visible{outline:3px solid var(--blue);outline-offset:4px}.static-qr-tool input{caret-color:var(--blue)}.static-qr-tool [hidden]{display:none!important}.static-qr-tool .wrap{width:min(1184px,100% - 64px);margin-inline:auto}.static-qr-tool .intro{grid-template-columns:1.08fr 1fr;align-items:end;gap:72px;padding:56px 0 34px;display:grid}.static-qr-tool h1{letter-spacing:-.3px;font-size:18px;font-weight:650}.static-qr-tool .headline{letter-spacing:-1.5px;text-wrap:balance;max-width:530px;margin-top:13px;font-size:46px;font-weight:720;line-height:1.16}.static-qr-tool .intro-copy{font-size:16px;line-height:1.7}.static-qr-tool .limitation{color:var(--muted);margin-top:12px;font-size:13px}.static-qr-tool .tool{border:1px solid var(--line);background:var(--paper);border-radius:16px;grid-template-columns:1.02fr 1fr;scroll-margin-top:98px;display:grid;overflow:hidden}.static-qr-tool .editor{padding:32px 36px}.static-qr-tool .section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.static-qr-tool .section-title>svg{color:var(--muted);margin-left:auto}.static-qr-tool h2{letter-spacing:-.6px;font-size:27px;font-weight:680;line-height:1.3}.static-qr-tool .section-title h2,.static-qr-tool .result h2{letter-spacing:-.3px;font-size:20px}.static-qr-tool .step{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:700;display:grid}.static-qr-tool label,.static-qr-tool legend{font-size:13px;font-weight:650}.static-qr-tool #url{background:#fff;border:1px solid #adb5ba;border-radius:6px;width:100%;height:53px;margin-top:8px;padding:0 14px;font-size:16px;box-shadow:0 2px 3px #10213d04}.static-qr-tool input::placeholder{color:var(--muted)}.static-qr-tool #url[aria-invalid=true]{border-color:#a83224}.static-qr-tool .field-help{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.static-qr-tool .style-title{margin-top:26px;margin-bottom:16px}.static-qr-tool .optional{color:var(--muted);margin-left:auto;font-size:12px}.static-qr-tool .colors{border:0;margin:0;padding:0}.static-qr-tool .color-row{align-items:center;gap:9px;margin-top:10px;display:flex}.static-qr-tool .swatch{color:#fff;border:2px solid #0000;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.static-qr-tool .swatch[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:3px}.static-qr-tool .swatch svg{width:16px;height:16px}.static-qr-tool .custom-color{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:0;max-width:135px;height:36px;margin-left:auto;display:flex}.static-qr-tool .custom-color input[type=color]{background:0 0;border:0;width:32px;height:32px;padding:4px}.static-qr-tool .custom-color input[type=text],.static-qr-tool #hex{background:0 0;border:0;width:93px;min-width:0;padding:3px;font-family:monospace;font-size:12px}.static-qr-tool .logo-row{align-items:center;gap:10px;padding:22px 0 18px;display:flex}.static-qr-tool .logo-row>div{flex:1;min-width:0}.static-qr-tool .logo-row strong{font-size:13px}.static-qr-tool .logo-row p{overflow-wrap:anywhere;margin-top:3px}.static-qr-tool .secondary{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.static-qr-tool .secondary:hover{background:#edf0f6}.static-qr-tool .small{white-space:nowrap;min-height:42px;font-size:12px}.static-qr-tool .remove{background:0 0;border:0;min-height:40px}.static-qr-tool .file-input{display:none}.static-qr-tool .print-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.static-qr-tool summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.static-qr-tool summary::-webkit-details-marker{display:none}.static-qr-tool .print-settings summary{padding:13px 0;font-size:13px;font-weight:600}.static-qr-tool summary svg{width:16px}.static-qr-tool details[open]>summary svg{transform:rotate(180deg)}.static-qr-tool .print-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.static-qr-tool .print-fields label{flex-direction:column;gap:6px;display:flex}.static-qr-tool .print-fields select{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;padding:8px}.static-qr-tool .print-settings p{margin-bottom:12px}.static-qr-tool .error{color:#9b3024;font-size:13px;line-height:1.5}.static-qr-tool .error:empty{display:none}.static-qr-tool .editor>.error{margin-top:12px}.static-qr-tool .primary{background:var(--blue);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:51px;margin-top:22px;font-weight:650;display:flex}.static-qr-tool .primary:hover:not(:disabled){background:#123ac6}.static-qr-tool .privacy{color:var(--muted);justify-content:center;align-items:flex-start;gap:7px;margin-top:12px;font-size:11px;line-height:1.5;display:flex}.static-qr-tool .privacy svg{width:13px;height:15px}.static-qr-tool .result{border-left:1px solid var(--line);background:#e9ece6;min-width:0;padding:32px 36px;scroll-margin-top:0}.static-qr-tool .result-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.static-qr-tool .result-status{letter-spacing:.5px;color:var(--muted);font-size:10px}.static-qr-tool .result-status.success{color:#254b39;letter-spacing:0;align-items:center;gap:4px;font-size:11px;display:flex}.static-qr-tool .result-status svg{width:14px;height:14px}.static-qr-tool .preview{background:var(--paper);border:1px solid var(--line);border-radius:8px;place-items:center;min-height:266px;margin:20px 0;display:grid}.static-qr-tool .preview img{object-fit:contain;width:242px;height:242px;animation:.18s ease-out resolve}.static-qr-tool .empty{text-align:center;max-width:355px;padding:25px 30px}.static-qr-tool .empty>svg{color:#82908b;width:38px;height:38px;margin-bottom:16px}.static-qr-tool .empty h3{letter-spacing:-.2px;font-size:17px;line-height:1.4}.static-qr-tool .empty p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.static-qr-tool .downloads{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.static-qr-tool .format{background:var(--paper);border:1px solid #b9c3be;border-radius:6px;grid-template-columns:18px auto;justify-content:center;align-items:center;column-gap:7px;padding:12px 5px;display:grid}.static-qr-tool .format:hover:not(:disabled){border-color:var(--blue);background:#fff}.static-qr-tool .format svg{width:16px}.static-qr-tool .format strong{font-size:14px}.static-qr-tool .format small{color:var(--muted);grid-column:1/-1;margin-top:2px;font-size:10px}.static-qr-tool .encoded{margin:-6px 0 14px}.static-qr-tool .encoded>span{color:var(--muted);font-size:10px}.static-qr-tool .encoded p{overflow-wrap:anywhere;max-height:58px;margin-top:4px;font:12px/1.5 monospace;overflow:auto}.static-qr-tool .file-feedback{color:var(--muted);margin-top:6px;font-size:11px}.static-qr-tool .file-feedback:empty{display:none}.static-qr-tool .handoff{background:0 0;border:0;border-top:1px solid #cad1ca;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:17px 0 0;font-size:13px;font-weight:650;display:flex}.static-qr-tool .handoff:hover:not(:disabled){color:var(--blue)}.static-qr-tool .handoff svg{width:17px}.static-qr-tool .handoff-help{text-align:center;margin-top:5px;font-size:11px}.static-qr-tool .file-details{margin-top:16px;font-size:12px}.static-qr-tool .file-details summary{font-weight:600}.static-qr-tool .file-details ul{padding:0;list-style:none}.static-qr-tool .file-details li{justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.static-qr-tool .file-details li svg{vertical-align:middle;width:12px;height:12px}.static-qr-tool .file-details dl{margin:0}.static-qr-tool .file-details dl>div{justify-content:space-between;display:flex}.static-qr-tool .file-details dd{margin:0}.static-qr-tool .steps-section{padding-top:76px}.static-qr-tool .section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px;display:flex}.static-qr-tool .section-heading p{color:var(--muted);font-size:14px}.static-qr-tool .steps-list{grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none;display:grid}.static-qr-tool .steps-list li{isolation:isolate;border-top:1px solid #0000;padding-top:22px;position:relative}.static-qr-tool .step-rule,.static-qr-tool .steps-list li:after{background:var(--line);transform-origin:0;height:1px;position:absolute;top:-1px;left:0;right:0}.static-qr-tool .steps-list li:before{content:"";z-index:-1;opacity:0;transition:opacity .22s var(--ease-out);background:#e9eee8;border-radius:9px;position:absolute;inset:-12px}.static-qr-tool .steps-list li:after{content:"";background:var(--blue);height:2px;transition:transform .35s var(--ease-out);transform:scaleX(0)}.static-qr-tool .step-rule{transform:scaleX(1)}.static-qr-tool .step-copy{transform:translateY(0)}.static-qr-tool .steps-list [data-entered=true] .step-rule{animation:step-rule-in .65s var(--ease-out) both}.static-qr-tool .steps-list [data-entered=true] .step-copy{animation:step-copy-in .5s var(--ease-out) both}.static-qr-tool .steps-list [data-running=false] .step-rule,.static-qr-tool .steps-list [data-running=false] .step-copy{animation-play-state:paused}@keyframes step-rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes step-copy-in{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.static-qr-tool .step-number{color:var(--blue);transition:transform .22s var(--ease-out);font-family:monospace;font-size:12px;display:inline-block}.static-qr-tool .steps-list h3{margin-top:10px;margin-bottom:8px;font-size:18px;transition:color .18s ease-out}@media (hover:hover) and (pointer:fine){.static-qr-tool .steps-list li:hover:before{opacity:1}.static-qr-tool .steps-list li:hover:after{transform:scaleX(1)}.static-qr-tool .steps-list li:hover .step-number{transform:translateY(-3px)}.static-qr-tool .steps-list li:hover h3{color:var(--blue)}}.static-qr-tool .steps-list p{color:var(--muted);max-width:35ch;font-size:14px;line-height:1.8}.static-qr-tool .print-note{background:var(--ink);color:var(--paper);border-radius:10px;align-items:center;gap:22px;margin-top:36px;padding:26px 32px;display:flex}.static-qr-tool .print-note>svg{width:36px;height:36px;color:var(--signal)}.static-qr-tool .print-note>div{flex:1}.static-qr-tool .print-note h3{margin-bottom:5px;font-size:17px}.static-qr-tool .print-note p{color:#c8d0df;max-width:75ch;font-size:13px;line-height:1.7}.static-qr-tool .print-note a{white-space:nowrap;color:var(--signal);align-items:center;gap:8px;font-size:13px;display:flex}.static-qr-tool .compare-section{padding-top:76px}.static-qr-tool .comparison{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.static-qr-tool .compare-row{border-top:1px solid var(--line);transition:background-color .22s var(--ease-out);grid-template-columns:.9fr 1fr 1fr;gap:24px;padding:17px 20px;font-size:14px;display:grid;position:relative}.static-qr-tool .compare-row:not(.table-head):before{content:"";background:var(--blue);width:3px;transition:transform .25s var(--ease-out);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.static-qr-tool .compare-row span{color:var(--muted)}.static-qr-tool .compare-row strong{font-weight:600}.static-qr-tool .table-head{background:#e9ece6;border:0;padding-block:19px}.static-qr-tool .table-head strong{align-items:center;gap:9px;font-size:16px;display:flex}.static-qr-tool .compare-icon{width:19px;height:19px;color:var(--blue);transition:transform .35s var(--ease-out)}.static-qr-tool .text-link{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;font-size:14px;display:flex}.static-qr-tool .text-link svg{transition:transform .22s var(--ease-out)}.static-qr-tool .faq-section{grid-template-columns:.9fr 1.45fr;gap:64px;padding-block:76px;display:grid}.static-qr-tool .faq-section h2{max-width:320px}.static-qr-tool .faq-item{border-bottom:1px solid var(--line);transition:background-color .22s var(--ease-out);position:relative}.static-qr-tool .faq-item:first-child{border-top:1px solid var(--line)}.static-qr-tool .faq-item:before{content:"";background:var(--blue);transform-origin:top;width:3px;transition:transform .28s var(--ease-out);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.static-qr-tool .faq-trigger{text-align:left;background:0 0;border:0;align-items:center;gap:13px;width:100%;padding:20px 16px;font-size:15px;font-weight:600;line-height:1.6;display:flex}.static-qr-tool .faq-trigger>span:nth-child(2){flex:1}.static-qr-tool .faq-number{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;font-weight:400}.static-qr-tool .faq-icon{width:22px;height:22px;transition:transform .28s var(--ease-out), color .22s var(--ease-out)}.static-qr-tool .faq-icon path:last-child{transform-origin:12px 12px;transition:transform .28s var(--ease-out)}.static-qr-tool .faq-answer{opacity:0;visibility:hidden;transition:grid-template-rows .28s var(--ease-out), opacity .18s ease-out, visibility 0s .28s;grid-template-rows:0fr;display:grid}.static-qr-tool .faq-answer>div{min-height:0;overflow:hidden}.static-qr-tool .faq-section p{color:var(--muted);transition:transform .28s var(--ease-out);padding:0 50px 22px 46px;font-size:14px;line-height:1.8;transform:translateY(-5px)}.static-qr-tool .faq-item.is-open{background:#e9eee8}.static-qr-tool .faq-item.is-open:before{transform:scaleY(1)}.static-qr-tool .faq-item.is-open .faq-trigger{color:var(--blue)}.static-qr-tool .faq-item.is-open .faq-icon{transform:rotate(180deg)}.static-qr-tool .faq-item.is-open .faq-icon path:last-child{transform:scaleY(0)}.static-qr-tool .faq-item.is-open .faq-answer{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.static-qr-tool .faq-item.is-open p{transform:translateY(0)}.static-qr-tool .faq-trigger:focus-visible{outline-offset:-4px}.static-qr-tool .faq-item:has(:focus-visible){transition:none}.static-qr-tool .faq-item:has(:focus-visible) *{transition:none}.static-qr-tool .faq-item:has(:focus-visible):before{transition:none}@media (hover:hover) and (pointer:fine){.static-qr-tool .compare-row:not(.table-head):hover{background:#e9eee8}.static-qr-tool .compare-row:not(.table-head):hover:before{transform:scaleY(1)}.static-qr-tool .table-head strong:hover .static-icon{transform:rotate(-8deg)translateY(-1px)}.static-qr-tool .table-head strong:hover .dynamic-icon{transform:rotate(75deg)}.static-qr-tool .text-link:hover svg{transform:translate(5px)}.static-qr-tool .faq-trigger:hover{color:var(--blue);background:#e9eee8}.static-qr-tool .faq-trigger:hover .faq-icon{color:var(--blue);transform:rotate(90deg)}.static-qr-tool .faq-item.is-open .faq-trigger:hover .faq-icon{transform:rotate(180deg)}}.static-qr-tool .faq-section p a{color:var(--blue);margin-top:9px;display:block}@keyframes resolve{0%{opacity:.4}to{opacity:1}}@media (width<=1000px){.static-qr-tool .intro{gap:36px}.static-qr-tool .headline{font-size:40px}.static-qr-tool .editor,.static-qr-tool .result{padding:26px}.static-qr-tool .custom-color{max-width:112px}.static-qr-tool .color-row{gap:7px}.static-qr-tool .swatch{width:29px;height:29px}.static-qr-tool .print-note{flex-wrap:wrap}.static-qr-tool .print-note a{margin-left:58px}.static-qr-tool .faq-section{gap:36px}}@media (width<=760px){.static-qr-tool .wrap{width:calc(100% - 36px)}.static-qr-tool .intro{padding:30px 0 24px;display:block}.static-qr-tool .intro h1{font-size:15px}.static-qr-tool .headline{letter-spacing:-1px;max-width:345px;margin-top:10px;font-size:34px;line-height:1.2}.static-qr-tool .intro-copy{margin-top:20px;font-size:14px;line-height:1.7}.static-qr-tool .limitation{margin-top:10px;font-size:11px}.static-qr-tool .tool{border-radius:12px;display:block}.static-qr-tool .editor{padding:24px 20px}.static-qr-tool .section-title{margin-bottom:17px}.static-qr-tool .section-title h2,.static-qr-tool .result h2{font-size:18px}.static-qr-tool #url{height:50px;font-size:16px}.static-qr-tool .field-help{font-size:11px}.static-qr-tool .style-title{margin-top:25px}.static-qr-tool .color-row{gap:8px}.static-qr-tool .swatch{width:28px;height:28px}.static-qr-tool .custom-color{max-width:110px}.static-qr-tool .custom-color input[type=color]{width:27px}.static-qr-tool #hex{width:77px;font-size:11px}.static-qr-tool .logo-row{align-items:flex-start;gap:8px}.static-qr-tool .logo-row .small{padding:8px 10px}.static-qr-tool .logo-row .small svg{width:16px}.static-qr-tool .logo-row p{max-width:180px}.static-qr-tool .primary{min-height:49px;margin-top:18px;font-size:14px}.static-qr-tool .privacy{justify-content:flex-start;font-size:10px}.static-qr-tool .result{border-left:0;border-top:1px solid var(--line);padding:23px 20px;scroll-margin-top:80px}.static-qr-tool .preview{min-height:265px}.static-qr-tool .result-status{font-size:9px}.static-qr-tool .empty{padding-inline:18px}.static-qr-tool .empty h3{font-size:16px}.static-qr-tool .downloads{gap:8px}.static-qr-tool .format small{font-size:10px}.static-qr-tool .handoff{font-size:12px}.static-qr-tool .section-heading{margin-bottom:25px;display:block}.static-qr-tool .section-heading p{margin-top:10px;font-size:13px}.static-qr-tool h2{font-size:25px}.static-qr-tool .steps-section{padding-top:46px}.static-qr-tool .steps-list{margin:0;display:block}.static-qr-tool .steps-list li{padding:20px 0 22px}.static-qr-tool .steps-list .step-copy{grid-template-columns:30px 1fr;gap:2px 16px;display:grid}.static-qr-tool .step-number{grid-row:1/3;padding-top:4px}.static-qr-tool .steps-list h3{margin:0 0 5px;font-size:17px}.static-qr-tool .steps-list p{grid-column:2;max-width:100%;font-size:13px}.static-qr-tool .print-note{align-items:flex-start;gap:15px;margin-top:8px;padding:23px 21px}.static-qr-tool .print-note>svg{width:25px;height:25px}.static-qr-tool .print-note h3{font-size:16px}.static-qr-tool .print-note p{font-size:12px}.static-qr-tool .print-note a{margin-left:40px;font-size:12px}.static-qr-tool .compare-section{padding-top:48px}.static-qr-tool .compare-row{grid-template-columns:.82fr 1fr 1fr;gap:12px;padding:16px 0;font-size:12px;line-height:1.65}.static-qr-tool .table-head{gap:12px;margin-inline:-8px;padding:13px 8px}.static-qr-tool .table-head strong{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.static-qr-tool .text-link{margin-top:15px;font-size:13px}.static-qr-tool .faq-section{padding-block:48px;display:block}.static-qr-tool .faq-section h2{max-width:none;margin-bottom:24px}.static-qr-tool .faq-trigger{gap:10px;padding:18px 12px;font-size:14px}.static-qr-tool .faq-section p{padding:0 24px 20px 36px;font-size:13px}.static-qr-tool .file-details{font-size:11px}}@media (prefers-reduced-motion:reduce){.static-qr-tool *,.static-qr-tool :before,.static-qr-tool :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.static-qr-tool summary:hover{color:var(--blue)}.static-qr-tool summary:active{background:#e9ece6}.static-qr-tool .result-status.success{font-size:12px}@media (width<=760px){.static-qr-tool .print-note{grid-template-columns:25px minmax(0,1fr);display:grid}.static-qr-tool .print-note a{grid-column:2;margin-left:0}.static-qr-tool .result{scroll-margin-top:0}}.static-qr-tool .print-checks{gap:12px;padding-block:12px;font-size:13px;display:grid}.static-qr-tool .print-checks p{color:var(--muted)}.static-qr-tool .print-checks [data-verdict=block]{color:#b42318}