/* Shared user and staff QR studio. */
.referral-hero,.referral-hero>div,.referral-link,.referral-score{min-width:0}
.referral-hero>div{max-width:100%}
.referral-score{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box}
.referral-score>span{min-width:0;overflow-wrap:anywhere}
.referral-link{max-width:100%;box-sizing:border-box}
.referral-link code{max-width:100%;box-sizing:border-box}
.qr-studio{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:24px;align-items:start}
.qr-studio .qr-builder{padding:28px;min-width:0}
.qr-studio .qr-builder>h2{font-size:29px;letter-spacing:-.7px;margin:8px 0 10px}
.qr-studio .qr-builder>p{font-size:15px;line-height:1.6;max-width:680px;margin-bottom:26px}
.qr-builder-v2{gap:22px}
.qr-step{min-width:0;padding:22px;border:1px solid #2b414b;border-radius:15px;background:#0e1b23}
.qr-step-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}
.qr-step-heading>span:first-child{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:#193a34;color:#67e3c6;font:700 12px var(--mono,monospace)}
.qr-step-heading>div{min-width:0;flex:1}
.qr-step-heading h3{font-size:17px;margin:1px 0 6px;color:#edf6f5}
.qr-step-heading p{font-size:13px;line-height:1.55;margin:0;color:#a9bec9}
.qr-step-heading>.qr-count{flex:0 0 auto;height:auto;min-width:0;padding:5px 8px;margin-top:4px;border-radius:6px;background:#192a32;color:#b6cbd5;font:600 10px var(--sans,sans-serif);white-space:nowrap}
.qr-builder-v2 label{font-size:13px;font-weight:600;color:#c2d3dc}
.qr-builder-v2 input:not([type=checkbox]):not([type=radio]):not([type=color]),.qr-builder-v2 select{min-height:46px;background:#09151d;border-color:#34505b;color:#edf5f8;font-size:14px}
.qr-builder-v2 input::placeholder{color:#829ba8}
.qr-builder-v2 small{font-size:11px;line-height:1.5;color:#9bb2be;font-weight:400}
.qr-builder-v2 input:focus-visible,.qr-builder-v2 select:focus-visible,.qr-builder-v2 button:focus-visible{outline:2px solid #63e4c5;outline-offset:3px}
.qr-builder-v2 .form-grid{gap:17px}
.qr-track-switch{display:flex!important;gap:11px;align-items:center;margin-top:17px;padding:15px!important;border:1px solid #2e4a50;background:#142a2e;border-radius:10px}
.qr-track-switch>span:not(.qr-private-chip){flex:1}
.qr-track-switch small{display:block;margin-top:4px;max-width:420px}
.qr-track-switch .qr-private-chip{font-size:9px;letter-spacing:.4px;color:#8fe5cd;white-space:nowrap;padding:5px 7px;background:#163c32;border-radius:5px}
.qr-frame-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:13px}
.qr-frame-search{position:relative;flex:1;max-width:280px}
.qr-frame-search svg{position:absolute;width:16px;height:16px;left:13px;top:15px;fill:none;stroke:#9ab6c3;stroke-width:1.6;pointer-events:none}
.qr-frame-search input{padding-left:39px!important;width:100%}
.qr-selected-frame{color:#8fa9b7;font-size:11px;line-height:1.5;text-align:right;max-width:170px}
.qr-selected-frame strong{display:block;color:#c8f5e8;font-size:12px}
.qr-category-tabs{display:flex;gap:6px;overflow:auto;padding:2px 2px 12px;scrollbar-width:thin}
.qr-category-tabs button{min-height:33px;padding:6px 10px;border-radius:8px;background:#182a34;color:#a8beca;font-size:11px;white-space:nowrap;border:1px solid transparent}
.qr-category-tabs button.active{background:#1c4238;color:#85efd1;border-color:#31725f}
.qr-category-tabs button:hover{background:#25423e;color:#d9fff3}
.qr-updated-frame-field{min-width:0;padding:0;margin:0;border:0}
.qr-updated-frame-field .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qr-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-height:540px;overflow-y:auto;padding:3px 5px 4px 3px;scrollbar-width:thin;scrollbar-color:#3b655e #102028}
.qr-design-option{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;border:1px solid #344b55;border-radius:11px;cursor:pointer;background:#14252f;overflow:hidden;transition:border-color .15s,background .15s}
.qr-design-option[hidden]{display:none}
.qr-design-option:hover{border-color:#6d9b94;background:#1b333b}
.qr-design-option:has(input:checked){border-color:#62e6c6;box-shadow:0 0 0 1px #62e6c6;background:#1d3934}
.qr-design-option:has(input:focus-visible){outline:2px solid #62e6c6;outline-offset:2px}
.qr-design-option input{position:absolute;width:1px;height:1px;opacity:0}
.qr-design-art{height:133px;display:grid;place-items:center;padding:12px;background-color:#edf2ef;background-image:linear-gradient(45deg,#d7e2dc 25%,transparent 25%),linear-gradient(-45deg,#d7e2dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7e2dc 75%),linear-gradient(-45deg,transparent 75%,#d7e2dc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.qr-design-art img{display:block;width:100%;height:100%;object-fit:contain;max-height:109px}
.qr-design-clean svg{width:70px;height:70px;color:#101a22;background:#fff;padding:7px;border-radius:3px}
.qr-design-copy{display:block;padding:10px 11px;min-width:0}
.qr-design-copy strong{display:block;color:#ecf6f2;font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-design-copy small{display:block;margin-top:3px;font-size:10px;color:#90aaa9}
.qr-design-check{position:absolute;top:8px;right:8px;display:none;place-items:center;width:22px;height:22px;border-radius:50%;background:#54dfb9;color:#0a2820;font-size:14px;font-weight:800;box-shadow:0 1px 6px #07151340}
.qr-design-option:has(input:checked) .qr-design-check{display:grid}
.qr-no-frame-results{padding:22px;margin:0;text-align:center;font-size:13px;color:#a5bdc9}
.qr-color-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 13px}
.qr-color-field>span:first-child{display:block;margin-bottom:8px;font-size:11px;white-space:nowrap}
.qr-color-control{display:flex;align-items:center;gap:8px;background:#0a161e;border:1px solid #344b55;border-radius:8px;padding:6px 8px;min-width:0}
.qr-color-control input[type=color]{display:block;flex:0 0 29px;width:29px;height:29px;min-height:0;padding:0;border:0;border-radius:5px;background:none;cursor:pointer}
.qr-color-control input::-webkit-color-swatch-wrapper{padding:0}
.qr-color-control input::-webkit-color-swatch{border:1px solid #4e6670;border-radius:5px}
.qr-color-control code{font-size:10px;color:#b9cfda;letter-spacing:.1px}
.qr-color-field.color-disabled .qr-color-control{opacity:.5;background:repeating-conic-gradient(#25383e 0% 25%,#15262d 0% 50%) 50%/12px 12px}
.qr-color-presets{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:19px 0 20px}
.qr-color-presets>span{font-size:10px;color:#9eb6c2;margin-right:3px}
.qr-palette{display:flex;gap:6px;align-items:center;min-height:30px;padding:5px 9px;background:#1b2d36;color:#c7d8df;border:1px solid #334d58;border-radius:7px;font-size:10px}
.qr-palette i{display:block;width:10px;height:10px;border-radius:50%;background:#4fc2a3}
.qr-palette.light i{background:#e5eeee}.qr-palette.lime i{background:#cbea55}.qr-palette.violet i{background:#ab83e5}.qr-palette.warm i{background:#e79b89}
.qr-palette:hover{background:#29453f;border-color:#5eac94}
.qr-transparency-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qr-transparency-grid .check{display:flex;gap:10px;align-items:flex-start;min-width:0;margin:0;padding:12px;background:#142630;border:1px solid #2c4550;border-radius:9px}
.qr-transparency-grid input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;accent-color:#57dfbb}
.qr-transparency-grid .check>span{font-size:11px;line-height:1.4}
.qr-transparency-grid small{display:block;font-size:10px;margin-top:4px;color:#96acb6}
.qr-caption-presets{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 19px}
.qr-caption-presets button{min-height:28px;padding:5px 8px;border-radius:6px;border:1px solid #37515b;background:#172a34;color:#b4cbd5;font-size:9px;letter-spacing:.35px}
.qr-caption-presets button:hover,.qr-caption-presets button.active{background:#1b4338;border-color:#3c8f71;color:#89efc9}
.qr-fine-tune{padding-top:15px;border-top:1px solid #2a414b}
.qr-fine-tune summary{font-size:12px;font-weight:600;color:#bdd5dd;cursor:pointer}
.qr-fine-tune .form-grid{margin-top:16px}
.qr-fine-tune>p{font-size:11px;line-height:1.6;color:#96b1be;margin:12px 0 0}
.qr-save-bar{display:flex;gap:15px;justify-content:space-between;align-items:center;padding-top:3px}
.qr-save-bar>span{display:flex;gap:8px;align-items:center;font-size:10px;color:#90b3ab}
.qr-save-bar svg{width:17px;height:17px;fill:none;stroke:#64dcb9;stroke-width:1.5}
.qr-save-bar .form-actions{margin:0;gap:8px;justify-content:flex-end}
.qr-save-bar button{font-size:12px;padding:12px 16px;min-height:43px}
.qr-studio .qr-live-preview{top:97px;padding:23px;min-width:0;border-color:#36534f;background:linear-gradient(155deg,#162d2c,#13232c 60%)}
.qr-preview-header{display:flex;gap:12px;justify-content:space-between;align-items:center}
.qr-preview-header .eyebrow{font-size:9px;color:#6fe0be;letter-spacing:1.8px}
.qr-preview-header h3{font-size:20px;letter-spacing:-.4px;margin:5px 0 0}
.qr-refresh{display:grid;place-items:center;width:32px;min-height:32px;padding:6px;background:#213c3b;border:1px solid #3a5951;border-radius:8px;color:#a0e5d2}
.qr-refresh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.qr-studio .qr-preview-stage{position:relative;min-height:330px;max-height:530px;padding:27px;margin:22px 0 13px;border-radius:12px;border:1px solid #4d6b62;background:#fff;overflow:hidden}
.qr-studio .qr-preview-stage.transparent{background-color:#eef3f0;background-image:linear-gradient(45deg,#d7e0db 25%,transparent 25%),linear-gradient(-45deg,#d7e0db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7e0db 75%),linear-gradient(-45deg,transparent 75%,#d7e0db 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.qr-studio .qr-preview-stage img{width:100%;height:auto;max-height:470px;object-fit:contain;transition:opacity .15s}
.qr-studio .qr-preview-stage img:not([src]),.qr-studio .qr-preview-stage img[src=""]{display:none}
.qr-preview-stage.updating img{opacity:.55}
.qr-preview-placeholder{color:#526b64;font-size:12px;text-align:center}
.qr-preview-stage.has-preview .qr-preview-placeholder,.qr-preview-stage:has(img[src]:not([src=""])) .qr-preview-placeholder{display:none}
.qr-preview-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8caeaa}
.qr-preview-meta>span:last-child{white-space:nowrap;letter-spacing:.5px;color:#c0d7d4}
.qr-preview-status{display:flex;gap:7px;align-items:center;color:#a3d5bf;font-size:11px;margin:18px 0 14px;min-height:18px}
.qr-preview-status:before{content:'';width:6px;height:6px;flex:0 0 6px;background:#5bd9ae;border-radius:50%}
.qr-preview-status.error{color:#ffb1b5}.qr-preview-status.error:before{background:#f18286}
.qr-preview-downloads{display:flex;gap:9px;margin:15px 0}
.qr-preview-downloads a{flex:1;text-align:center;padding:11px 7px;font-size:11px}
.qr-saved-download-note{font-size:10px;line-height:1.6;color:#a2beb9;margin:0 0 15px}
.qr-export-note{padding:15px;border:1px solid #35534e;border-radius:10px;background:#1b3430}
.qr-export-note strong{font-size:12px;color:#c5eee0}
.qr-export-note p{font-size:11px;line-height:1.65;color:#a7c4bb;margin:6px 0 0}
.qr-preview-tip{display:flex;gap:10px;align-items:flex-start;padding-top:18px;border-top:1px solid #35504f;margin-top:18px;font-size:10px;line-height:1.6;color:#9db9ba}
.qr-preview-tip svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:#71cdb9;stroke-width:1.5}
.growth-library .qr-card-image{background-color:#eff3f1;background-image:repeating-conic-gradient(#d8e0db 0% 25%,transparent 0% 50%);background-size:16px 16px}
@media(min-width:1650px){.qr-studio{grid-template-columns:minmax(0,1.3fr) minmax(390px,.8fr)}.qr-design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-design-art{height:145px}.qr-design-art img{max-height:121px}.qr-step{padding:24px}.qr-studio .qr-preview-stage{min-height:400px}}
@media(max-width:1200px){.qr-studio{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.qr-studio .qr-builder{padding:20px}.qr-step{padding:17px}.qr-design-grid{gap:8px}.qr-color-fields{grid-template-columns:1fr 1fr}.qr-studio .qr-live-preview{padding:18px}.qr-track-switch .qr-private-chip{display:none}}
@media(max-width:1050px){.qr-studio{grid-template-columns:1fr}.qr-studio .qr-live-preview{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);column-gap:24px}.qr-preview-header,.qr-preview-meta{grid-column:1/-1}.qr-studio .qr-preview-stage{grid-row:2/6;min-height:270px;margin-bottom:16px}.qr-preview-status{align-self:end}.qr-preview-tip{margin-bottom:16px}.qr-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:490px}.qr-color-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.qr-studio .qr-live-preview{display:block}.qr-studio .qr-builder{padding:18px}.qr-studio .qr-builder>h2{font-size:25px}.qr-studio .qr-builder>p{font-size:13px}.qr-step-heading>.qr-count{display:none}.qr-step{padding:16px}.qr-step-heading{gap:10px;margin-bottom:18px}.qr-step-heading h3{font-size:15px}.qr-step-heading p{font-size:12px}.qr-step-heading>span:first-child{flex-basis:29px;height:29px;font-size:10px}.qr-frame-toolbar{align-items:stretch;flex-direction:column;gap:9px}.qr-frame-search{max-width:none}.qr-selected-frame{max-width:none;text-align:left;display:flex;gap:5px}.qr-selected-frame strong{display:inline;font-size:11px}.qr-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:460px}.qr-design-art{height:116px;padding:10px}.qr-design-art img{max-height:96px}.qr-color-fields{grid-template-columns:1fr 1fr}.qr-transparency-grid{grid-template-columns:1fr}.qr-save-bar{flex-direction:column;align-items:stretch;gap:13px}.qr-save-bar>span{justify-content:center}.qr-save-bar .form-actions{display:flex}.qr-save-bar .form-actions button{flex:1}.qr-color-presets{gap:6px}.qr-color-presets>span{width:100%;margin-bottom:2px}}
@media(max-width:430px){.qr-design-grid{grid-template-columns:1fr 1fr}.qr-design-art{height:127px}.qr-design-art img{max-height:107px}.qr-step .form-grid{grid-template-columns:1fr}.qr-track-switch{padding:12px!important}.qr-studio .qr-preview-stage{min-height:260px}}
@media(max-width:700px){.referral-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px}.referral-hero h2{font-size:24px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere}.referral-hero p{font-size:13px;line-height:1.6}.referral-hero .referral-link{width:100%;min-width:0}.referral-hero .referral-link code{width:100%;font-size:11px}.referral-hero .referral-link button{min-width:0}.referral-score span{padding:16px;font-size:10px}.referral-score strong{font-size:24px}}
.qr-editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:#0a171e;border:1px solid #314a55;border-radius:12px}
.qr-editor-tabs button{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px;row-gap:4px;min-width:0;min-height:65px;padding:10px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a1bac6;text-align:left;font-size:11px;line-height:1.3;box-shadow:none}
.qr-editor-tabs button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;grid-row:1/3;align-self:center}
.qr-editor-tabs button>span{align-self:end;white-space:normal}
.qr-editor-tabs button>b{color:#6e929d;align-self:start;font:500 9px var(--mono,monospace);letter-spacing:.5px}
.qr-editor-tabs button>b:before{content:'STEP '}
.qr-editor-tabs button:hover{background:#172f35;color:#d1ece3}
.qr-editor-tabs button[aria-selected=true]{border-color:#3f8e75;background:#1d4138;color:#a2f4d7}
.qr-editor-tabs button[aria-selected=true]>b{color:#72c3a6}
.qr-tabbed .qr-step{margin:0;animation:qr-panel-appear .15s ease-out}
.qr-tabbed .qr-step[hidden]{display:none}
.qr-tabbed .qr-step:focus-visible{outline:2px solid #52d3ad;outline-offset:3px}
.qr-step-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 2px}
.qr-step-navigation button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:10px 13px;font-size:11px}
.qr-step-navigation [data-qr-step-back]{justify-self:start;background:#213841;border:1px solid #3b5660;color:#bcd3dc}
.qr-step-navigation [data-qr-step-next]{justify-self:end;background:#22483d;border:1px solid #3a846b;color:#b6f6df}
.qr-step-navigation [data-qr-step-status]{font-size:10px;color:#88a6b3;white-space:nowrap}
.qr-step-navigation button:disabled{opacity:.35;cursor:default}
.qr-step-navigation [hidden]{display:none}
.qr-module-field,.qr-logo-field{border:0;border-top:1px solid #2e4852;padding:19px 0 0;margin:22px 0 0;min-width:0}
.qr-module-field{border-top:0;padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid #2e4852}
.qr-module-field legend,.qr-logo-field legend{float:left;width:100%;padding:0;color:#d4e8ed;font-size:13px;font-weight:700}
.qr-module-field>p,.qr-logo-field>p{clear:both;color:#9ab3bf;font-size:11px;line-height:1.6;margin:0;padding:6px 0 14px}
.qr-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;clear:both}
.qr-module-option,.qr-logo-option{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;background:#152a34;border:1px solid #36535e;border-radius:10px;cursor:pointer;padding:9px 6px 11px;transition:border-color .15s,background .15s}
.qr-module-option:hover,.qr-logo-option:hover{border-color:#6fac99;background:#1d3a3b}
.qr-module-option input,.qr-logo-option input{position:absolute;width:1px;height:1px;opacity:0}
.qr-module-option:has(input:checked),.qr-logo-option:has(input:checked){border-color:#65dfba;background:#214336;box-shadow:0 0 0 1px #65dfba}
.qr-module-option:has(input:focus-visible),.qr-logo-option:has(input:focus-visible){outline:2px solid #75edc8;outline-offset:3px}
.qr-module-art{display:block;max-width:95px;width:100%;color:#142b27;border-radius:5px;overflow:hidden;background:#fff}
.qr-module-art svg{display:block;width:100%;height:auto}
.qr-module-option>strong,.qr-logo-option>strong{font-size:11px;color:#e2f1ee;margin-top:9px;text-align:center}
.qr-module-option>small,.qr-logo-option>small{font-size:9px;color:#99b7b8;margin-top:4px;text-align:center;line-height:1.4}
.qr-module-tick{display:none;position:absolute;right:5px;top:5px;width:19px;height:19px;border-radius:50%;place-items:center;background:#59dfb4;color:#0b2b20;font-size:11px;box-shadow:0 1px 4px #0003}
.qr-module-option:has(input:checked) .qr-module-tick{display:grid}
.qr-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;clear:both}
.qr-logo-art{display:grid;place-items:center;width:72px;height:72px;background:#fff;border-radius:8px;color:#102620;padding:7px;box-sizing:border-box}
.qr-logo-art svg{display:block;width:100%;height:100%}
.qr-logo-art.scan>span{font:800 16px/1.05 var(--sans,sans-serif);text-align:center;letter-spacing:.3px}
.qr-logo-art.myirl>span{font-size:15px;font-weight:800;letter-spacing:-.6px}.qr-logo-art.myirl b{color:#258d70}
.qr-scan-note{font-size:11px;line-height:1.6;color:#8eacb7;margin:17px 0 0}
.qr-validation-message{margin:0;padding:11px 14px;border:1px solid #9b5c64;background:#45262d;color:#ffccd1;font-size:12px;line-height:1.6;border-radius:9px}
.qr-validation-message[hidden]{display:none}
.qr-tabbed[data-validation-shown] input:invalid{border-color:#f69aa8!important;box-shadow:0 0 0 1px #f69aa8}
@keyframes qr-panel-appear{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.qr-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-module-art{max-width:100px}.qr-editor-tabs button{grid-template-columns:1fr;text-align:center;justify-items:center;gap:4px;min-height:75px;padding:8px 5px}.qr-editor-tabs button svg{grid-row:auto;width:16px;height:16px}.qr-editor-tabs button>b{display:none}.qr-editor-tabs button>span{align-self:center}}
@media(max-width:700px){.qr-editor-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.qr-editor-tabs button{grid-template-columns:17px minmax(0,1fr);min-height:44px;text-align:left;justify-items:start;gap:7px;padding:9px}.qr-editor-tabs button svg{width:17px;height:17px}.qr-editor-tabs button>span{font-size:10px}.qr-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.qr-module-option{padding:7px 5px 10px}.qr-module-option>strong{font-size:10px}.qr-module-option>small{font-size:8px}.qr-step-navigation{grid-template-columns:auto 1fr;gap:9px}.qr-step-navigation [data-qr-step-status]{grid-column:1/-1;grid-row:2;text-align:center}.qr-step-navigation button{font-size:10px;padding:9px 11px}.qr-logo-grid{grid-template-columns:1fr;gap:8px}.qr-logo-option{display:grid;grid-template-columns:49px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:11px;align-items:center}.qr-logo-art{grid-row:1/3;width:49px;height:49px}.qr-logo-option>strong,.qr-logo-option>small{text-align:left;margin:0}.qr-logo-option>strong{align-self:end}.qr-logo-option>small{align-self:start;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.qr-tabbed .qr-step{animation:none}}
.qr-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-logo-art.custom{background-color:#e2e9e5;background-image:repeating-conic-gradient(#bfcfc7 0% 25%,transparent 0% 50%);background-size:10px 10px;border-radius:50%;color:#174934;padding:11px;border:1px dashed #61917e;box-shadow:0 0 0 4px #18382f}.qr-logo-art.custom img{display:block;width:100%;height:100%;object-fit:contain}.qr-logo-custom-option:has(input:disabled){border-style:dashed;background:#10232b}.qr-logo-custom-option:has(input:disabled)>strong,.qr-logo-custom-option:has(input:disabled)>small{color:#92adb7}.qr-logo-upload{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:17px;margin-top:17px;border:1px solid #37554f;background:#102c28;border-radius:10px}.qr-logo-upload-copy{flex:1;min-width:170px}.qr-logo-upload-copy>strong{font-size:12px;display:block;overflow-wrap:anywhere;color:#cff2e1}.qr-logo-upload-copy>p{font-size:10px;line-height:1.7;color:#99bfb2;margin:6px 0 0}.qr-logo-upload-actions{display:flex;gap:8px;flex-wrap:wrap}.qr-logo-upload-actions button{font-size:11px;padding:11px 13px;white-space:nowrap}.qr-logo-error{width:100%;margin:0!important;padding:11px 12px;color:#ffd0d5!important;background:#472a32;border:1px solid #895561;border-radius:7px;font-size:11px!important;line-height:1.6!important}.qr-logo-error[hidden],.qr-logo-upload [hidden]{display:none!important}@media(max-width:700px){.qr-logo-grid{grid-template-columns:1fr}.qr-logo-upload{padding:14px;gap:13px}.qr-logo-upload-copy{min-width:0;flex-basis:100%}.qr-logo-upload-actions{width:100%}.qr-logo-upload-actions button{flex:1}.qr-logo-art.custom{padding:8px}}
@media(max-width:700px){.qr-logo-art.scan>span{font-size:12px}.qr-logo-art.myirl>span{font-size:11px}}