.sync{display:flex;flex-direction:column;gap:var(--ui-space-16);max-width:40rem}.sync-block{padding:var(--ui-space-12) var(--ui-space-16);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface)}.sync-block h2{margin:0 0 var(--ui-space-8);font-size:var(--ui-size-lg);font-weight:var(--ui-weight-strong)}.sync-state{display:flex;align-items:center;gap:var(--ui-space-8);margin:0;font-size:var(--ui-size-lg)}.sync-dot{flex:none;width:var(--ui-space-8);height:var(--ui-space-8);border-radius:var(--ui-radius-full);background:var(--ui-text-faint)}.sync-dot[data-live=on]{background:var(--ui-success)}.sync-note{margin:var(--ui-space-4) 0 0;color:var(--ui-text-muted);font-size:var(--ui-size-sm)}.sync-flag{margin:var(--ui-space-8) 0 0;padding:var(--ui-space-4) var(--ui-space-8);border-radius:var(--ui-radius);background:var(--ui-warning-soft);color:var(--ui-warning-text);font-size:var(--ui-size-sm)}.sync-warn{margin:0;padding:var(--ui-space-8);border-radius:var(--ui-radius);background:var(--ui-danger-soft);color:var(--ui-danger-text);font-size:var(--ui-size-sm)}.sync-rows{margin:var(--ui-space-12) 0 0;padding:0;list-style:none}.sync-rows li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-4) var(--ui-space-8);padding:var(--ui-space-8) 0;border-top:var(--ui-line-w) solid var(--ui-border)}.sync-row-name{font-weight:var(--ui-weight-strong)}.sync-row-what{flex:1 1 auto;color:var(--ui-text-muted);font-size:var(--ui-size-sm)}.sync-actions{display:flex;flex-wrap:wrap;gap:var(--ui-space-6)}.sync-block>.sync-actions{margin-top:var(--ui-space-12)}.sync-code{display:flex;flex-direction:column;gap:var(--ui-space-8);margin-top:var(--ui-space-12);padding-top:var(--ui-space-12);border-top:var(--ui-line-w) solid var(--ui-border)}