:is(.react-flow__node-agent:has(.canvas-agent-node:hover),.react-flow__node-agent:has(.canvas-agent-node:focus-within)){z-index:100!important}.canvas-agent-node{color:#f5f5f5;width:96px;height:96px;animation:.26s cubic-bezier(.2,.8,.2,1) canvas-agent-appear;position:relative}.canvas-agent-open{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:28px;place-items:center;width:100%;height:100%;padding:8px;display:grid;position:relative}.canvas-agent-open:active{cursor:grabbing}.canvas-agent-open:focus-visible{outline-offset:3px;outline:1px solid #c2b9ef}.canvas-agent-node[data-working] .canvas-agent-face i:after{opacity:1;background:linear-gradient(270deg,#6ee7b7,#67e8f9,#a5b4fc,#f0abfc,#fda4af,#fcd34d,#6ee7b7) 0 0/400% 100%;animation:6s infinite canvas-agent-aurora}.canvas-agent-node[data-working] .canvas-agent-avatar{animation:4.8s ease-in-out infinite canvas-agent-attentive}.canvas-agent-node[data-working] .canvas-agent-face{animation:4.8s ease-in-out infinite canvas-agent-look}.canvas-agent-ideas{pointer-events:none;position:absolute;inset:0}.canvas-agent-idea{width:var(--idea-size);height:var(--idea-size);color:#c0c0c9;opacity:0;animation:canvas-agent-idea-drift 10.4s var(--idea-delay) linear infinite,canvas-agent-idea-fade 10.4s var(--idea-delay) linear infinite;position:absolute;top:45%;left:50%}.canvas-agent-idea svg{width:100%;height:100%;display:block}.canvas-agent-node[data-dragging] .canvas-agent-avatar{animation:none;transform:rotate(7deg)scale(1.03)}.canvas-agent-process{z-index:2;cursor:default;opacity:0;visibility:hidden;pointer-events:none;width:290px;transform-origin:var(--agent-card-arrow-x,145px) top;background:#202022f7;border:1px solid #3b3b40;border-radius:18px;padding:12px 16px 16px;transition:opacity .14s,transform .18s cubic-bezier(.2,.8,.2,1),visibility .14s;position:absolute;top:calc(100% + 12px);left:-97px;transform:translateY(-6px)scale(.98);box-shadow:0 12px 36px #0004}.canvas-agent-process:before{content:"";height:16px;position:absolute;top:-14px;left:0;right:0}.canvas-agent-process:after{content:"";left:calc(var(--agent-card-arrow-x,145px) - 4px);background:#202022;border-top:1px solid #3b3b40;border-left:1px solid #3b3b40;width:8px;height:8px;position:absolute;top:-5px;transform:rotate(45deg)}.canvas-agent-node[data-above] .canvas-agent-process{transform-origin:var(--agent-card-arrow-x,145px) bottom;top:auto;bottom:calc(100% + 12px);transform:translateY(6px)scale(.98)}.canvas-agent-node[data-above] .canvas-agent-process:before{top:auto;bottom:-14px}.canvas-agent-node[data-above] .canvas-agent-process:after{border:1px solid #3b3b40;border-top:0;border-left:0;top:auto;bottom:-5px}.canvas-agent-node:is(:hover,:focus-within):not([data-dismissed]):not([data-dragging]) .canvas-agent-process{opacity:1;visibility:visible;pointer-events:auto;transform:none}.canvas-agent-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-agent-actions{flex:none;align-items:center;gap:3px;display:flex}.canvas-agent-actions button{color:#b5b2bf;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:25px;height:25px;padding:0;display:grid}.canvas-agent-actions button:hover{color:#f5f5f5;background:#343438}.canvas-agent-actions button:focus-visible{outline-offset:2px;outline:1px solid #c2b9ef}.canvas-agent-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:550;line-height:18px;display:block;overflow:hidden}.canvas-agent-preview{-webkit-line-clamp:3;overflow-wrap:anywhere;color:#b4b4bc;-webkit-box-orient:vertical;margin:7px 0 0;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.canvas-agent-activity{border-top:1px solid #37373c;flex-direction:column;gap:11px;margin:14px 0 0;padding:13px 0 0;list-style:none;display:flex}.canvas-agent-activity li{color:#a3a3ac;align-items:flex-start;gap:9px;font-size:11px;line-height:16px;display:flex}.canvas-agent-activity li>svg{color:#888893;flex-shrink:0;margin-top:1px}.canvas-agent-activity li>span{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.canvas-agent-activity li[data-status=running]{color:#e2ddee}.canvas-agent-activity li[data-status=running]>svg{color:#c2b9ef}.canvas-agent-activity li[data-status=failed]>svg{color:#e1a1a1}.canvas-agent-activity small{color:#82828c;margin-top:2px;font-size:10px;line-height:15px;display:block}.canvas-agent-spinner{animation:1.5s linear infinite canvas-agent-spin}@keyframes canvas-agent-appear{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:none}}@keyframes canvas-agent-attentive{0%,to{transform:rotate(-3deg)}22%,37%{transform:translate(-2px,-3px)rotate(-7deg)}53%{transform:translateY(0)scale(1.015,.985)}70%,82%{transform:translate(2px,-3px)rotate(4deg)}}@keyframes canvas-agent-look{0%,to{translate:0}22%,37%{translate:-2px -2px}70%,82%{translate:2px -1px}}@keyframes canvas-agent-aurora{0%,to{background-position:0%}50%{background-position:100%}}@keyframes canvas-agent-idea-drift{0%{transform:translate(var(--idea-x),var(--idea-y)) scale(.9) rotate(calc(var(--idea-tilt) * -.4))}12.5%,to{transform:translate(var(--idea-end-x),var(--idea-end-y)) scale(.9) rotate(calc(var(--idea-tilt) * .4))}}@keyframes canvas-agent-idea-fade{0%{opacity:0}3%{opacity:.75}7%{opacity:.6}12.5%,to{opacity:0}}@keyframes canvas-agent-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.canvas-agent-node,.canvas-agent-node *,.canvas-agent-node :before,.canvas-agent-node :after{transition:none!important;animation:none!important}.canvas-agent-idea:first-child{opacity:.6;transform:translate(-50px,-58px)}}
.canvas-agent-node{--agent-eye:#efeff1}.canvas-agent-node[data-state=input]{--agent-eye:#ffe000}.canvas-agent-node[data-state=approval]{--agent-eye:#ff971f}.canvas-agent-node[data-state=finished]{--agent-eye:#32f56a}.canvas-agent-node[data-state=attention]{--agent-eye:#ff3838}.canvas-agent-face>i{background:var(--agent-eye)}.canvas-agent-face>i:before{content:"";border-radius:inherit;background:var(--agent-eye);filter:blur(6px);opacity:.9;animation:4.8s ease-in-out infinite canvas-agent-glow;position:absolute;inset:-3px}.canvas-agent-node[data-state=idle] .canvas-agent-face>i:before{display:none}.canvas-agent-node[data-working] .canvas-agent-face>i:before{filter:blur(5px);background:linear-gradient(270deg,#6ee7b7,#67e8f9,#a5b4fc,#f0abfc,#fda4af,#fcd34d,#6ee7b7) 0 0/400% 100%;animation:6s infinite canvas-agent-aurora;inset:-2px}.canvas-agent-node[data-state=input] .canvas-agent-avatar,.canvas-agent-node[data-state=approval] .canvas-agent-avatar{animation:5.4s ease-in-out infinite canvas-agent-patient;transform:rotate(0)}.canvas-agent-node[data-state=input] .canvas-agent-face>i{border-radius:50%;width:10px;height:10px;animation:5.8s ease-in-out infinite canvas-agent-input-eye}.canvas-agent-node[data-state=input] .canvas-agent-face>i:last-child{border-radius:1px;width:3px;height:19px;animation:1.1s step-end infinite canvas-agent-caret}.canvas-agent-node[data-state=input] .canvas-agent-face>i:last-child:before{filter:blur(3px);inset:-1px}.canvas-agent-node[data-state=approval] .canvas-agent-face{gap:10px;animation:5.2s ease-in-out infinite canvas-agent-approval-look;top:45%}.canvas-agent-node[data-state=approval] .canvas-agent-face>i{border-radius:3px;width:7px;height:18px;animation:5.2s ease-in-out infinite canvas-agent-approval-eye}.canvas-agent-node[data-state=finished] .canvas-agent-avatar{animation:7s ease-in-out infinite canvas-agent-happy-hop;transform:rotate(0)}.canvas-agent-node[data-state=finished] .canvas-agent-face{gap:15px;animation:7s ease-in-out infinite canvas-agent-happy-look;top:45%}.canvas-agent-node[data-state=finished] .canvas-agent-face>i{background:0 0;border:0;width:10px;height:14px;animation:none}.canvas-agent-node[data-state=finished] .canvas-agent-face>i:before,.canvas-agent-node[data-state=finished] .canvas-agent-face>i:after{display:none}.canvas-agent-eye-open,.canvas-agent-eye-smile{filter:drop-shadow(0 0 4px var(--agent-eye));display:block;position:absolute;top:0;left:0}.canvas-agent-eye-open{background:var(--agent-eye);border-radius:7px;width:8px;height:14px;animation:7s ease-in-out infinite canvas-agent-open-to-smile;left:1px}.canvas-agent-eye-smile{border-top:3.5px solid var(--agent-eye);border-left:3.5px solid var(--agent-eye);opacity:0;border-radius:2.5px;width:11px;height:11px;animation:7s ease-in-out infinite canvas-agent-smile-to-open;top:4px;left:-.5px;transform:rotate(45deg)}.canvas-agent-node[data-state=attention] .canvas-agent-avatar{animation:6.4s ease-in-out infinite canvas-agent-attention-nudge;transform:rotate(0)}.canvas-agent-node[data-state=attention] .canvas-agent-face{gap:12px;top:45%}.canvas-agent-node[data-state=attention] .canvas-agent-face>i{background:linear-gradient(45deg,transparent 39%,var(--agent-eye) 42% 58%,transparent 61%),linear-gradient(-45deg,transparent 39%,var(--agent-eye) 42% 58%,transparent 61%);border-radius:2px;width:12px;height:12px;animation:5.8s ease-in-out infinite canvas-agent-attention-eye}.canvas-agent-node[data-state=attention] .canvas-agent-face>i:before{background:inherit;inset:0}.canvas-agent-badge{z-index:2;border:3px solid var(--background);color:#161616;background:var(--agent-eye);pointer-events:none;transform-origin:50% 100%;border-radius:50%;place-items:center;width:27px;height:27px;animation:4.8s cubic-bezier(.35,0,.3,1) infinite canvas-agent-notice;display:grid;position:absolute;top:0;right:0}.canvas-agent-node[data-state=approval] .canvas-agent-badge{animation-delay:.3s}.canvas-agent-node[data-state=finished] .canvas-agent-badge{animation-delay:.6s}.canvas-agent-node[data-state=attention] .canvas-agent-badge{animation-delay:.9s}.canvas-agent-node[data-acknowledged] .canvas-agent-badge{animation:none}.canvas-agent-node[data-dragging] .canvas-agent-avatar{animation:none;transform:rotate(7deg)scale(1.03)}@keyframes canvas-agent-glow{0%,to{opacity:.75}50%{opacity:1}}@keyframes canvas-agent-patient{0%,to{transform:rotate(0)}50%{transform:translateY(-1px)}}@keyframes canvas-agent-input-eye{0%,to{scale:1}20%,34%{scale:1.1}57%,63%{scale:1}60%{scale:1 .15}78%,88%{scale:1.06}}@keyframes canvas-agent-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes canvas-agent-approval-eye{0%,to{scale:1}45%{scale:1 1.08}72%,78%{scale:1}75%{scale:1 .2}}@keyframes canvas-agent-approval-look{0%,to{translate:0}22%,38%{translate:0 2px}70%,82%{translate:0 -1px}}@keyframes canvas-agent-open-to-smile{0%,11%,50%,to{opacity:1;height:14px;translate:0}15%,45%{opacity:1;height:7px;translate:0 3.5px}17%,43%{opacity:0;height:7px;translate:0 3.5px}}@keyframes canvas-agent-smile-to-open{0%,15%,47%,to{opacity:0;translate:0 1px}18%,42%{opacity:1;translate:0}}@keyframes canvas-agent-happy-look{0%,10%,52%,to{translate:0}24%,38%{translate:0 -1px}}@keyframes canvas-agent-happy-hop{0%,8%,42%,to{transform:translateY(0)scale(1)}12%{transform:translateY(1px)scale(1.02,.98)}20%{transform:translateY(-4px)scale(.99,1.01)}28%{transform:translateY(0)scale(1.02,.98)}34%{transform:translateY(-1.5px)scale(1)}}@keyframes canvas-agent-attention-eye{0%,to{scale:1}50%{scale:1.04}}@keyframes canvas-agent-attention-nudge{0%,6%,34%,to{transform:translate(0)rotate(0)}12%{transform:translate(-1px)rotate(-3deg)}20%{transform:translate(1px)rotate(3deg)}27%{transform:translate(-.5px)rotate(-1deg)}}@keyframes canvas-agent-notice{0%,3%,27%,to{transform:translateY(0)scale(1)rotate(0)}6%{transform:translateY(1px)scale(1.08,.91)}12%{transform:translateY(-8px)scale(.96,1.04)rotate(-7deg)}18%{transform:translateY(0)scale(1.06,.94)rotate(0)}22%{transform:translateY(-3px)scale(.99,1.01)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.canvas-agent-node *,.canvas-agent-node :before,.canvas-agent-node :after{animation:none!important}}