.is-qr{--qr-blue:#147ead;--qr-ink:#253440;box-sizing:border-box;color:var(--qr-ink);text-align:left;background:#fff;border:1px solid #dde5e9;border-radius:14px;grid-template-columns:1.12fr 1fr;gap:0;max-width:1120px;margin:20px auto 40px;font-family:Work Sans,Arial,sans-serif;font-size:16px;line-height:1.6;display:grid;overflow:hidden}.is-qr *,.is-qr :before,.is-qr :after{box-sizing:border-box}.is-qr button,.is-qr textarea{font:inherit}.is-qr-editor{padding:36px}.is-qr-kicker{color:var(--qr-blue);letter-spacing:1.5px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.is-qr h2{color:var(--qr-ink);text-transform:none;letter-spacing:-.5px;margin:19px 0 13px;font-size:27px;font-weight:500;line-height:1.3}.is-qr-intro{color:#667580;margin:0 0 27px;font-size:16px}.is-qr label{margin-bottom:9px;font-size:15px;font-weight:600;display:block}.is-qr .is-qr-input{resize:vertical;color:#253440;width:100%;height:162px;min-height:120px;max-height:500px;box-shadow:none;field-sizing:fixed;background:#fff;border:1px solid #bfcdd6;border-radius:7px;outline:none;padding:16px;font-size:16px;line-height:1.6;display:block}.is-qr .is-qr-input:focus-visible{outline-offset:1px;border-color:#168dc3;outline:3px solid #d5edf9}.is-qr .is-qr-input[aria-invalid=true]{border-color:#b43338}.is-qr-input::placeholder{color:#91a0a9}.is-qr-field-note{color:#75828a;justify-content:space-between;align-items:start;gap:15px;margin:9px 0 21px;font-size:12px;line-height:1.5;display:flex}.is-qr-field-note>span:last-child{white-space:nowrap}.is-qr .is-qr-generate{background:var(--qr-blue);color:#fff;border:1px solid var(--qr-blue);cursor:pointer;width:100%;min-height:50px;box-shadow:none;white-space:normal;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:13px 21px;font-size:16px;font-weight:500;display:flex}.is-qr .is-qr-generate:hover{background:#096c98}.is-qr button:focus-visible{outline-offset:4px;outline:3px solid #168dc3}.is-qr button:disabled{opacity:.45;cursor:not-allowed}.is-qr-error{color:#b43338;min-height:0;margin:10px 0 0;font-size:14px}.is-qr-error:empty{display:none}.is-qr-private{color:#75828a;align-items:flex-start;gap:9px;margin:24px 0 0;font-size:13px;line-height:1.6;display:flex}.is-qr-private svg{flex-shrink:0;margin-top:2px}.is-qr-result{background:#f5f8fa;border-left:1px solid #dde5e9;padding:30px}.is-qr-result-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px;display:flex}.is-qr h3{color:#253440;text-transform:none;letter-spacing:0;margin:0;font-size:17px;font-weight:500;line-height:1.5}.is-qr-result-heading>span{color:#218267;align-items:center;gap:5px;font-size:12px;display:flex}.is-qr-preview{aspect-ratio:1;background:#fff;border:1px dashed #cfdae0;border-radius:8px;justify-content:center;align-items:center;max-width:320px;min-height:292px;margin:0 auto 23px;padding:12px;display:flex}.is-qr-preview.is-qr-ready{border-style:solid}.is-qr-preview img{aspect-ratio:1;object-fit:contain;width:100%;max-width:280px;height:auto;display:block}.is-qr-empty{text-align:center;color:#8fa7b5;padding:15px}.is-qr-empty svg{margin:0 auto 20px;display:block}.is-qr-empty p{color:#536d7c;margin:0 0 8px;font-size:16px}.is-qr-empty span{max-width:220px;font-size:13px;line-height:1.6;display:block}.is-qr-downloads{gap:10px;display:flex}.is-qr .is-qr-download{color:#246781;text-align:left;cursor:pointer;white-space:normal;background:#fff;border:1px solid #cbdbe4;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:64px;padding:12px 10px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.is-qr .is-qr-download:not(:disabled):hover{background:#eaf5fb;border-color:#178abd}.is-qr-download svg{flex-shrink:0}.is-qr-download small{color:#7e8e99;margin-top:4px;font-size:12px;font-weight:400;display:block}.is-qr-scan-note{text-align:center;color:#7c8b96;margin:18px 0 0;font-size:12px;line-height:1.6}.is-qr-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.is-qr-editor{padding:27px}.is-qr-result{padding:25px 20px}.is-qr-downloads{flex-direction:column}.is-qr .is-qr-download{justify-content:flex-start;padding-inline:17px}.is-qr-preview{min-height:230px}.is-qr h2{font-size:25px}}@media (width<=650px){.is-qr{grid-template-columns:1fr;margin-top:10px}.is-qr-editor{padding:25px 21px}.is-qr-result{border-top:1px solid #dde5e9;border-left:0;padding:24px 21px}.is-qr-preview{width:100%;max-width:300px}.is-qr-downloads{flex-direction:row}.is-qr .is-qr-download{justify-content:center;padding:12px 10px;font-size:14px}.is-qr-field-note{flex-direction:column;gap:5px}.is-qr h2{font-size:25px}}@media (width<=380px){.is-qr-downloads{flex-direction:column}.is-qr .is-qr-download{justify-content:flex-start;padding-inline:17px}.is-qr-preview{min-height:0}}.is-qr-typebar{border-bottom:1px solid #dde5e9;grid-column:1/-1;padding:25px 30px 0}.is-qr-types{background:0 0;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;width:100%;margin-top:17px;padding:0;display:grid}.is-qr .is-qr-type{color:#71828e;cursor:pointer;white-space:normal;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:5px 5px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:76px;padding:14px 5px 16px;font-size:14px;font-weight:500;display:flex}.is-qr .is-qr-type[data-active],.is-qr .is-qr-type[aria-selected=true]{color:#147ead;background:#eaf5fb;border-bottom-color:#147ead}.is-qr .is-qr-type:hover{background:#f1f7fa}.is-qr-editor>h2{margin-top:0}.is-qr-field{margin-bottom:17px}.is-qr .is-qr-line{color:#253440;width:100%;height:46px;box-shadow:none;background:#fff;border:1px solid #bfcdd6;border-radius:6px;outline:none;padding:10px 13px;font-size:16px;line-height:1.5;display:block}.is-qr .is-qr-line:focus-visible{outline-offset:1px;border-color:#168dc3;outline:3px solid #d5edf9}.is-qr-hint{color:#75828a;margin:8px 0 17px;font-size:13px;line-height:1.6}.is-qr-fields-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.is-qr-choice{border:0;min-width:0;margin:0 0 19px;padding:0}.is-qr-choice legend{color:#344c5b;margin-bottom:11px;font-size:14px;font-weight:500}.is-qr-radio{flex-wrap:wrap;gap:12px 16px;display:flex}.is-qr-radio label{cursor:pointer;align-items:center;gap:7px;min-height:30px;margin:0;font-size:14px;font-weight:400;display:flex}.is-qr [data-slot=radio-group-item]{background:#fff;border:1px solid #97acba;border-radius:50%;place-items:center;width:18px;min-width:18px;height:18px;padding:0;display:grid;position:relative}.is-qr [data-slot=radio-group-item][data-checked]{background:#147ead;border-color:#147ead}.is-qr [data-slot=radio-group-indicator]>span{background:#fff;border-radius:50%;width:7px;height:7px;display:block}.is-qr label.is-qr-check{align-items:center;gap:9px;min-height:32px;font-size:14px;font-weight:400;display:flex}.is-qr [data-slot=checkbox]{color:#fff;background:#fff;border:1px solid #97acba;border-radius:4px;place-items:center;width:19px;min-width:19px;height:19px;padding:0;display:grid}.is-qr [data-slot=checkbox][data-checked]{background:#147ead;border-color:#147ead}.is-qr [data-slot=checkbox-indicator] svg{width:15px;height:15px}.is-qr-custom{border-block:1px solid #e2e9ed;margin:24px 0;padding:15px 0}.is-qr-custom summary{cursor:pointer;color:#426778;list-style:revert;padding:4px 0;font-size:14px;font-weight:500}.is-qr-custom summary>span{color:#82929c;margin-left:8px;font-size:12px;font-weight:400}.is-qr-custom summary:focus-visible{outline-offset:4px;outline:3px solid #168dc3}.is-qr-design-fields{padding-top:19px}.is-qr-color-control{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.is-qr-color-control input{cursor:pointer;background:#fff;border:1px solid #c1d2dd;border-radius:5px;width:55px;height:39px;padding:3px}.is-qr-color-control>span{font-size:14px}.is-qr-color-control small{color:#82929c;flex-basis:100%;font-size:12px}.is-qr-file{color:#536d7c;width:100%;font-size:14px}.is-qr-file::file-selector-button{color:#216485;cursor:pointer;background:#f0f7fa;border:1px solid #bdd1dd;border-radius:5px;margin-right:10px;padding:9px 13px}.is-qr-logo-preview{align-items:center;gap:15px;margin-top:15px;display:flex}.is-qr-logo-preview img{object-fit:contain;background:#fff;border:1px solid #dde5e9;width:55px;height:55px;padding:4px}.is-qr .is-qr-remove{color:#9b3841;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px;font-size:13px;display:flex}.is-qr-size{margin:0 0 19px}.is-qr-size .is-qr-radio{gap:7px 13px}.is-qr-result-inner{position:sticky;top:25px}.is-qr [data-slot=tabs-content][hidden]{display:none}@media (width<=850px){.is-qr-typebar{padding:20px 20px 0}.is-qr-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.is-qr .is-qr-type{flex-direction:row;gap:6px;min-height:64px;padding:11px 5px}.is-qr-fields-grid{grid-template-columns:1fr}.is-qr-size .is-qr-radio{gap:4px 10px}}@media (width<=650px){.is-qr-typebar{padding:20px 15px 0}.is-qr .is-qr-type{flex-direction:column;gap:5px;font-size:13px}.is-qr-result-inner{position:static}.is-qr-fields-grid{grid-template-columns:1fr 1fr}}@media (width<=430px){.is-qr-fields-grid{grid-template-columns:1fr}}