.qr-scanner{display:grid;gap:var(--space-3,12px);max-width:42rem;margin-inline:auto}.qr-scanner h2{margin:0}.qr-camera{display:block;width:100%;max-height:56vh;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card,24px);background:var(--on,#2d251e)}.qr-camera[hidden]{display:none}.qr-scanner .page-actions{flex-wrap:wrap}.qr-scanner input[type=file]{max-width:100%}.checkin-result{border-inline-start:4px solid var(--primary);padding:var(--space-4,16px);background:var(--surface-high);border-radius:var(--radius-card,24px)}