/* Focused QR workspace. Encoding, local privacy and downloads use the original tool. */
.qr-maker-workspace{--qr-ink:#183c46;--qr-accent:#285f68;color:var(--qr-ink)}.qr-maker-workspace [hidden]{display:none!important}.qr-maker-workspace *{box-sizing:border-box}.qr-start{padding:clamp(20px,3vw,34px);border:1px solid #cbdadf;border-radius:18px;background:linear-gradient(130deg,#edf4f5 0%,#f7f5ee 100%);margin-bottom:28px;box-shadow:none}.qr-start .sectionhead{gap:18px;align-items:start;margin-bottom:17px}.qr-start .sectionhead h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.035em;max-width:640px}.qr-start-intro{max-width:800px;font-size:13px;line-height:1.8;color:#49636c;margin-bottom:24px}.qr-start-grid{gap:15px}.qr-start-card{padding:22px;min-height:220px;border:1px solid #cbdce1;border-radius:13px;background:#fff;box-shadow:none;gap:11px;transition:background .15s,border-color .15s,transform .15s}.qr-start-card:first-child{background:#f8fcfd}.qr-start-card:nth-child(2){background:#f6f8ef;border-color:#d0dcc2}.qr-start-card:nth-child(3){background:#f7f2e8;border-color:#ddcfb8}.qr-start-card strong{font-size:17px;letter-spacing:-.025em;line-height:1.35}.qr-start-card .qr-start-icon{background:#e2eff2;color:#295c69;border-radius:10px;box-shadow:none;width:42px;height:42px;font-size:25px}.qr-start-card:nth-child(2) .qr-start-icon{background:#e3ebd2;color:#637941}.qr-start-card:nth-child(3) .qr-start-icon{background:#ede0c8;color:#8b613e}.qr-start-card b{font-size:11px;color:#315b65;border-top:1px solid #dce5e6;padding-top:13px;margin-top:6px;line-height:1.5}.qr-start-card span:not(.qr-start-icon){font-size:12px;line-height:1.7;color:#516872}.qr-start-card:hover,.qr-start-card:focus-visible{transform:translateY(-2px);border-color:#457b88;box-shadow:none;background:#edf6f7}.qr-start-alternative{margin-top:20px;color:#4d6269}.qr-start-alternative a{color:#2f626c}.qr-maker-panel{padding-top:8px}.qr-maker-panel>.sectionhead{margin-bottom:22px;gap:18px;align-items:center}.qr-maker-panel>.sectionhead h2{font-size:clamp(1.4rem,2.5vw,1.8rem);letter-spacing:-.025em;margin:0}.qr-workspace-tabs{display:flex;gap:7px;padding:7px;background:#e9f0f2;border:1px solid #cbdade;border-radius:12px;margin:0 0 25px;max-width:780px}.qr-workspace-tabs button{display:inline-flex;gap:8px;align-items:center;justify-content:center;flex:1;min-height:46px;font-size:12px;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#4b6871;box-shadow:none;margin:0}.qr-workspace-tabs button:hover{background:#fff8}.qr-workspace-tabs button[aria-selected=true]{background:var(--qr-accent,#285f68);border-color:var(--qr-accent,#285f68);color:#fff}.qr-workspace-tabs button:focus-visible,.qr-design-fold>summary:focus-visible,.qr-presets-fold>summary:focus-visible{outline:3px solid #b56b39;outline-offset:3px}.qr-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px;align-items:start}.qr-builder{gap:16px}.qr-section{padding:23px;border:1px solid #d2dfe3;border-radius:13px;background:#f7fafb}.qr-section legend{font-size:15px;font-weight:750;letter-spacing:-.02em;padding:0 8px;color:#274b57}.qr-section legend span{background:#28626b;border-radius:8px;width:25px;height:25px;font-size:12px}.qr-section label:not(.checklabel){font-size:11px;font-weight:750;color:#3c5c67;margin-top:18px}.qr-section :is(input:not([type=checkbox]),select,textarea){border:1px solid #c2d2d9;border-radius:8px;box-shadow:none;background:#fff;min-height:43px;font-size:13px;line-height:1.45;padding:10px 12px;color:#203d48}.qr-section input[type=color]{padding:5px;height:47px}.qr-section input[type=file]{font-size:11px;line-height:1.7}.qr-section textarea{resize:vertical}.qr-section .privacy{font-size:11px;color:#526a74;line-height:1.7}.qr-fields{border-color:#d9e4e7;margin-top:18px;padding-top:4px}.qr-pair{gap:14px}.qr-design-fold{border:1px solid #d2dce5;border-radius:12px;background:#eef2f8;overflow:hidden}.qr-design-fold>summary,.qr-presets-fold>summary{display:list-item;cursor:pointer;padding:18px 22px;font-weight:750;font-size:13px;line-height:1.5;color:#355675;list-style-position:inside}.qr-design-fold>summary::marker,.qr-presets-fold>summary::marker{color:#68839e}.qr-design-fold[open]>summary{border-bottom:1px solid #d4dfea}.qr-design-fold .qr-style-section{border:0;border-radius:0;background:#f7f9fd;padding-top:18px}.qr-style-section legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qr-colors{padding:12px;border:1px solid #d7e0eb;border-radius:10px;background:#fff}.qr-colors label{margin-top:0!important}.qr-design-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.qr-design-actions button{font-size:11px;min-height:42px;width:100%;margin:0;padding:10px}.qr-presets-fold{margin-top:22px;border:1px solid #d2dfea;background:#eef3f8;border-radius:10px}.qr-presets-fold>summary{padding:13px 15px;font-size:12px}.qr-presets-fold #qr-account-designs{padding:0 15px 18px}.qr-presets-fold #qr-account-designs>h3{display:none}.qr-presets-fold #qr-account-designs p{font-size:11px;line-height:1.7;color:#4d687e}.qr-presets-fold #qr-account-design-save{font-size:11px;width:100%;margin-top:12px}.qr-presets-fold .saved-history-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.qr-create-action{width:100%;justify-self:stretch!important;margin:0!important;min-height:50px;font-size:14px;border-radius:10px}.qr-output{position:sticky;top:20px;min-width:0}.qr-preview-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:13px;padding-inline:3px}.qr-preview-heading strong{font-size:12px;color:#446771}.qr-preview-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#276b65;background:#e3f1e8;font-size:22px}.qr-preview-heading .tag{margin-left:auto;font-size:9px}.qr-preview{border:1px solid #c6dcd5;background:#eaf4ef;border-radius:14px;padding:22px;box-shadow:none}.qr-preview #qrresult{min-height:300px;border:1px solid #dce7df;border-radius:11px;padding:24px;background:#fff;color:#566e66}.qr-preview #qrresult.empty{background:linear-gradient(#fff,#f9fcf8)}.qr-preview #qrresult h3{font-size:17px;letter-spacing:-.02em;margin:0 0 9px;color:#355c54}.qr-preview #qrresult p{font-size:12px;line-height:1.7;max-width:240px;margin:0}.qr-preview #qrresult img{box-shadow:none;max-width:100%;border-radius:0}.qr-preview #qrstatus{font-size:11px;line-height:1.8;color:#355e50;margin-block:13px}.qr-preview .privacy{font-size:10px;line-height:1.8;color:#597166;margin-top:18px}.qr-actions{grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.qr-actions a,.qr-actions button{font-size:11px;min-height:43px;padding:10px;gap:6px;border-radius:8px}.qr-actions a:first-child{min-height:47px;font-size:12px}.qr-extras{display:block;margin:0;max-width:900px}.qr-extra{padding:clamp(22px,3vw,34px);border:1px solid #cbdde2;border-radius:14px;background:#f1f7f8}.qr-extra h3{font-size:24px;letter-spacing:-.025em;margin-bottom:13px}.qr-extra p{font-size:13px;line-height:1.8;color:#49636f;max-width:720px}.qr-extra label{font-size:12px;margin:20px 0 9px;color:#365966}.qr-extra textarea,.qr-extra input[type=file]{background:#fff;border:1px solid #bdd1da;border-radius:9px;padding:12px;font-size:13px;line-height:1.65}.qr-extra button{font-size:13px;min-height:45px;border-radius:9px}.qr-extra #qrbatchstatus{margin-top:17px}.qr-extra #qrinspectresult{padding:20px;min-height:100px;background:#fff;border:1px dashed #b9d0d8;font-size:13px;border-radius:10px}.qr-maker-workspace .vt-help-field{min-width:0}.qr-maker-workspace .vt-help-button{box-shadow:none}
@media(max-width:900px){.qr-start-grid{gap:10px}.qr-start-card{padding:18px;min-height:230px}.qr-start-card strong{font-size:15px}.qr-layout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)}.qr-section{padding:19px}.qr-preview{padding:18px}.qr-preview-heading .tag{margin-left:0}}
@media(max-width:760px){.qr-start-grid{grid-template-columns:1fr}.qr-start-card{min-height:0;display:grid;grid-template-columns:42px 1fr;gap:8px 14px;padding:18px}.qr-start-card .qr-start-icon{grid-row:1/4}.qr-start-card strong{font-size:17px}.qr-start-card span:not(.qr-start-icon){font-size:12px}.qr-start-card b{grid-column:2;padding-top:9px;margin-top:0}.qr-start{padding:20px}.qr-start .sectionhead{display:block}.qr-start .sectionhead .tag{display:inline-block;margin-top:12px}.qr-layout{grid-template-columns:1fr}.qr-output{position:static}.qr-workspace-tabs{max-width:none}.qr-workspace-tabs button{font-size:11px;padding:11px 8px;min-height:48px}.qr-maker-panel>.sectionhead{display:block}.qr-maker-panel>.sectionhead .tag{display:inline-block;margin-top:10px}.qr-preview #qrresult{min-height:250px}.qr-preview-heading .tag{margin-left:auto}}
@media(max-width:440px){.qr-workspace-tabs{gap:4px;padding:5px}.qr-workspace-tabs button{font-size:10px;padding:10px 6px;gap:5px}.qr-workspace-tabs button::before{width:15px!important;height:15px!important;flex-basis:15px!important}.qr-start-card{padding:16px}.qr-section{padding:18px 15px}.qr-pair{grid-template-columns:1fr}.qr-colors{grid-template-columns:1fr 1fr}.qr-design-actions{grid-template-columns:1fr}.qr-actions{grid-template-columns:1fr 1fr}.qr-actions a:first-child{grid-column:span 2}.qr-preview-heading .tag{margin-left:0}.qr-extra{padding:22px 17px}}
@media(prefers-reduced-motion:reduce){.qr-maker-workspace *{transition:none!important;scroll-behavior:auto!important}.qr-start-card:hover,.qr-start-card:focus-visible{transform:none}}
@media print{.qr-start,.qr-workspace-tabs,.qr-preview-heading,.qr-design-fold,.qr-extras,.qr-create-action{display:none!important}.qr-layout,.qr-output,.qr-preview{display:block!important;background:#fff!important;border:0!important;padding:0!important;box-shadow:none!important;max-width:none!important}.qr-preview #qrresult{border:0!important;padding:0!important}.qr-preview #qrresult img{width:90mm!important}}

/* Make the editable/fixed decision and the final export step easy to scan. */
.qr-maker-workspace .qr-start-intro{font-size:14px;line-height:1.75;max-width:75ch}
.qr-maker-workspace .qr-start-card .qr-choice-kind{font-size:10px;line-height:1.5;letter-spacing:.075em;font-weight:800;color:#41616a;margin-top:3px}
.qr-maker-workspace .qr-start-card{align-content:start}
.qr-maker-workspace .qr-start-card b{margin-top:auto;min-height:35px}
.qr-maker-workspace .qr-section label:not(.checklabel){font-size:13px;line-height:1.5}
.qr-maker-workspace .qr-section :is(input:not([type=checkbox]),select,textarea){font-size:16px;min-height:46px}
.qr-maker-workspace .qr-section .privacy{font-size:12px;line-height:1.65}
.qr-maker-workspace .qr-pair{align-items:start}
.qr-maker-workspace .qr-pair>div{min-width:0}
.qr-maker-workspace .qr-preview-heading strong{font-size:15px;line-height:1.4}
.qr-maker-workspace .qr-preview-heading .tag{font-size:11px;line-height:1.5;white-space:normal}
.qr-maker-workspace .qr-preview #qrresult{gap:12px;align-content:center}
.qr-maker-workspace .qr-actions{padding-top:18px;border-top:1px solid #c6dcd5;row-gap:10px}
.qr-maker-workspace .qr-actions .qr-export-heading{grid-column:1/-1;font-size:14px;line-height:1.4;margin:0 0 3px;color:#355c54;letter-spacing:0}
.qr-maker-workspace .qr-actions a,.qr-maker-workspace .qr-actions button{font-size:12px;line-height:1.5;min-height:46px}
.qr-maker-workspace .qr-preview .privacy{font-size:12px;line-height:1.65}
@media(max-width:760px){
 .qr-maker-workspace .qr-start-card .qr-start-icon{grid-row:1/5}
 .qr-maker-workspace .qr-start-card>*:not(.qr-start-icon){grid-column:2}
 .qr-maker-workspace .qr-start-card b{margin-top:3px}
 .qr-maker-workspace .qr-output{margin-top:8px}
}
@media(max-width:440px){
 .qr-maker-workspace .qr-start-card .qr-choice-kind{font-size:9px;letter-spacing:.04em}
 .qr-maker-workspace .qr-workspace-tabs button{font-size:11px;line-height:1.45;overflow-wrap:anywhere}
 .qr-maker-workspace .qr-preview-heading{gap:8px}
 .qr-maker-workspace .qr-preview-heading .tag{flex-basis:100%;margin:0}
}

/* Website icons share the same compact controls as local logo uploads. */
.qr-icon-summary{display:flex;align-items:center;gap:10px;margin:9px 0;min-width:0}.qr-icon-summary:has(img[hidden]):has(span[hidden]){display:none}.qr-icon-summary>img{flex:0 0 40px;width:40px;height:40px;object-fit:contain;padding:4px;border:1px solid #cadbd5;border-radius:8px;background:#fff}.qr-icon-summary>.privacy{margin:0;overflow-wrap:anywhere}.qr-icon-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.qr-studio .qr-icon-actions button{margin:0;min-height:40px;padding:10px 14px;font-size:12px}#qr-icon-status:empty{display:none}