.qr-code-module{position:relative}.qr-code-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.qr-code-description{color:var(--color-text);margin-bottom:1rem}.qr-code-container{display:inline-block;position:relative}.qr-code-container canvas,.qr-code-container svg{display:block;height:auto;max-width:100%}.qr-download-btn{cursor:pointer;margin-top:1rem}.qr-code-text{color:var(--color-text);font-size:.875rem;margin-top:1rem}.qr-code-text code{background:var(--color-bg-secondary);border-radius:.25rem;font-family:monospace;padding:.25rem .5rem}.qr-code-module.left{text-align:left}.qr-code-module.center{text-align:center}.qr-code-module.right{text-align:right}.qr-code-container[data-qr-loading]:before{color:var(--color-text-muted,#999);content:"Generating QR Code...";font-size:.875rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.qr-code-container[data-qr-error]:before{color:var(--color-primary);content:"Error generating QR Code";font-size:.875rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.qr-code-container{max-width:100%}.qr-code-container canvas,.qr-code-container svg{height:auto;max-width:100%}}