:host { display: inline-flex; }
.hb-avatar {
  display: inline-flex; align-items: center; justify-content: center;
  background-color: var(--hb-color-fill); color: var(--hb-color-text-secondary);
  overflow: hidden; font-weight: 600; user-select: none;
}
.hb-avatar--circle { border-radius: 50%; }
.hb-avatar--square { border-radius: var(--hb-border-radius-sm); }
.hb-avatar img { width: 100%; height: 100%; object-fit: cover; }
