.qr-sub { margin-top: 1rem; }
.qr-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .7rem; margin-top: .5rem; }
.qr-opts label { display: grid; gap: .2rem; font-size: .85rem; color: var(--muted); }
.qr-view { display: grid; place-items: center; padding: .8rem; background: repeating-conic-gradient(#eef0f1 0 25%, #fff 0 50%) 0 0 / 14px 14px; border: 1px solid #dfe2e5; border-radius: 6px; margin-bottom: .6rem; }
.qr-view svg { width: min(100%, 20rem); height: auto; display: block; image-rendering: pixelated; }
.qr .ut-fields[data-kind] { margin-bottom: .4rem; }