.cloud-library-sync { min-height:20px; display:flex; align-items:center; gap:6px; margin-block:0 8px; font:500 11px/1.5 var(--font-ui); color:#334155; transition:opacity 120ms ease-out; }
.dark .cloud-library-sync { color:#d4d4d8; }
.cloud-library-sync:empty { opacity:0; }
.library-project-sync { display:inline-flex; width:24px; height:24px; flex:none; align-items:center; justify-content:center; }
.library-sync-glyph { display:inline-grid; place-items:center; width:24px; height:24px; padding:3px; border-radius:7px; color:#475569; background:transparent; border:0; }
.dark .library-sync-glyph { color:#d4d4d8; }
.library-sync-glyph svg { width:14px; height:14px; }
button.library-sync-glyph { cursor:pointer; background:rgba(148,163,184,.12); }
button.library-sync-glyph:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.library-project-sync[data-state="conflict"] .library-sync-glyph { box-shadow:inset 0 0 0 1px currentColor; }
@media(hover:hover) {button.library-sync-glyph:hover{background:rgba(var(--accent-rgb),.18);}}
@media(prefers-reduced-motion:no-preference) {
 .library-project-sync[data-state="pending"] svg { animation:library-sync-turn 1s linear infinite; }
 .library-sync-glyph { transition:opacity 120ms ease-out,background-color 120ms ease-out; }
}
@keyframes library-sync-turn {to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce) { .cloud-library-sync,.library-sync-glyph {transition:none;} }