.sync-card { scroll-margin-top: 90px; }
.sync-card h2 { margin: 0 0 8px; font-size: 1.25rem; }
.sync-card p { line-height: 1.65; }
.sync-status { color: var(--accent); font-weight: 600; }
.sync-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.sync-card label { display: block; margin: 16px 0 8px; font-weight: 600; }
.sync-code { width: 100%; min-width: 0; min-height: 48px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); color: var(--fg); font: inherit; padding: 10px; }
.sync-pair-code { width: 100%; min-height: 105px; resize: vertical; font: 0.95rem/1.6 ui-monospace, monospace; overflow-wrap: anywhere; padding: 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--fg); }
.sync-card summary { cursor: pointer; padding: 12px 0; }
.sync-card .mode-note { font-size: .9rem; }