.agent-flow.react-flow{--xy-background-color:transparent;--xy-background-pattern-dots-color-default:color-mix(in oklch, var(--muted-foreground) 34%, transparent);--xy-edge-stroke-default:color-mix(in oklch, var(--border) 88%, var(--foreground));--xy-edge-stroke-width-default:1.5;--xy-edge-stroke-selected-default:var(--foreground);--xy-connectionline-stroke-default:var(--foreground);--xy-connectionline-stroke-width-default:1.5;--xy-minimap-background-color-default:var(--card);--xy-controls-button-background-color-default:var(--card);--xy-controls-button-background-color-hover-default:var(--muted);--xy-controls-button-color-default:var(--foreground);--xy-controls-button-color-hover-default:var(--foreground);--xy-controls-button-border-color-default:color-mix(in oklch, var(--border) 70%, transparent);--xy-controls-box-shadow-default:none;--xy-selection-background-color-default:color-mix(in oklch, var(--primary) 8%, transparent);--xy-selection-border-default:1px solid color-mix(in oklch, var(--primary) 35%, transparent);--xy-handle-background-color-default:var(--foreground);--xy-handle-border-color-default:var(--background);--xy-node-border-default:none;--xy-node-background-color-default:transparent}.agent-flow .react-flow__node{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.agent-flow [data-slot=canvas-node-card] .react-flow__handle-left,.agent-flow [data-slot=canvas-node-card] .react-flow__handle-right{top:50%}.agent-flow .react-flow__controls{border:1px solid color-mix(in oklch, var(--border) 70%, transparent);border-radius:var(--radius-lg);box-shadow:none;flex-shrink:0;overflow:hidden}.agent-flow .react-flow__minimap{border:1px solid color-mix(in oklch, var(--border) 70%, transparent);border-radius:var(--radius-lg);flex-shrink:0;overflow:hidden}.agent-flow-chrome{--canvas-chrome-button:34px;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.agent-flow-chrome__bar{pointer-events:auto;height:var(--canvas-chrome-button);border:1px solid color-mix(in oklch, var(--border) 70%, transparent);background:var(--card);border-radius:999px;align-items:center;display:flex;overflow:hidden}.agent-flow-chrome__add{align-items:center;display:flex}.agent-flow-chrome__add-btn{width:var(--canvas-chrome-button);height:var(--canvas-chrome-button);color:var(--muted-foreground);cursor:grab;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.agent-flow-chrome__add-btn:hover,.agent-flow-chrome__add-btn:focus-visible{background:var(--muted);color:var(--foreground);outline:none}.agent-flow-chrome__add-btn:active{cursor:grabbing}.agent-flow-chrome__add-btn svg{width:16px;height:16px}.agent-flow-chrome__divider{background:color-mix(in oklch, var(--border) 70%, transparent);flex-shrink:0;width:1px;height:16px}.agent-flow-chrome .react-flow__controls{pointer-events:auto;height:var(--canvas-chrome-button);flex-direction:row;display:flex;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;position:static!important;inset:auto!important}.agent-flow-chrome .react-flow__controls-button{width:var(--canvas-chrome-button);min-width:var(--canvas-chrome-button);height:var(--canvas-chrome-button);color:var(--muted-foreground);background:0 0;border:0}.agent-flow-chrome .react-flow__controls-button:hover{background:var(--muted);color:var(--foreground)}.agent-flow-chrome .react-flow__controls-button svg{fill:currentColor;width:13px;height:13px}.agent-flow-chrome .react-flow__minimap{pointer-events:auto;background:var(--card);overflow:hidden;border:1px solid color-mix(in oklch, var(--border) 70%, transparent)!important;border-radius:var(--radius-lg)!important;width:132px!important;height:88px!important;box-shadow:none!important;margin:0!important;position:static!important;inset:auto!important}.agent-flow-chrome .react-flow__minimap-svg{width:100%;height:100%;display:block}.agent-flow .react-flow__minimap-mask{fill:color-mix(in oklch, var(--muted) 42%, transparent)}.canvas-node-actions{z-index:6;grid-template-rows:0fr;transition:grid-template-rows .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;left:0;right:0}.canvas-node-actions[data-placement=below]{top:100%}.canvas-node-actions[data-placement=above]{bottom:100%}.canvas-node-actions[data-placement=above] .canvas-node-action{transform:translateY(6px)}.canvas-node-actions[data-placement=above].is-open .canvas-node-action{transform:translate(0,0)}.canvas-node-actions[data-placement=right],.canvas-node-actions[data-placement=left]{width:192px;top:50%;left:auto;right:auto;transform:translateY(-50%)}.canvas-node-actions[data-placement=right] .canvas-node-actions__inner,.canvas-node-actions[data-placement=left] .canvas-node-actions__inner{border:1px solid color-mix(in oklch, var(--border) 70%, transparent);border-radius:var(--radius-lg);background:var(--card);padding:4px 4px 8px}.canvas-node-actions[data-placement=right]{margin-left:8px;left:100%}.canvas-node-actions[data-placement=left]{margin-right:8px;right:100%}.canvas-node-actions[data-placement=right] .canvas-node-action{transform:translate(-6px)}.canvas-node-actions[data-placement=left] .canvas-node-action{transform:translate(6px)}.canvas-node-actions[data-placement=right].is-open .canvas-node-action,.canvas-node-actions[data-placement=left].is-open .canvas-node-action{transform:translate(0,0)}.canvas-node-actions.is-open{grid-template-rows:1fr}.canvas-node-actions__inner{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.canvas-node-action{pointer-events:none;opacity:0;transition:opacity .14s,transform .16s cubic-bezier(.22,1,.36,1);transform:translateY(-6px)}.canvas-node-actions.is-open .canvas-node-action{pointer-events:auto;opacity:1;transform:translate(0,0)}.canvas-node-actions.is-open .canvas-node-action:first-child{transition-delay:20ms}.canvas-node-actions.is-open .canvas-node-action:nth-child(2){transition-delay:55ms}.canvas-node-actions.is-open .canvas-node-action:nth-child(3){transition-delay:90ms}.canvas-node-actions.is-open .canvas-node-action:nth-child(4){transition-delay:.125s}.canvas-node-actions:not(.is-open) .canvas-node-action:first-child{transition-delay:.105s}.canvas-node-actions:not(.is-open) .canvas-node-action:nth-child(2){transition-delay:70ms}.canvas-node-actions:not(.is-open) .canvas-node-action:nth-child(3){transition-delay:35ms}.canvas-node-actions:not(.is-open) .canvas-node-action:nth-child(4){transition-delay:0s}.agent-flow .react-flow__attribution{display:none!important}.canvas-empty-state{animation:.42s cubic-bezier(.22,1,.36,1) both canvas-empty-enter}@keyframes canvas-empty-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.agents-canvas-context-label{flex:1;min-width:0}.agents-canvas-context-shortcut{border:1px solid color-mix(in oklch, var(--border) 65%, transparent);background:color-mix(in oklch, var(--muted) 55%, transparent);color:var(--muted-foreground);border-radius:4px;margin-left:auto;padding:1px 6px;font-family:inherit;font-size:10px;font-weight:500;line-height:1.4}.agent-flow-edge{stroke:color-mix(in oklch, var(--border) 88%, var(--foreground));stroke-width:1.5px}.agent-flow-edge.is-selected{stroke:var(--foreground)}[data-slot=canvas-node-card][data-runtime-state=working],[data-slot=canvas-node-card][data-runtime-state=waking]{border-color:var(--success)!important}[data-slot=canvas-node-card][data-runtime-state=waking]{animation:.9s ease-out canvas-node-wake-pulse}@keyframes canvas-node-wake-pulse{0%,to{box-shadow:0 0 0 0 transparent, 0 0 0 1px color-mix(in oklch, var(--success) 36%, transparent)}40%{box-shadow:0 0 0 8px color-mix(in oklch, var(--success) 18%, transparent), 0 0 0 1px color-mix(in oklch, var(--success) 50%, transparent)}}.agents-canvas-node-wake-glow{z-index:0;pointer-events:none;border:2px solid color-mix(in oklch, var(--success) 70%, transparent);border-radius:calc(1rem + 6px);animation:.9s ease-out forwards canvas-node-wake-glow;position:absolute;inset:-6px}@keyframes canvas-node-wake-glow{0%{opacity:.95;box-shadow:0 0 0 0 color-mix(in oklch, var(--success) 55%, transparent);transform:scale(.98)}70%{opacity:.35;transform:scale(1.04);box-shadow:0 0 0 16px #0000}to{opacity:0;transform:scale(1);box-shadow:0 0 #0000}}@property --canvas-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.agents-canvas-node-activity-ring{z-index:0;pointer-events:none;opacity:0;background:conic-gradient(from var(--canvas-ring-angle), transparent 0deg, color-mix(in oklch, var(--success) 20%, transparent) 60deg, var(--success) 140deg, color-mix(in oklch, var(--success) 20%, transparent) 220deg, transparent 300deg);-webkit-mask-composite:xor;-webkit-mask-composite:xor;border-radius:calc(1rem + 3px);padding:2px;transition:opacity .2s;animation:1.6s linear infinite canvas-node-activity-ring-spin;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-slot=canvas-node-card][data-runtime-state=working] .agents-canvas-node-activity-ring{opacity:1}@keyframes canvas-node-activity-ring-spin{to{--canvas-ring-angle:360deg}}@media (prefers-reduced-motion:reduce){[data-slot=canvas-node-card][data-runtime-state=waking],.agents-canvas-node-wake-glow,.agents-canvas-node-activity-ring{animation:none}}