/* QR code check: layout on top of the shared lab chrome. */
.card.inner { box-shadow: none; margin-top: 18px; }
.qr-grid { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 24px; align-items: start; }
.preview { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--line); display: block; }
.card.inner .big { font-size: clamp(22px, 3vw, 30px); margin: 2px 0 4px; }
.card.inner .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card.inner h2 { margin-top: 24px; font-size: 17px; }
.paste-row { margin-top: 14px; }
.small-inline { font-size: 13px; }
.notes { margin: 12px 0 0; padding-left: 18px; font-size: 13px; color: var(--muted); }
.notes strong { color: var(--text); }
@media (max-width: 760px) { .qr-grid { grid-template-columns: 1fr; } .preview { max-width: 260px; } .card.inner .tiles { grid-template-columns: 1fr; } }