.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lbl{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.qr-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
.qr-out{position:sticky;top:12px;text-align:center}
.qr-out h2{text-align:left}
.qtypes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.qtypes button{font:inherit;font-size:14px;border:1px solid var(--line2);background:#fff;color:var(--ink2);border-radius:10px;padding:8px 12px;cursor:pointer;min-height:40px}
.qtypes button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.qtypes button:hover{border-color:var(--brand)}
.mt{margin-top:22px!important}
.field.check{display:flex;align-items:flex-end}
.chk{display:flex;gap:8px;align-items:center;font-weight:500;font-size:14px;cursor:pointer;min-height:42px}
.chk input{width:18px;height:18px;accent-color:var(--brand)}
input[type=range]{width:100%;accent-color:var(--brand)}
.logo-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.qr-stage{background:repeating-conic-gradient(#eef0f4 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;place-items:center}
.qr-stage canvas{width:100%;max-width:340px;height:auto;image-rendering:pixelated;display:block}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 8px}
.err{color:var(--err);font-size:14px;margin:4px 0 0}
.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:8px 10px;font-size:13.5px;text-align:left;margin:10px 0 0}
.payload{text-align:left;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.payload summary{cursor:pointer;font-weight:600;font-size:14px}
.payload code{display:block;white-space:pre-wrap;word-break:break-all;background:#f1f5f9;border-radius:8px;padding:8px 10px;font-size:13px;margin-top:8px;max-height:180px;overflow:auto}
@media (max-width:900px){.qr-grid{grid-template-columns:1fr}.qr-out{position:static;order:-1}}
@media (max-width:560px){.qr-stage canvas{max-width:250px}.qtypes button{font-size:13px;padding:7px 10px}.row3{grid-template-columns:1fr 1fr}}