.notebook-sync-button{display:flex;align-items:center;gap:8px;margin-top:auto;padding:15px 4px;text-align:left;color:var(--muted,#8a779b);font-size:11px;line-height:1.65}.notebook-sync-button .lucide{width:16px;flex-shrink:0}.notebook-sync-button[data-status=error]{color:#ad5868}.notebook-sync-button[data-status=saved]{color:#5f8a78}.sync-dialog{width:min(530px,calc(100vw - 28px));padding:26px;border:1px solid #bda5d533;border-radius:22px;background:var(--panel,#faf7fe);color:var(--text,#594b68);max-height:88dvh;overflow:auto}.sync-dialog:not([open]){display:none!important}.sync-description{line-height:1.9;font-size:13px;color:var(--muted,#8a779b);margin:18px 0}#sync-state{font-size:13px;margin:16px 0;padding:12px;border-radius:10px;background:#a78bc010}.sync-actions,.sync-conflict-actions{display:flex;gap:10px;flex-wrap:wrap}.sync-actions .button,.sync-conflict-actions .button{min-height:40px}.sync-conflict-actions{margin-top:20px;border-top:1px solid #bda5d533;padding-top:18px}.sync-conflict-actions p{font-size:12px;line-height:1.8;width:100%}.sync-dialog [hidden]{display:none!important}#sync-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}#sync-comparison div{display:grid;gap:8px;padding:15px;border:1px solid #bda5d533;border-radius:12px}#sync-comparison span,#sync-comparison p{font-size:12px;line-height:1.7}#sync-comparison p{grid-column:1/-1}.sync-dialog .subtle-button{margin-top:16px}[data-theme=dark] .sync-dialog{background:#292434;color:#e4dceb}

.notebook-sync-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 7px;border-radius:7px;flex-shrink:0;background:#9674b011;color:#8c72a2}.notebook-sync-chip:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.notebook-sync-chip[data-status=saved]{color:#548170}.notebook-sync-chip[data-status=error]{color:#b55c70}.note-footer:has(.notebook-sync-chip){flex-wrap:wrap;gap:6px}