.storeQRContainer{display:inline-block}.toggleButton{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.toggleButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.qrModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.qrContent{background:white;padding:30px;border-radius:20px;text-align:center;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;overflow-y:auto;position:relative}.qrContent h2{margin:0 0 25px;color:#2d3748;font-size:1.6rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.pageSelector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.pageButton{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:600;color:#475569}.pageButton:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.pageButton.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:white}.qrSection h3{margin:0 0 20px;color:#1e293b;font-size:1.3rem;font-weight:600}.qrCode{margin:20px 0}.qrImage{padding:12px;background:white;box-shadow:0 8px 25px rgba(0,0,0,.1)}.loading,.qrImage{width:220px;height:220px;border:3px solid #f1f5f9;border-radius:16px}.loading{display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;margin:0 auto;font-weight:500}.urlInfo{margin:20px 0}.url{background:#f8fafc;padding:14px;border-radius:10px;font-size:13px;word-break:break-all;color:#475569;border:2px solid #e2e8f0;margin:0;font-family:Monaco,Consolas,monospace}.note{font-size:14px;color:#64748b;margin:12px 0 0;font-style:italic;font-weight:500}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:2px solid #f1f5f9}.closeButton,.copyButton,.downloadButton{display:flex;align-items:center;gap:8px;padding:14px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;flex:1;min-width:140px;justify-content:center}.downloadButton{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 4px 15px rgba(16,185,129,.3)}.downloadButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.copyButton{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;box-shadow:0 4px 15px rgba(59,130,246,.3)}.copyButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.closeButton{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.closeButton:hover{background:#e2e8f0;transform:translateY(-2px)}.downloadButton:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 4px 15px rgba(16,185,129,.3)!important}@media (max-width:768px){.qrContent{padding:24px;margin:10px}.pageSelector{grid-template-columns:1fr}.actions{flex-direction:column}.closeButton,.copyButton,.downloadButton{width:100%;min-width:auto}.loading,.qrImage{width:200px;height:200px}}@media (max-width:480px){.qrContent h2{font-size:1.4rem}.loading,.qrImage{width:180px;height:180px}.toggleButton{padding:10px 16px;font-size:13px}}