.qr-editor { display: grid; grid-template-columns: 192px minmax(0, 1fr); gap: 26px; align-items: start; }
.qr-preview { padding: 12px; background: #fff; border: 1px solid #e0e7f2; border-radius: 8px; }
.qr-preview img { display: block; width: 100%; aspect-ratio: 1; height: auto; }
.qr-target-link { display: block; font-size: 12px; color: #284b80; overflow-wrap: anywhere; margin-top: 14px; }
.qr-downloads { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.qr-downloads .button { min-height: 40px; font-size: 12px; }
.qr-downloads [aria-disabled="true"] { opacity: .5; pointer-events: none; }
@media (max-width: 600px) { .qr-editor { grid-template-columns: 1fr; gap: 18px; } .qr-preview { width: 192px; } }