/* Shared identity for saved and temporary helpers; no generated-image calls. */
.agent-marble {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; flex:0 0 36px; vertical-align:middle; overflow:hidden;
  border-radius:50%; background:radial-gradient(circle at 27% 20%,hsl(var(--agent-hue) 78% 84%) 0%,hsl(var(--agent-hue) 64% 60%) 29%,hsl(var(--agent-hue) 58% 44%) 73%,hsl(var(--agent-hue) 55% 28%) 100%);
  box-shadow:inset 0 1px 2px #ffffff80,inset 0 -2px 4px #00000020,0 2px 4px #00000012;
}
.agent-marble::before { content:''; position:absolute; top:16%; left:19%; width:23%; height:13%; border-radius:50%; background:#ffffff65; transform:rotate(-30deg); }
.agent-marble-eyes { display:flex; gap:5px; transform:translateY(1px); }
.agent-marble-eyes i { display:block; width:4px; height:9px; border-radius:4px; background:#fff; box-shadow:0 1px 1px #00000020; animation:agentMarbleBlink 6s infinite; animation-delay:var(--agent-blink-delay,0ms); }
.agent-marble-small { width:23px; height:23px; flex-basis:23px; }
.agent-marble-small .agent-marble-eyes { gap:4px; }
.agent-marble-small .agent-marble-eyes i { width:3px; height:6px; }
.agent-chat-speaker,.agent-member { display:flex; align-items:center; gap:7px; }
#agent-detail-title { display:flex; align-items:center; gap:8px; }
.agent-task-state .agent-marble { margin-right:0; }
@keyframes agentMarbleBlink { 0%,45%,49%,100% { transform:scaleY(1); } 47% { transform:scaleY(.12); } }
@media(prefers-reduced-motion:reduce) { .agent-marble-eyes i { animation:none; } }