#qrModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:2000;justify-content:center;align-items:center}.qr-modal-content{background-color:#fff;padding:30px;border-radius:12px;text-align:center;color:#333;max-width:400px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:90vh;overflow-y:auto}.qr-modal-content h3{margin:0 0 20px;color:#333;font-size:20px}#qrCode{margin:20px 0;display:flex;justify-content:center;min-height:220px;align-items:center;max-height:50vh;overflow-y:auto}.loading{color:#007bff;font-size:14px}.url-display{background:#f5f5f5;padding:15px;border-radius:8px;word-break:break-all;font-size:12px;color:#666;margin:15px 0;overflow-x:auto;white-space:nowrap}.button-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.modal-button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.copy-button{background:#007bff;color:#fff}.copy-button:hover{background:#0056b3}.download-button{background:#28a745;color:#fff}.download-button:hover{background:#1e7e34}.close-button{background:#6c757d;color:#fff}.close-button:hover{background:#495057}