.qrg-wrapper{display:flex;justify-content:center;padding:32px 16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif;direction:rtl}.qrg-card{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 4px 6px rgb(48 105 196 / .06),0 20px 60px rgb(48 105 196 / .12);overflow:hidden}.qrg-header{background:#3069C4;padding:32px;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.qrg-header::before,.qrg-header::after{content:'';position:absolute;border-radius:50%;background:rgb(255 255 255 / .07)}.qrg-header::before{width:180px;height:180px;top:-60px;left:-40px}.qrg-header::after{width:120px;height:120px;bottom:-40px;right:-20px}.qrg-icon-wrap{width:56px;height:56px;background:rgb(255 255 255 / .15);border-radius:16px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);z-index:1}.qrg-icon{width:28px;height:28px;color:#fff}.qrg-header h2{margin:0;font-size:1.4rem;font-weight:700;color:#fff;border:none;padding:0;z-index:1;letter-spacing:-.3px}.qrg-header p{margin:0;font-size:.85rem;color:rgb(255 255 255 / .75);z-index:1}.qrg-body{padding:32px}.qrg-input-group{margin-bottom:20px}.qrg-input-group label,.qrg-option label{display:block;font-size:.82rem;font-weight:700;color:#1e3a5f;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.qrg-input-wrap{position:relative}.qrg-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.qrg-input-group input[type="text"]{width:100%;padding:13px 42px 13px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;background:#f8fafc;outline:none;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;box-sizing:border-box}.qrg-input-group input[type="text"]:focus{border-color:#3069C4;box-shadow:0 0 0 4px rgb(48 105 196 / .12);background:#fff}.qrg-input-group input[type="text"]::placeholder{color:#b0bec5}.qrg-options{display:grid;grid-template-columns:1fr 80px 80px;gap:14px;margin-bottom:26px;align-items:end}.qrg-option select{width:100%;padding:11px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:.88rem;color:#334155;background:#f8fafc;cursor:pointer;outline:none;transition:border-color 0.2s,box-shadow 0.2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233069C4' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:32px}.qrg-option select:focus{border-color:#3069C4;box-shadow:0 0 0 4px rgb(48 105 196 / .12)}.qrg-color-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.qrg-color-preview{width:48px;height:44px;border-radius:12px;border:2px solid #e2e8f0;cursor:pointer;position:relative;overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s}.qrg-color-preview:hover{border-color:#3069C4;box-shadow:0 0 0 3px rgb(48 105 196 / .12)}.qrg-color-preview input[type="color"]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;cursor:pointer;opacity:0}.qrg-color-dot{width:100%;height:100%;border-radius:10px;pointer-events:none}.qrg-btn{width:100%;padding:15px;background:#3069C4;color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:background 0.2s,transform 0.15s,box-shadow 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px rgb(48 105 196 / .35);letter-spacing:.2px}.qrg-btn:hover{background:#2558b0;box-shadow:0 6px 20px rgb(48 105 196 / .45);transform:translateY(-2px)}.qrg-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgb(48 105 196 / .3)}.qrg-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.qrg-btn svg{width:18px;height:18px;flex-shrink:0}.qrg-btn-outline{background:#fff0;border:2px solid #3069C4;color:#3069C4;box-shadow:none;flex:1;font-size:.9rem;padding:12px}.qrg-btn-outline:hover{background:#eff4fd;box-shadow:none;transform:translateY(-1px)}.qrg-result{padding:0 32px 32px;animation:qrg-slideUp 0.4s cubic-bezier(.16,1,.3,1)}@keyframes qrg-slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qrg-divider{height:1px;background:linear-gradient(to left,transparent,#e2e8f0,transparent);margin-bottom:28px}.qrg-result-label{font-size:.78rem;font-weight:700;color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.qrg-qr-box{display:flex;justify-content:center;align-items:center;padding:28px;background:#f8fafc;border-radius:20px;margin-bottom:20px;border:2px solid #e2e8f0;position:relative}.qrg-qr-box::before,.qrg-qr-box::after{content:'';position:absolute;width:20px;height:20px;border-color:#3069C4;border-style:solid;opacity:.4}.qrg-qr-box::before{top:10px;right:10px;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.qrg-qr-box::after{bottom:10px;left:10px;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.qrg-qr-box canvas,.qrg-qr-box img{border-radius:8px;display:block}.qrg-actions{display:flex;gap:12px}.qrg-error{margin:0 32px 28px;padding:14px 18px;background:#fff5f5;border:1.5px solid #fca5a5;border-radius:12px;color:#dc2626;font-size:.88rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;animation:qrg-slideUp 0.3s ease}.qrg-spinner{width:18px;height:18px;border:2.5px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%;animation:qrg-spin 0.7s linear infinite;flex-shrink:0}@keyframes qrg-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.qrg-header,.qrg-body{padding:24px 20px}.qrg-result{padding:0 20px 24px}.qrg-error{margin:0 20px 20px}.qrg-options{grid-template-columns:1fr 1fr}.qrg-option:first-child{grid-column:1 / -1}.qrg-actions{flex-direction:column}}