.official-qr-binding{--oq-surface:var(--cw-surface,var(--surface,#fff));--oq-ink:var(--cw-ink,var(--ink,#253144));--oq-muted:var(--cw-muted,var(--muted,#626d7e));--oq-line:var(--cw-line,var(--line,#e5e8ee));--oq-accent:var(--cw-accent,var(--accent,#a43e67));--oq-soft:var(--cw-soft,var(--surface-soft,#f8f9fb));padding:16px;border:1px solid var(--oq-line);border-radius:12px;background:var(--oq-surface);color:var(--oq-ink);min-width:0}.official-qr-binding p{margin:0;font-size:12px;line-height:20px}.official-qr-intro{color:var(--oq-muted)}.official-qr-code{display:flex;justify-content:center;padding:16px;margin-top:12px;background:#fff;border-radius:8px;max-width:256px;margin-inline:auto}.official-qr-code img{display:block;max-width:100%;height:auto}.official-qr-binding p.official-qr-caption{margin-top:8px;text-align:center;color:var(--oq-muted);font-variant-numeric:tabular-nums}.official-qr-open{display:block;text-align:center;margin-top:8px;color:var(--oq-accent);font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:4px}.official-qr-placeholder{min-height:192px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--oq-soft);border-radius:8px;margin:16px 0;color:var(--oq-muted);font-size:12px;line-height:20px;text-align:center;padding:16px}.official-qr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.official-qr-button,.official-qr-cancel{min-height:40px;padding:8px 12px;border:1px solid var(--oq-line);border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;cursor:pointer}.official-qr-button{background:var(--oq-accent);border-color:var(--oq-accent);color:var(--oq-surface)}.official-qr-cancel{background:var(--oq-surface);color:var(--oq-muted)}.official-qr-binding button:hover:not(:disabled){filter:brightness(.95)}.official-qr-binding button:disabled{opacity:.5;cursor:not-allowed}.official-qr-binding :is(button,a):focus-visible{outline:2px solid var(--oq-accent);outline-offset:3px}.official-qr-binding p.official-qr-error{margin-top:12px;color:var(--cw-danger,var(--danger,#b23e55))}.official-qr-binding p.official-qr-done{margin-top:16px;color:var(--cw-good,#28775e);overflow-wrap:anywhere}.official-qr-binding p.official-qr-note{margin-top:12px;color:var(--oq-muted)}.official-qr-modes{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0}.official-qr-modes button{border:1px solid var(--cw-line,var(--line,#e5e8ee));padding:8px 12px;min-height:40px;border-radius:8px;background:transparent;color:var(--cw-muted,var(--muted,#626d7e));font:inherit;cursor:pointer}.official-qr-modes button[aria-pressed=true]{color:var(--cw-accent,var(--accent,#a43e67));background:var(--cw-accent-soft,var(--accent-soft,#faedf2));border-color:currentColor}@media(max-width:480px){.official-qr-binding{padding:12px}.official-qr-actions>.official-qr-button{flex:1}.official-qr-open{overflow-wrap:anywhere}}