.qrLayout{grid-template-columns:1fr auto;align-items:start;gap:1rem;display:grid}.qrInput{flex-direction:column;gap:.5rem;min-width:0;display:flex}.qrHint{color:var(--textTertiary);margin:0;font-size:.8125rem}.qrHint code{background:var(--bgMuted);color:var(--textPrimary);border-radius:3px;padding:.1em .4em;font-size:.8125rem}.qrPreview{background:var(--bgPrimary);border:1px solid var(--borderLight);border-radius:var(--radiusLg);justify-content:center;align-items:center;min-width:260px;padding:1rem;display:flex}.qrPreview canvas{max-width:100%;height:auto;display:block}@media (max-width:768px){.qrLayout{grid-template-columns:1fr}}