.container--qr-barcode{max-width:1180px}.qr-barcode-mode-selector{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}.qr-barcode-mode-selector h2,.qr-barcode-mode-selector p{margin:.1rem 0}.qr-barcode-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;flex:1;max-width:620px}.qr-barcode-mode-tabs button{min-width:0;min-height:44px;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text);font:inherit;font-weight:800;cursor:pointer}.qr-barcode-mode-tabs button[aria-selected="true"]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.qr-barcode-mode-tabs button:focus-visible{outline:3px solid rgb(20 107 99 / 34%);outline-offset:3px}.qr-barcode-mode-panel{min-width:0}.qr-barcode-mode-panel[hidden]{display:none!important}.qr-barcode-article code{overflow-wrap:anywhere}.qr-barcode-choice{padding:1rem;border-left:4px solid var(--color-primary);background:var(--color-surface-soft)}
@media(max-width:700px){.qr-barcode-mode-selector{align-items:stretch;flex-direction:column}.qr-barcode-mode-tabs{width:100%;max-width:none}}
@media(max-width:420px){.qr-barcode-mode-tabs{grid-template-columns:1fr}}