.kqr-overlay{position:fixed;inset:0;z-index:300;background:#f7f8fa;display:grid;place-items:center;padding:18px;color:#111827}
.kqr-overlay[hidden]{display:none!important}.kqr-panel{width:min(620px,100%);text-align:center;background:#fff;border:1px solid #d9dee7;border-radius:8px;padding:24px;box-shadow:0 18px 48px rgba(15,23,42,.16)}
.kqr-panel h2{margin:0 0 6px;font-size:1.65rem}.kqr-cn{font-weight:900;font-size:1.15rem;margin:0}.kqr-fr{font-weight:750;color:#4b5563;margin:5px 0 18px}.kqr-qr{width:min(360px,78vw);aspect-ratio:1;margin:0 auto 14px;border:1px solid #d9dee7;background:#fff;padding:8px}.kqr-qr img{width:100%;height:100%;display:block}.kqr-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.kqr-details div{border:1px solid #e5e7eb;padding:10px}.kqr-details span{display:block;color:#6b7280;font-size:.8rem}.kqr-details strong{font-size:1.15rem}.kqr-countdown{font-size:1.35rem;font-weight:950;margin:12px 0}.kqr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kqr-actions button{min-height:50px;border:0;border-radius:8px;font-weight:900;font-size:1rem}.kqr-cancel{background:#e5e7eb;color:#111827}.kqr-regenerate{background:#111827;color:#fff}.kqr-status{min-height:24px;font-weight:850;margin-top:12px}.kqr-success{color:#047857;font-size:1.2rem}.kqr-error{color:#b91c1c}@media(max-width:520px){.kqr-panel{padding:18px 12px}.kqr-actions{grid-template-columns:1fr}.kqr-details{grid-template-columns:1fr 1fr}}