.hp3 .wf-agent{display:flex;align-items:center;gap:10px;min-width:0}.hp3 .wf-agent img{flex:none;border-radius:8px}.hp3 .wf-agent>div{min-width:0}.hp3 .wf-agent strong{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4}.hp3 .wf-agent strong>span{font-size:11px;font-weight:400;opacity:.65}.hp3 .wf-agent small{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;opacity:.75;margin-top:2px}.hp3 .wf-working-dot{width:5px;height:5px;background:currentColor;border-radius:50%;animation:wf-breathe 1s ease-in-out infinite alternate}.hp3 .wf-sources{display:grid;gap:8px}.hp3 .wf-source{display:flex;align-items:center;gap:10px;border:1px solid var(--wf-line,#e4e9e6);background:var(--wf-surface,#f8faf9);padding:12px;border-radius:9px;font-size:12px;animation:wf-arrive .3s ease both;transition:border-color .3s,background .3s}.hp3 .wf-source>svg{flex:none;opacity:.7}.hp3 .wf-source>div{flex:1;min-width:0}.hp3 .wf-source strong{display:block;font-weight:500;font-size:12px}.hp3 .wf-source span{display:block;opacity:.65;font-size:11px;margin-top:3px}.hp3 .wf-source[data-active=true]{border-color:var(--wf-accent,#8cbaa1);background:var(--wf-focus,#eef7f1);box-shadow:0 0 0 3px var(--wf-halo,#0f7a5007)}.hp3 .wf-source>svg:last-child{color:var(--wf-check,#0f7a50)}.hp3 .wf-spinner{animation:wf-spin 1.8s linear infinite}.hp3 .wf-sources-compact{display:flex;flex-wrap:wrap;gap:5px}.hp3 .wf-sources-compact .wf-source{padding:5px 7px;gap:5px;animation:none;border-radius:5px;background:transparent}.hp3 .wf-sources-compact .wf-source strong{font-size:10px}.hp3 .wf-sources-compact .wf-source>svg{width:11px;height:11px}.hp3 .wf-sources-compact .wf-source>svg:last-child{display:none}.hp3 .wf-click{position:absolute;pointer-events:none;left:calc(50% - 4px);top:calc(50% - 4px);z-index:4;width:25px;height:25px;transform-origin:4px 4px;opacity:0;animation:wf-pointer 1.6s ease var(--wf-click-delay,0s) both}.hp3 .wf-click>i{position:absolute;left:-5px;top:-5px;width:18px;height:18px;border:2px solid #5caa82;border-radius:50%;animation:wf-click-ring 1.6s ease var(--wf-click-delay,0s) both}.hp3 .wf-click>svg{position:absolute;left:0;top:0}.hp3 [data-playing=false] :is(.wf-click,.wf-click>i,.wf-spinner,.wf-working-dot){animation-play-state:paused}.hp3 .wf-outcome{animation:wf-arrive .4s ease both}@keyframes wf-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes wf-breathe{to{opacity:.3}}@keyframes wf-spin{to{transform:rotate(1turn)}}@keyframes wf-pointer{0%{opacity:0;transform:translate(24px,20px)}25%,65%{opacity:1;transform:translate(0)}45%{transform:scale(.86)}to{opacity:0;transform:translate(4px,4px)}}@keyframes wf-click-ring{0%,35%{opacity:0;transform:scale(.2)}45%{opacity:1}80%,to{opacity:0;transform:scale(2.4)}}@media(prefers-reduced-motion:reduce){.hp3 :is(.wf-source,.wf-outcome,.wf-working-dot,.wf-spinner){animation:none}.hp3 .wf-click{display:none}}.hp3 .wf-agent img.wf-helpin-mark{padding:7px;background:#174b32;border-radius:8px}