.qr-reader{width:100%;max-width:500px;height:400px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative;background-color:#f8f9fa}.qr-reader video{object-fit:cover}.qr-reader canvas,.qr-reader video{width:100%;height:100%;border-radius:8px;display:block}#qr-reader{position:relative!important}#qr-reader,#qr-reader video{width:100%!important;height:100%!important}#qr-reader video{object-fit:cover!important}#qr-reader canvas{width:100%!important;height:100%!important}@media (max-width:768px){.qr-reader{max-width:100%;height:300px;margin:0 10px}}.qr-reader .error-container,.qr-reader .loading-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:8px;font-size:16px;font-weight:500;position:absolute;top:0;left:0}.qr-reader .loading-container{background-color:#f8f9fa;color:#6c757d}.qr-reader .error-container{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}