.qr-shell{max-width:1320px;margin:auto;padding:24px 36px 75px;color:#1b2b49}.qr-hero{max-width:960px;padding:22px 0 26px}.qr-eyebrow{font-size:.78rem;letter-spacing:.1em;font-weight:800;color:#1764b8}.qr-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.15;margin:12px 0}.qr-hero p{font-size:1.08rem;color:#5e6b80;line-height:1.7}.qr-benefits{display:flex;gap:10px;flex-wrap:wrap}.qr-benefits span{border-radius:25px;padding:7px 12px;background:#eff7ff;color:#245a9d;font-size:.78rem}.qr-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start}.qr-form-panel,.qr-preview-panel,.qr-bulk-panel{background:#fff;padding:25px;border:1px solid #dce5f0;border-radius:20px;box-shadow:0 8px 34px #243c5e0d}.qr-panel-heading{display:flex;align-items:center;gap:10px;margin:0 0 20px}.qr-panel-heading h2{font-size:1.15rem;margin:0}.qr-step{min-width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#23436e;color:#fff;font-weight:800}.qr-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.qr-type-grid button{background:#fff;border:1px solid #cad8e8;border-radius:9px;min-height:52px;padding:8px 3px;line-height:1.3;overflow-wrap:anywhere;font-size:.76rem;color:#324665}.qr-type-grid button[aria-pressed=true]{background:#e9f8f3;border:2px solid #109d79;color:#09634f;font-weight:800}.qr-dynamic-heading{display:none}.qr-fields{background:#f6f9fd;padding:16px;border-radius:12px;border:1px solid #e1e8f3;margin:16px 0}.qr-field{margin:0 0 15px}.qr-field label{display:block;font-weight:700;font-size:.85rem;margin-bottom:7px}.qr-field input:not([type=checkbox]):not([type=range]),.qr-field select,.qr-field textarea{display:block;width:100%;border:1px solid #c7d5e6;border-radius:9px;background:#fff;padding:10px 12px;min-height:44px;color:#243651}.qr-field input[type=color]{height:50px}.qr-field input[type=range]{width:100%;accent-color:#1a64ca}.qr-field textarea{min-height:75px;resize:vertical}.qr-field :focus-visible,.qr-button-primary:focus-visible,.qr-button-secondary:focus-visible{outline:3px solid #296dea77;outline-offset:1px}.qr-rule{border:0;border-top:1px solid #e2e9f2;margin:25px 0}.qr-hint{font-size:.82rem;color:#63718a;line-height:1.7}.qr-design-tabs{display:flex;overflow:auto;border-bottom:1px solid #dce5ee;margin-bottom:16px}.qr-design-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 14px;color:#435777;white-space:nowrap}.qr-design-tabs button[aria-selected=true]{border-color:#12937b;color:#0a6956;font-weight:800}.qr-two,.qr-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.qr-three{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-checks,.qr-toolbar,.qr-preset-list,.qr-bulk-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.qr-checks label{font-size:.86rem}.qr-presets{margin-top:22px}.qr-presets>span{font-weight:800;font-size:.88rem}.qr-preset-list button,.qr-button-secondary{border:1px solid #c8d8e9;border-radius:9px;background:#f8fbff;color:#245795;padding:10px 13px;font-weight:700;cursor:pointer;font-size:.83rem}.qr-button-primary{background:#185fcf;color:#fff;border:1px solid #185fcf;padding:12px 17px;border-radius:10px;font-weight:800;min-height:45px;cursor:pointer}.qr-preview-panel{background:linear-gradient(155deg,#f6faff,#fff 50%)}.qr-preview-sticky{position:sticky;top:16px}.qr-image-box{aspect-ratio:1;min-height:280px;background:#fff;border:1px solid #dbe5f1;border-radius:12px;padding:12px;display:grid;place-items:center}.qr-image-box img{width:100%;height:100%;object-fit:contain;max-width:375px}.qr-status{font-size:.9rem;font-weight:700;color:#2a527e}.qr-preview-panel>.qr-preview-sticky>.qr-button-primary{width:100%}.qr-share{justify-content:center}.qr-bulk-panel{margin-top:24px;background:#f7faff}.qr-bulk-panel .qr-button-primary{width:auto}.qr-guide{margin-top:50px;max-width:950px}.qr-guide h2{margin:25px 0 13px}.qr-guide ol,.qr-guide details p{color:#596980;line-height:1.8}.qr-guide details{padding:14px 0;border-bottom:1px solid #dce4f0}.qr-guide summary{font-weight:750;cursor:pointer}.qr-shell[dir=rtl]{text-align:start}.qr-shell[dir=rtl] input[type=url],.qr-shell[dir=rtl] input[type=email],.qr-shell[dir=rtl] input[type=tel]{direction:ltr;text-align:right}@media(max-width:990px){.qr-layout{grid-template-columns:1fr}.qr-preview-sticky{position:static}.qr-image-box{max-width:480px;margin:auto}.qr-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:540px){.qr-shell{padding:18px 13px 60px}.qr-form-panel,.qr-preview-panel,.qr-bulk-panel{padding:16px}.qr-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-design-tabs button{padding:9px}.qr-two{grid-template-columns:1fr}.qr-three{grid-template-columns:repeat(3,1fr)}.qr-hero h1{font-size:1.85rem}}
/* QR Studio pro: accessible scan-reader, privacy-first payload tools and flexible batch output */
.qr-scanner-panel{margin-top:24px;background:#fff;padding:25px;border:1px solid #dce5f0;border-radius:20px;box-shadow:0 8px 34px #243c5e0d}
.qr-scanner-panel .qr-field{max-width:720px}.qr-scanner-panel textarea{min-height:100px;resize:vertical;overflow-wrap:anywhere}
.qr-scanner-panel #qr-scanner-status{min-height:1.5em}
.qr-scanner-panel button:disabled,.qr-preview-panel button:disabled{opacity:.55;cursor:not-allowed}
.qr-bulk-settings{max-width:720px;margin-top:20px}
.qr-bulk-settings .qr-field{margin-bottom:0}
.qr-share .qr-button-secondary{flex:1 1 130px}
.qr-scanner-panel input[type=file]{max-width:100%;font-size:.9rem}
@media(max-width:540px){.qr-scanner-panel{padding:16px}.qr-bulk-settings .qr-field{margin-bottom:10px}}

/* Selection is unmistakable on mouse, touch, keyboard and RTL layouts. */
#qr-studio .qr-type-grid button[aria-pressed="true"],
#qr-studio .qr-preset-list button[aria-pressed="true"],
#qr-studio .qr-design-tabs button[aria-selected="true"]{
 background:#142a50;
 color:#fff;
 border:2px solid #142a50;
 box-shadow:0 0 0 2px #b4c7e3,0 4px 12px #142a502e;
 font-weight:800;
}
#qr-studio .qr-type-grid button[aria-pressed="true"]::after,
#qr-studio .qr-preset-list button[aria-pressed="true"]::after{
 content:"✓";
 display:inline-block;
 margin-inline-start:6px;
 font-weight:900;
}
#qr-studio .qr-design-tabs button{border-radius:8px 8px 0 0;border:2px solid transparent;border-bottom:3px solid transparent}
#qr-studio .qr-design-tabs button[aria-selected="true"]{border-bottom:3px solid #60dfbe}
#qr-studio .qr-type-grid button:focus-visible,
#qr-studio .qr-preset-list button:focus-visible,
#qr-studio .qr-design-tabs button:focus-visible{outline:3px solid #3481f6;outline-offset:3px}
#qr-studio .qr-type-grid button:not([aria-pressed="true"]):hover,
#qr-studio .qr-preset-list button:not([aria-pressed="true"]):hover{
 background:#e9f0fb;
 border-color:#466caa;
}
#qr-studio .qr-checks input[type=checkbox]{accent-color:#142a50}

/* QR phone input and accessible validation/empty-preview states. */
#qr-studio .qr-preview-placeholder[hidden],
#qr-studio #qr-preview[hidden],
#qr-studio .qr-field-error[hidden]{display:none!important}
#qr-studio .qr-preview-placeholder{max-width:255px;margin:0 auto;padding:18px;text-align:center;font-size:.95rem;line-height:1.65;color:#596c86;font-weight:700}
#qr-studio .qr-field-error{font-size:.83rem;line-height:1.5;color:#a52121;font-weight:700;margin:6px 0 0}
#qr-studio .qr-field [aria-invalid="true"]{border:2px solid #bd3535!important;background:#fff9f8!important;box-shadow:0 0 0 2px #bd35351a}
#qr-studio .qr-field [aria-invalid="true"]:focus-visible{outline-color:#a52121}
#qr-studio .qr-country-select{font-size:.94rem;min-width:0;direction:ltr;text-align:start}
#qr-studio #qr-status:not(:empty){overflow-wrap:anywhere}
#qr-studio .qr-image-box{overflow:hidden}
#qr-studio .qr-image-box img{display:block;min-width:0}

/* Hide fields that are not part of the currently selected QR builder. */
#qr-studio .qr-field[hidden]{display:none!important}
#qr-studio .qr-fields select,#qr-studio .qr-fields input{max-width:100%}
#qr-studio .qr-field textarea{overflow-wrap:anywhere}