.qr-generator__preview{margin-block-start:var(--space-4, 1rem);display:flex;justify-content:center}.qr-generator__preview canvas{width:min(100%,256px);height:auto;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, .5rem);background:var(--color-surface)}.qr-generator__download{display:inline-flex;align-items:center;text-decoration:none}.qr-generator__preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem)}.qr-generator__preview[hidden]{display:none}.qr-generator__preview canvas{width:min(240px,70vw);height:auto;image-rendering:pixelated}.qr-generator__save{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2, .5rem)}.qr-generator__save>*{min-height:44px;display:inline-flex;align-items:center;gap:var(--space-1, .25rem)}.qr-generator__save [hidden]{display:none}