.qrg-hero{padding-top:3rem;padding-bottom:4rem}.qrg-header{max-width:100%;margin:0 auto 2.5rem;text-align:center}.qrg-header .lead{color:var(--text-secondary);font-size:1.15rem;max-width:100%}.qrg-app{display:grid;grid-template-columns:1.15fr 0.85fr;gap:1.5rem;align-items:start;max-width:960px;margin:0 auto;position:relative;z-index:2}.qrg-controls,.qrg-preview-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.75rem;box-shadow:0 10px 40px rgba(0,0,0,.06)}.qrg-field{margin-bottom:1.25rem}.qrg-field>label,.qrg-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.5rem;color:var(--text-primary,inherit)}.qrg-hint{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.qrg-error{font-size:.82rem;color:#ef4444;margin-top:.35rem}.qrg-pills{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:3px}.qrg-pill{margin:0;cursor:pointer}.qrg-pill input{position:absolute;opacity:0;pointer-events:none}.qrg-pill span{display:block;padding:.4rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.qrg-pill input:checked+span{background:var(--primary);color:#fff}.qrg-colors{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem}.qrg-color{display:flex;flex-direction:column;gap:.4rem}.qrg-color label{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin:0}.qrg-color input[type=color]{width:48px;height:38px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer}.qrg-color input[type=color]:disabled{opacity:.4;cursor:not-allowed}.qrg-eye-label{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.qrg-eye-label input{margin:0}.qrg-logo-row{display:flex;align-items:center;gap:.75rem}.qrg-logo-btn{margin:0;cursor:pointer}.qrg-logo-name{font-size:.85rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.qrg-logo-remove{border:none;background:var(--surface);color:var(--text-secondary);width:26px;height:26px;border-radius:var(--radius-sm);line-height:1;font-size:1.1rem;cursor:pointer}.qrg-logo-remove:hover{background:#ef4444;color:#fff}.qrg-submit{width:100%;padding:.75rem;font-size:1.05rem;font-weight:600;margin-top:.5rem}.qrg-result{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--radius-sm)}.qrg-result-check{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.qrg-result-check a{font-weight:600;word-break:break-all}.qrg-result-check .qrg-copy{margin-left:auto}.qrg-result-stats{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.85rem;color:var(--text-muted)}.qrg-result-stats a{word-break:break-all}.qrg-limit{display:flex;align-items:center;gap:.85rem;margin-top:1.25rem;padding:1rem 1.25rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-sm)}.qrg-limit-icon{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-sm);background:#f59e0b;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.qrg-limit-text{display:flex;flex-direction:column;line-height:1.3}.qrg-limit-text span{font-size:.85rem;color:var(--text-secondary)}.qrg-limit .btn{margin-left:auto;white-space:nowrap}.qrg-preview-wrap{position:sticky;top:90px}.qrg-preview-card{text-align:center}.qrg-preview{aspect-ratio:1/1;width:100%;max-width:320px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-sm);overflow:hidden}.qrg-preview svg{width:100%;height:100%;display:block}.qrg-preview-placeholder{color:var(--text-muted);font-size:.9rem;padding:1rem}.qrg-download{display:flex;gap:.5rem;justify-content:center;margin-top:1.25rem}.qrg-preview-note{font-size:.8rem;color:var(--text-muted);margin-top:1rem}.qrg-step-num{font-weight:700;font-size:1.1rem}.qrg-badges{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;margin-top:1.5rem}.qrg-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.qrg-why-item{display:flex;gap:.85rem;align-items:flex-start;height:100%}.qrg-why-item h5{margin-bottom:.35rem}.qrg-why-item p{color:var(--text-secondary);margin:0;font-size:.95rem}.qrg-cta{text-align:center;max-width:640px;margin:0 auto}.qrg-cta p{color:var(--text-secondary);font-size:1.1rem;margin:.75rem 0 1.5rem}.qrg-eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:.75rem}.qrg-card-title{font-size:1.3rem;margin-bottom:1.25rem}.qrg-submit{display:flex;align-items:center;justify-content:center;gap:.5rem}.qrg-swatches{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.qrg-swatch{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.qrg-swatch:hover{transform:scale(1.1)}.qrg-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.qrg-swatch.active::after{content:'';position:absolute;inset:3px;border-radius:var(--radius-sm);border:2px solid #fff;mix-blend-mode:difference}.qrg-swatch-custom{width:32px;height:32px;border-radius:var(--radius-sm);border:3px dashed #b3c7e3;overflow:hidden;display:inline-flex;cursor:pointer}.qrg-swatch-custom input[type=color]{width:44px;height:44px;margin:-6px;border:none;padding:0;background:0 0;cursor:pointer}.qrg-eye-input{width:48px;height:34px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;vertical-align:middle;margin-left:.5rem}.qrg-eye-input:disabled{opacity:.4;cursor:not-allowed}.qrg-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.75rem;height:100%;transition:box-shadow .2s,transform .2s}.qrg-feature-card:hover{box-shadow:0 4px 24px rgba(15,23,42,.08);transform:translateY(-2px)}.qrg-feature-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.qrg-feature-card h3{font-size:1.1rem;margin-bottom:.5rem}.qrg-feature-card p{color:var(--text-secondary);font-size:.92rem;margin:0}.qrg-customize-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.qrg-customize-item:last-child{margin-bottom:0}.qrg-customize-bullet{width:32px;height:32px;min-width:32px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.qrg-customize-item h4{font-size:1.02rem;margin-bottom:.25rem}.qrg-customize-item p{color:var(--text-secondary);font-size:.92rem;margin:0}.qrg-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.qrg-usecase-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.5rem 1.25rem;text-align:center;transition:box-shadow .2s,transform .2s}.qrg-usecase-item:hover{box-shadow:0 4px 24px rgba(15,23,42,.08);transform:translateY(-2px)}.qrg-usecase-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.qrg-usecase-item h4{font-size:.98rem;margin-bottom:.3rem}.qrg-usecase-item p{color:var(--text-muted);font-size:.85rem;margin:0}@media (max-width:860px){.qrg-app{grid-template-columns:1fr}.qrg-preview-wrap{position:static;order:-1}.qrg-preview{max-width:260px}}