@layer component{.iXYSrW_QrCode{align-items:start;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.iXYSrW_QrCode .iXYSrW_form{gap:var(--space-4);display:grid}.iXYSrW_QrCode .iXYSrW_preview{gap:var(--space-3);justify-items:center;display:grid}.iXYSrW_QrCode img,.iXYSrW_QrCode .iXYSrW_empty{aspect-ratio:1;border-radius:var(--radius-md);inline-size:100%;max-inline-size:20rem;image-rendering:pixelated}.iXYSrW_QrCode .iXYSrW_empty{padding:var(--space-4);border:1px dashed var(--color-border-default);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;place-items:center;display:grid}.iXYSrW_QrCode figcaption{gap:var(--space-2);display:flex}}