.qr-hero h1{font-size:clamp(28px,4.2vw,55px);line-height:1.4}.qr-hero h1 span{box-decoration-break:clone;-webkit-box-decoration-break:clone}.qr-workspace{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:48px;padding-bottom:70px;align-items:start}.qr-editor{min-width:0}.qr-editor label{display:block;font:600 14px/1.5 'DM Sans',sans-serif;margin:23px 0 9px}.qr-editor>label:first-child{margin-top:0}.qr-editor label>span{color:#6c8390;font-weight:400}.qr-editor input:not([type=color]):not([type=checkbox]),.qr-editor textarea,.qr-editor select{box-sizing:border-box;width:100%;background:#fff;color:#1b3949;border:1px solid #cfdfe7;border-radius:9px;font:400 15px/1.5 'DM Sans',sans-serif;padding:13px;min-width:0}.qr-editor textarea{resize:vertical}.qr-editor [hidden],.qr-preview-column [hidden]{display:none!important}.qr-help{font-size:12px;line-height:1.65;color:#66808e;margin:10px 0 0}.qr-editor .qr-inline-label{font-weight:400;display:flex;gap:9px;align-items:center;font-size:13px;margin-top:13px}.qr-inline-label input{accent-color:#078ed1;width:16px;height:16px}.qr-design{margin-top:35px;padding-top:27px;border-top:1px solid #e0e9ee}.qr-design h3{font:600 23px 'DM Sans',sans-serif;margin:0}.qr-color-grid,.qr-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qr-color-control{display:flex;align-items:center;gap:12px;background:#f7fafc;border:1px solid #e0e9ef;border-radius:9px;padding:10px;margin-top:9px}.qr-color-control input{width:35px;height:35px;border:0;padding:0;background:none;cursor:pointer}.qr-color-control output{font:400 12px 'DM Sans',sans-serif;color:#456475}.qr-editor label select{display:block;margin-top:9px}.qr-editor #qr-reset{border:0;background:none;padding:12px 0;color:#5c7684;font:400 13px 'DM Sans',sans-serif;cursor:pointer;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.qr-preview-column{min-width:0;position:sticky;top:125px}.qr-preview-card{border:1px solid #dce8ef;border-radius:20px;padding:30px;background:linear-gradient(145deg,#f2f9fd,#fbfdff);text-align:center}.qr-preview-label{font:500 13px 'DM Sans',sans-serif;color:#547382}.qr-preview-art{margin:23px auto 18px;display:flex;align-items:center;justify-content:center;max-width:300px;min-height:280px;aspect-ratio:1;background:#fff;border-radius:12px;box-shadow:0 12px 35px #153f5710;padding:12px}.qr-preview-art img{display:block;max-width:100%;width:100%;height:auto;image-rendering:pixelated}.qr-preview-art #qr-empty{color:#7493a3;font-size:13px;padding:20px}.qr-preview-art #qr-empty svg{width:72px;height:72px;margin-bottom:15px;color:#9bbac9}#qr-target{font:400 12px/1.7 'DM Sans',sans-serif;color:#597687;overflow-wrap:anywhere;max-height:80px;overflow:auto;margin:16px 0}.qr-status{font:400 13px/1.65 'DM Sans',sans-serif;border-radius:8px;padding:12px 15px;margin:18px 0;color:#536d7a;background:#eaf2f7}.qr-status[data-state=good]{background:#e6f5ee;color:#26774f}.qr-status[data-state=warn]{background:#fff5dd;color:#936200}.qr-status[data-state=bad]{background:#fff0f1;color:#b63448}.qr-downloads{display:flex;flex-direction:column;gap:11px;margin-top:22px}.qr-downloads button{font:500 14px 'DM Sans',sans-serif;border-radius:9px;padding:15px 18px;border:1px solid #cddfe9;background:#fff;color:#1e526b;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .2s,box-shadow .2s}.qr-downloads button:first-child{color:#fff;border:0;background:linear-gradient(110deg,#10adcf,#087fdb 55%,#0852b9)}.qr-downloads svg{width:20px;height:20px}.qr-downloads button:hover:enabled{transform:translateY(-2px);box-shadow:0 7px 16px #18526c14}.qr-downloads button:disabled{opacity:.45;cursor:not-allowed}.qr-export-note{font-size:11px;line-height:1.6;color:#6c8492;margin:15px 0 0}.qr-local-note{display:flex;align-items:start;gap:12px;margin:20px 5px 0;color:#61808f}.qr-local-note svg{width:24px;height:24px;flex:none;margin-top:2px}.qr-local-note p{font:400 12px/1.7 'DM Sans',sans-serif;margin:0}.qr-guidance{padding-top:40px;padding-bottom:75px;border-top:1px solid #e3ebf0}.qr-guidance h2{font:500 clamp(24px,2.5vw,33px)/1.4 Unbounded,sans-serif;letter-spacing:-.04em;margin:0 0 32px}.qr-guidance>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.qr-guidance h3{font:600 20px 'DM Sans',sans-serif;margin:0 0 14px}.qr-guidance p{font:400 15px/1.75 'DM Sans',sans-serif;color:#597584;margin:0}.qr-workspace :focus-visible{outline:2px solid #078cd5;outline-offset:4px}@media(max-width:850px){.qr-workspace{gap:35px}.qr-preview-card{padding:22px}.qr-color-grid,.qr-option-grid{gap:12px}.qr-preview-art{min-height:210px}}@media(max-width:650px){.qr-workspace{grid-template-columns:1fr;padding-top:28px;gap:30px}.qr-preview-column{position:static}.qr-preview-art{max-width:270px}.qr-preview-card{padding:24px 20px}.qr-guidance>div{grid-template-columns:1fr;gap:28px}.qr-guidance h2{font-size:25px}.qr-color-control{gap:8px;padding:8px}.qr-color-control output{font-size:11px}.qr-editor label{font-size:13px}.qr-option-grid select{font-size:12px;padding:12px 7px}.qr-color-control input{width:29px;height:29px}}html[data-theme=dark] .qr-preview-card{background:#16303e;border-color:#365565}html[data-theme=dark] .qr-editor input:not([type=color]),html[data-theme=dark] .qr-editor textarea,html[data-theme=dark] .qr-editor select,html[data-theme=dark] .qr-color-control{background:#172e3a;border-color:#385362;color:#edf5fa}html[data-theme=dark] .qr-color-control output,html[data-theme=dark] .qr-guidance p{color:#bdd0dc}