.FfnAgentOctahedron{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm);--ffn-agent-ink:var(--color-text-muted);flex-direction:column;display:inline-flex}.FfnAgentOctahedronCore{place-items:center;width:128px;height:128px;display:grid;position:relative}.FfnAgentOctahedronSvg{width:100%;height:100%;overflow:visible}.FfnAgentOctahedronFill{fill:var(--ffn-agent-ink);opacity:calc(.18 + var(--ffn-agent-intensity,.5) * .32)}.FfnAgentOctahedronTide{transform-origin:50px 55px;animation:FfnOctSwirl calc(16s - var(--ffn-agent-intensity,.5) * 8s) linear infinite}.FfnAgentOctahedronGas{transform-origin:50px 55px;mix-blend-mode:screen}.FfnAgentOctahedronGas--base{opacity:calc(.24 + var(--ffn-agent-intensity,.5) * .28);animation:FfnOctSwell calc(6.5s - var(--ffn-agent-intensity,.5) * 3s) var(--ease-standard) infinite}.FfnAgentOctahedronGas--poolA{opacity:calc(.34 + var(--ffn-agent-intensity,.5) * .4);animation:FfnOctFoldA calc(4.8s - var(--ffn-agent-intensity,.5) * 2.6s) var(--ease-standard) infinite}.FfnAgentOctahedronGas--poolB{opacity:calc(.28 + var(--ffn-agent-intensity,.5) * .36);animation:FfnOctFoldB calc(5.6s - var(--ffn-agent-intensity,.5) * 3s) var(--ease-standard) infinite}.FfnAgentOctahedronSpark{mix-blend-mode:screen;transform-origin:50px 52px;opacity:calc(.6 + var(--ffn-agent-intensity,.5) * .4);animation:FfnOctSpark calc(2.8s - var(--ffn-agent-intensity,.5) * 1.2s) var(--ease-standard) infinite}.FfnAgentOctahedronEdge{fill:none;stroke:var(--color-border-default);stroke-width:3px;stroke-linejoin:round}.FfnAgentOctahedronEdgeProgress{fill:none;stroke:var(--ffn-agent-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;transition:stroke-dashoffset var(--duration-slow) var(--ease-standard)}.FfnAgentOctahedronLabel{letter-spacing:.02em}.FfnAgentOctahedron--idle{--ffn-agent-ink:var(--color-text-muted)}.FfnAgentOctahedron--thinking,.FfnAgentOctahedron--planning{--ffn-agent-ink:var(--color-accent-default)}.FfnAgentOctahedron--tool_calling,.FfnAgentOctahedron--streaming,.FfnAgentOctahedron--recovering{--ffn-agent-ink:var(--color-status-info)}.FfnAgentOctahedron--needs_approval{--ffn-agent-ink:var(--color-status-warn)}.FfnAgentOctahedron--success,.FfnAgentOctahedron--done{--ffn-agent-ink:var(--color-status-ok)}.FfnAgentOctahedron--error{--ffn-agent-ink:var(--color-status-err)}@keyframes FfnOctSwirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes FfnOctSwell{0%,to{transform:translateY(2px)scale(.98)}50%{transform:translateY(-3px)scale(1.08)}}@keyframes FfnOctFoldA{0%,to{transform:translate(-3px,4px)scale(1.02)rotate(-6deg)}50%{transform:translate(4px,-5px)scale(1.14)rotate(5deg)}}@keyframes FfnOctFoldB{0%,to{transform:translate(3px,-3px)scale(1.1)rotate(4deg)}50%{transform:translate(-4px,5px)scale(.94)rotate(-5deg)}}@keyframes FfnOctSpark{0%,to{opacity:.45;transform:translateY(2px)scale(.85)}50%{opacity:.95;transform:translateY(-3px)scale(1.25)}}.FfnAgentOctahedron[data-reduced-motion=true] .FfnAgentOctahedronTide,.FfnAgentOctahedron[data-reduced-motion=true] .FfnAgentOctahedronGas,.FfnAgentOctahedron[data-reduced-motion=true] .FfnAgentOctahedronSpark{animation:none}.FfnAgentOctahedron[data-reduced-motion=true] .FfnAgentOctahedronEdgeProgress{transition:none}@media (prefers-reduced-motion:reduce){.FfnAgentOctahedronTide,.FfnAgentOctahedronGas,.FfnAgentOctahedronSpark{animation:none}.FfnAgentOctahedronEdgeProgress{transition:none}}.FfnCanvasFallback{width:100%;height:100%;min-height:var(--space-8);padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--font-size-xs);text-align:center;justify-content:center;align-items:center;line-height:1.5;display:flex}