.cloud-sync-control{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-interactive);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;line-height:1.2;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.cloud-sync-control:hover:not(:disabled),.cloud-sync-control[aria-expanded=true]{background:var(--selection-tint);border-color:var(--color-primary)}.cloud-sync-control:focus-visible,.cloud-sync-action:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.cloud-sync-control:disabled,.cloud-sync-action:disabled{cursor:not-allowed;opacity:.62}.cloud-sync-icon,.cloud-sync-popover-icon{flex:none;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.cloud-sync-composite-icon{flex:none;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex;position:relative}.cloud-sync-base-icon{width:21px;height:21px}.cloud-sync-badge{background:var(--color-surface);color:currentColor;border-radius:999px;width:11px;height:11px;padding:1px;position:absolute;bottom:-2px;right:-3px}.cloud-sync-label{white-space:nowrap;display:inline}.cloud-sync-control[data-label=false]{padding-inline:var(--space-2)}.cloud-sync-control[data-label=false] .cloud-sync-label{display:none}.cloud-sync-state-off{color:var(--color-text-secondary)}.cloud-sync-state-pending,.cloud-sync-state-conflict{color:var(--color-warning)}.cloud-sync-state-syncing{color:var(--color-primary-ink)}.cloud-sync-state-synced{color:var(--color-success)}.cloud-sync-state-error{color:var(--color-error);border-color:var(--color-error)}.cloud-sync-state-syncing .cloud-sync-badge,.cloud-sync-action-spinner{animation:1s linear infinite cloud-sync-spin}.cloud-sync-popover{box-sizing:border-box;width:min(22rem, calc(100vw - var(--space-8)));max-width:calc(100vw - var(--space-8));gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover)}.cloud-sync-popover-header{align-items:flex-start;gap:var(--space-2);display:flex}.cloud-sync-popover-heading{gap:var(--space-1);min-width:0;display:grid}.cloud-sync-popover-heading [data-slot=popover-title]{overflow-wrap:anywhere;font-size:var(--text-body);font-weight:var(--weight-medium)}.cloud-sync-popover-heading [data-slot=popover-description]{color:var(--color-text-secondary);line-height:1.45}.cloud-sync-error{color:var(--color-error);overflow-wrap:anywhere;font-size:var(--text-xs);margin:0}.cloud-sync-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cloud-sync-action{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-interactive);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;display:inline-flex}.cloud-sync-action-primary{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-ink)}@keyframes cloud-sync-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cloud-sync-control{transition:none}.cloud-sync-state-syncing .cloud-sync-badge,.cloud-sync-action-spinner{animation:none}}@container studio-card (max-width:20rem){.studio-card-actions .cloud-sync-label{display:none}.studio-card-actions .cloud-sync-control{flex:0 0 var(--touch-target);width:var(--touch-target);height:var(--touch-target);padding:var(--space-2)}}.studio-card-actions .cloud-sync-control{font-size:var(--text-xs)}.cloud-sync-popover .cloud-sync-actions{grid-template-columns:minmax(0,1fr);display:grid}.cloud-sync-popover .cloud-sync-action{white-space:normal;overflow-wrap:anywhere;text-align:center}.sync-version-pair{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sync-version-pair>div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);overflow-wrap:anywhere}.sync-version-pair strong{align-items:center;gap:var(--space-2);display:flex}.sync-choice-list{gap:var(--space-2);display:grid}.sync-choice-list button{align-items:flex-start;gap:var(--space-3);text-align:left;white-space:normal;display:flex}.sync-choice-list svg{flex:none;margin-top:.15em}.sync-choice-list span{gap:var(--space-1);display:grid}.sync-choice-list small{font-size:var(--text-caption);color:var(--color-text-secondary)}@media (max-width:45rem){.sync-version-pair{grid-template-columns:1fr}}