.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color:oklch(20% .008 285);font-synthesis:none;background:oklch(97% .004 285);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.panel-inner .timeline{gap:1px;display:grid;position:relative}.panel-inner .timeline:after{content:"";background:oklch(86% .009 285);width:1px;position:absolute;top:85px;bottom:21px;left:11px}.panel-inner .timeline-item{z-index:1}*{box-sizing:border-box}body{background:oklch(97% .004 285);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.app-shell{background:oklch(97.6% .003 285);grid-template-rows:60px minmax(0,1fr) 38px;height:100vh;min-height:640px;display:grid;overflow:hidden}.auth-shell{background:oklch(97.6% .003 285);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid oklch(86% .007 285);border-radius:14px;gap:22px;width:min(390px,100%);padding:28px;display:grid;box-shadow:0 8px 22px oklch(24% .01 285/.08)}.auth-card h1{letter-spacing:-.035em;margin:0;font-size:24px}.auth-card p{color:oklch(48% .01 285);margin:8px 0 0;font-size:13px;line-height:1.5}.auth-card form{gap:13px;display:grid}.auth-card label{color:oklch(38% .01 285);gap:6px;font-size:11px;font-weight:650;display:grid}.auth-card input,.node-editor input{background:#fff;border:1px solid oklch(83% .008 285);border-radius:7px;outline:none;height:36px;padding:0 10px;font-size:12px}.auth-card input:focus,.node-editor input:focus{border-color:oklch(55% .11 274);box-shadow:0 0 0 3px oklch(55% .11 274/.12)}.auth-switch{color:oklch(43% .07 274);background:0 0;border:0;font-size:12px;font-weight:650}.auth-switch:hover{text-decoration:underline}.demo-button{color:oklch(40% .08 274);background:oklch(98% .008 274);border:1px solid oklch(80% .05 274);border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;margin-top:-10px;font-size:12px;font-weight:700;display:flex}.demo-button:hover{background:oklch(95% .02 274)}.demo-note{text-align:center;color:oklch(53% .008 285)!important;margin:-15px 0 -12px!important;font-size:10px!important}.empty-workflows{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:0;padding:30px;display:grid}.empty-workflows svg{color:oklch(48% .12 274)}.empty-workflows h1{letter-spacing:-.035em;margin:0;font-size:24px}.empty-workflows p{color:oklch(48% .01 285);max-width:410px;margin:0 0 5px;font-size:13px;line-height:1.5}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;background:oklch(100% 0 0/.86);border-bottom:1px solid oklch(88% .007 285);align-items:center;gap:30px;padding:0 19px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;min-width:152px;font-size:15px;font-weight:700;display:flex}.brand-mark{color:#fff;background:oklch(53% .16 278);border-radius:8px;place-items:center;width:25px;height:25px;display:grid;box-shadow:0 3px 7px oklch(40% .13 278/.25)}.project-switcher{color:oklch(33% .008 285);border-radius:8px;align-items:center;gap:8px;padding:6px 9px;font-size:13px;display:flex}.project-switcher:hover{background:oklch(94% .005 285)}.project-dot{background:oklch(72% .14 88);border-radius:99px;width:8px;height:8px}.topbar-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.quiet-button,.primary-button,.secondary-button,.text-button,.icon-button{white-space:nowrap;border:0;justify-content:center;align-items:center;gap:7px;transition:background-color .16s,transform .16s,color .16s;display:inline-flex}.quiet-button{color:oklch(29% .008 285);background:0 0;border-radius:8px;height:34px;padding:0 10px;font-size:12px;font-weight:550}.quiet-button:hover,.text-button:hover,.icon-button:hover{background:oklch(93% .006 285)}.primary-button{color:#fff;background:oklch(51% .17 274);border-radius:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:650;box-shadow:0 2px 5px oklch(37% .12 274/.2)}.primary-button:hover{background:oklch(47% .17 274);transform:translateY(-1px)}.secondary-button{color:oklch(31% .008 285);background:oklch(93% .006 285);border-radius:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:600}.secondary-button:hover{background:oklch(90% .008 285)}.icon-button{color:oklch(36% .008 285);background:0 0;border-radius:8px;width:32px;height:32px}.text-button{color:oklch(42% .02 274);background:0 0;border-radius:7px;min-height:30px;padding:0 7px;font-size:12px;font-weight:600}.workspace{min-height:0;display:flex;position:relative}.canvas-column{flex:1;grid-template-rows:46px minmax(0,1fr);min-width:0;display:grid}.canvas-toolbar{background:oklch(98% .003 285/.7);border-bottom:1px solid oklch(90% .006 285);justify-content:space-between;align-items:center;padding:0 16px 0 20px;display:flex}.crumb{color:oklch(52% .009 285);align-items:center;gap:7px;font-size:12px;display:flex}.crumb strong{color:oklch(26% .008 285);font-weight:650}.saved-state{color:oklch(45% .06 150);border-left:1px solid oklch(86% .007 285);align-items:center;gap:4px;margin-left:6px;padding-left:9px;display:flex}.toolbar-actions{align-items:center;gap:5px;display:flex}.canvas-create-menu{position:relative}.canvas-create-button{background:oklch(100% 0 0/.8);border:1px solid oklch(86% .007 285);gap:6px;box-shadow:0 1px 2px oklch(24% .01 285/.04)}.canvas-create-button:hover{background:oklch(98% .006 274);border-color:oklch(70% .04 274)}.canvas-create-button:disabled{box-shadow:none;background:0 0;border-color:#0000}.canvas-popover{z-index:12;background:#fff;border:1px solid oklch(84% .008 285);border-radius:11px;gap:3px;width:224px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 18px oklch(23% .01 285/.12)}.popover-label{color:oklch(45% .014 274);padding:5px 7px 7px;font-size:10px;font-weight:720;display:block}.canvas-popover>button{color:oklch(25% .009 285);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;min-width:0;padding:8px 7px;display:flex}.canvas-popover>button:hover{background:oklch(95% .008 274)}.canvas-popover>button>span:last-child{gap:2px;min-width:0;display:grid}.canvas-popover strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;overflow:hidden}.canvas-popover small{color:oklch(49% .01 285);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.template-icon{color:oklch(42% .06 274);background:oklch(93% .014 274);border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.template-icon.start,.template-icon.end{color:oklch(37% .08 150);background:oklch(92% .025 150);border-radius:999px}.template-icon.decision{color:oklch(49% .09 58);background:oklch(95% .035 68)}.canvas-stage{background:oklch(97.5% .003 285);min-height:0;position:relative}.react-flow__node{transition:transform .24s cubic-bezier(.22,1,.36,1)}.react-flow__controls{overflow:hidden;box-shadow:0 2px 5px oklch(25% .01 285/.1);border:1px solid oklch(87% .007 285)!important;border-radius:8px!important}.react-flow__controls button{background:oklch(100% 0 0/.88)!important;border-bottom-color:oklch(89% .006 285)!important}.react-flow__minimap{border:1px solid oklch(86% .006 285);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px oklch(25% .01 285/.08);background:oklch(100% 0 0/.82)!important}.flow-node{color:oklch(23% .008 285);background:oklch(100% 0 0);border:1px solid oklch(82% .009 285);border-radius:11px;align-items:center;gap:10px;width:192px;min-height:70px;padding:12px 16px;display:flex;position:relative;box-shadow:0 3px 7px oklch(28% .01 285/.05)}.flow-node:hover,.flow-node.is-selected{border-color:oklch(57% .1 274);box-shadow:0 0 0 3px oklch(61% .12 274/.13)}.flow-node.start,.flow-node.end{border-radius:999px;width:188px}.flow-node.decision{background:oklch(98.5% .013 75);border-color:oklch(67% .09 58)}.flow-node.is-preview{color:oklch(39% .08 278);box-shadow:none;background:oklch(96% .03 278/.8);border:1.5px dashed oklch(56% .12 278)}.node-icon{color:oklch(38% .03 274);background:oklch(94% .01 285);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.start .node-icon,.end .node-icon{color:oklch(39% .08 150);background:oklch(93% .02 150);border-radius:999px}.decision .node-icon{color:oklch(48% .1 58);background:oklch(95% .04 68)}.is-preview .node-icon{color:oklch(42% .13 278);background:oklch(90% .05 278)}.node-copy{gap:3px;min-width:0;display:grid}.node-copy strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:12px;overflow:hidden}.node-copy span{text-overflow:ellipsis;white-space:nowrap;color:oklch(52% .009 285);font-size:10.5px;overflow:hidden}.issue-dot,.valid-dot{border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:9px;right:10px}.issue-dot{color:oklch(54% .14 28);background:oklch(95% .04 28)}.valid-dot{color:#fff;background:oklch(53% .12 150)}.flow-handle{transition:transform .16s,background-color .16s;box-shadow:0 1px 3px oklch(25% .01 285/.16);cursor:default!important;background:oklch(63% .035 274)!important;border:3px solid oklch(100% 0 0)!important;width:13px!important;height:13px!important}.flow-handle:hover{transform:scale(1.18);background:oklch(51% .14 274)!important}.decision .approved-handle{background:oklch(55% .11 150)!important}.decision .rejected-handle{background:oklch(62% .12 28)!important}.preview-chip,.node-inspector{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 12px oklch(25% .01 285/.1)}.preview-chip{color:oklch(38% .08 278);background:oklch(98% .012 278);border:1px solid oklch(77% .06 278);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:650;top:14px}.node-inspector{background:#fff;border:1px solid oklch(86% .008 285);border-radius:8px;min-width:210px;padding:8px 8px 8px 11px;font-size:11px;bottom:18px}.node-inspector span{color:oklch(54% .009 285)}.node-inspector strong{margin-right:auto}.node-inspector button{color:oklch(50% .008 285);background:0 0;border:0;place-items:center;display:grid}.node-editor{z-index:4;background:#fff;border:1px solid oklch(84% .008 285);border-radius:10px;gap:7px;width:210px;padding:11px;display:grid;position:absolute;bottom:16px;right:17px;box-shadow:0 5px 16px oklch(25% .01 285/.1)}.node-editor>button:first-child{color:oklch(48% .008 285);background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px}.node-editor>span{color:oklch(48% .015 274);font-size:10px;font-weight:700}.node-editor strong{padding-right:20px;font-size:11px}.delete-control{color:oklch(50% .1 28);background:oklch(97% .02 28);border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:29px;font-size:10.5px;font-weight:650;display:inline-flex}.delete-control:hover{background:oklch(94% .035 28)}.agent-panel{background:oklch(100% 0 0/.84);border-left:1px solid oklch(87% .007 285);flex:none;overflow:hidden}.panel-inner{width:386px;height:100%;padding:19px 18px 24px;overflow:auto}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.section-label{color:oklch(49% .015 274);letter-spacing:.01em;align-items:center;gap:6px;font-size:10.5px;font-weight:720;display:inline-flex}.panel-heading h1{letter-spacing:-.035em;margin:5px 0 0;font-size:21px;line-height:1.15}.connect-card{background:oklch(98.8% .002 285);border:1px solid oklch(86% .008 285);border-radius:12px;grid-template-columns:38px 1fr;gap:10px;padding:15px;display:grid}.agent-avatar,.status-orb{color:oklch(42% .12 274);background:oklch(93% .035 274);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.connect-card strong{padding-top:1px;font-size:13px;display:block}.connect-card p{color:oklch(49% .01 285);margin:4px 0 0;font-size:11px;line-height:1.45}.connect-card label{color:oklch(44% .01 285);grid-column:1/-1;gap:6px;font-size:10.5px;font-weight:600;display:grid}.connect-card input{color:oklch(25% .008 285);background:#fff;border:1px solid oklch(83% .008 285);border-radius:7px;outline:0;width:100%;height:34px;padding:0 10px;font-size:12px}.connect-card input:focus{border-color:oklch(55% .11 274);box-shadow:0 0 0 3px oklch(55% .11 274/.12)}.wide{grid-column:1/-1;width:100%}.security-note{grid-column:1/-1;align-items:center;gap:5px;display:flex;color:oklch(48% .015 274)!important}.connected-agent{background:oklch(98% .015 150);border:1px solid oklch(82% .035 150);border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.connected-agent .status-orb{color:oklch(39% .09 150);background:oklch(92% .04 150);width:33px;height:33px}.connected-agent .status-orb.is-active{color:#fff;background:oklch(48% .13 274);animation:1.2s ease-out tool-call-pulse;box-shadow:0 0 0 4px oklch(62% .1 274/.16)}.connected-agent div:nth-child(2){gap:3px;min-width:0;display:grid}.connected-agent strong{font-size:12px}.connected-agent span{color:oklch(42% .05 150);font-size:10.5px}.live-dot{background:oklch(58% .13 150);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.connected-agent .text-button{color:oklch(45% .025 28);margin-left:auto}.webmcp-activity{background:oklch(98.2% .004 285);border-radius:10px;margin:13px 0 4px;padding:13px 12px 11px}.webmcp-activity-head{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.webmcp-activity-head>div{gap:3px;display:grid}.webmcp-activity-head strong{color:oklch(25% .009 285);letter-spacing:-.01em;font-size:12px;font-weight:700}.activity-state{color:oklch(47% .011 285);background:oklch(93% .006 285);border-radius:999px;align-items:center;gap:4px;min-height:20px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.activity-state>span{background:oklch(57% .012 285);border-radius:50%;width:5px;height:5px}.activity-state.is-live{color:oklch(36% .075 150);background:oklch(91% .027 150)}.activity-state.is-live>span{background:oklch(52% .12 150);box-shadow:0 0 0 3px oklch(57% .11 150/.13)}.webmcp-activity-list{gap:1px;display:grid;position:relative}.webmcp-activity-list:before{content:"";background:oklch(85% .008 285);width:1px;position:absolute;top:15px;bottom:15px;left:13px}.webmcp-activity-item{z-index:1;color:oklch(38% .01 285);border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:4px 6px 4px 0;display:grid;position:relative}.webmcp-activity-item.is-active{color:oklch(36% .07 274);background:oklch(94% .016 274)}.tool-step-icon{color:oklch(38% .07 150);background:oklch(90% .028 150);border:2px solid oklch(98.2% .004 285);border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.webmcp-activity-item.is-active .tool-step-icon{color:oklch(42% .12 274);background:oklch(89% .04 274)}.webmcp-activity-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:650;overflow:hidden}.webmcp-activity-item time{color:oklch(52% .009 285);font-variant-numeric:tabular-nums;font-size:9.5px}.webmcp-activity-empty{color:oklch(49% .01 285);margin:0;padding:9px 1px 2px;font-size:10.5px;line-height:1.45}@keyframes tool-call-pulse{0%{box-shadow:0 0 oklch(62% .1 274/.38)}to{box-shadow:0 0 0 8px oklch(62% .1 274/0)}}.agent-command{border-bottom:1px solid oklch(89% .006 285);justify-content:space-between;align-items:end;margin:17px 0;padding:13px 0 17px;display:flex}.agent-command div{gap:4px;display:grid}.agent-command strong{font-size:13px}.run-agent-button{color:#fff;background:oklch(23% .009 285);border:0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.run-agent-button:hover{background:oklch(30% .01 285)}.mcp-config-button{color:oklch(38% .07 150);background:oklch(98% .012 150);border:1px solid oklch(82% .03 150);border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;margin-top:8px;font-size:11px;font-weight:650;display:flex}.mcp-config-button:hover{background:oklch(94% .025 150)}.create-workflow-button{color:oklch(40% .025 274);background:0 0;border:0;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;height:31px;font-size:11px;font-weight:650;display:flex}.create-workflow-button:hover{background:oklch(94% .008 285)}.remote-proposal{background:oklch(98.2% .008 278);border:1px solid oklch(79% .055 278);border-radius:11px;gap:9px;margin:0 0 15px;padding:13px;display:grid}.remote-proposal strong{font-size:12px;line-height:1.35}.remote-proposal ul{color:oklch(46% .015 285);gap:5px;margin:0;padding:0;font-size:10.5px;list-style:none;display:grid}.remote-proposal li{text-transform:capitalize;background:#fff;border-radius:6px;padding:6px 8px}.proposal{background:oklch(98.2% .008 278);border:1px solid oklch(79% .055 278);border-radius:12px;margin-top:2px;padding:15px}.proposal-title{gap:10px;display:flex}.proposal-icon{color:oklch(44% .13 278);background:oklch(91% .045 278);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.proposal h2{letter-spacing:-.025em;margin:4px 0 0;font-size:15px}.proposal>p{color:oklch(41% .016 285);margin:13px 0;font-size:12px;line-height:1.5}.diff{background:#fff;border-radius:8px;gap:8px;padding:10px;display:grid}.diff div{color:oklch(46% .01 285);align-items:flex-start;gap:7px;font-size:10.5px;line-height:1.35;display:flex}.diff-mark{border-radius:4px;flex:none;place-items:center;width:15px;height:15px;font-size:14px;font-weight:700;display:grid}.diff-mark.minus{color:oklch(53% .08 28);background:oklch(96% .03 28)}.diff-mark.plus{color:oklch(42% .09 150);background:oklch(94% .035 150)}.proposal-foot{color:oklch(45% .04 278);justify-content:space-between;margin:12px 0 14px;font-size:10.5px;display:flex}.proposal-foot span{align-items:center;gap:4px;display:flex}.decision-actions{gap:8px;display:flex}.decision-actions button{flex:1}.timeline{padding-top:3px}.timeline-head{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.timeline-item{border-bottom:1px solid oklch(92% .005 285);grid-template-columns:26px 1fr;gap:10px;padding:12px 0;display:grid}.timeline-icon{color:oklch(46% .025 274);background:oklch(93% .01 274);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.timeline-icon.applied,.timeline-icon.validation{color:oklch(38% .08 150);background:oklch(93% .03 150)}.timeline-icon.timeline-proposal{color:oklch(42% .11 278);background:oklch(93% .035 278)}.timeline-item>div>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.timeline-item strong{font-size:11.5px}.timeline-item time{color:oklch(59% .006 285);font-size:10px}.timeline-item p{color:oklch(50% .008 285);margin:4px 0 0;font-size:10.5px;line-height:1.4}.panel-reopen{color:oklch(38% .02 274);background:#fff;border:1px solid oklch(84% .008 285);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;top:58px;right:16px;box-shadow:0 2px 6px oklch(25% .01 285/.08)}.statusbar{color:oklch(50% .009 285);background:oklch(100% 0 0/.75);border-top:1px solid oklch(87% .007 285);justify-content:space-between;align-items:center;padding:0 17px;font-size:11px;display:flex}.statusbar>div{align-items:center;gap:8px;display:flex}.divider{background:oklch(84% .006 285);width:1px;height:11px}.status-good,.status-issue,.webmcp-status{align-items:center;gap:5px;display:inline-flex}.status-good,.webmcp-status.connected{color:oklch(40% .075 150)}.status-issue{color:oklch(54% .11 28)}.webmcp-status{color:oklch(45% .025 274)}.webmcp-availability{display:none}.workflow-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:oklch(16% .008 285/.38);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workflow-modal{background:#fff;border-radius:14px;gap:0;width:min(570px,100%);display:grid;overflow:hidden;box-shadow:0 12px 34px oklch(20% .01 285/.22)}.workflow-modal-header{justify-content:space-between;align-items:flex-start;padding:24px 24px 18px;display:flex}.workflow-modal-title{align-items:center;gap:12px;display:flex}.workflow-modal-mark{color:oklch(43% .1 274);background:oklch(93% .03 274);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.workflow-modal h2{color:oklch(20% .008 285);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:20px;line-height:1.15}.workflow-modal p{color:oklch(45% .012 285);margin:5px 0 0;font-size:12px;line-height:1.45}.modal-close{margin:-4px -5px 0 0}.workflow-manager-toolbar{background:oklch(98.5% .002 285);border-top:1px solid oklch(91% .005 285);border-bottom:1px solid oklch(91% .005 285);justify-content:space-between;align-items:center;min-height:55px;padding:10px 18px 10px 24px;display:flex}.workflow-manager-toolbar>span{color:oklch(45% .012 285);font-size:12px;font-weight:600}.workflow-list{gap:4px;max-height:min(390px,55vh);padding:10px;display:grid;overflow:auto}.workflow-row{border-radius:10px;align-items:center;gap:5px;min-width:0;padding:4px;display:flex}.workflow-row.is-current{background:oklch(96% .017 274)}.workflow-open-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:11px;padding:9px 10px;display:flex}.workflow-open-button:hover{background:oklch(94.5% .006 285)}.workflow-row.is-current .workflow-open-button:hover{background:oklch(94% .024 274)}.workflow-row-mark{color:oklch(42% .08 274);background:oklch(92% .02 274);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:760;display:grid}.workflow-row.is-current .workflow-row-mark{color:#fff;background:oklch(51% .15 274)}.workflow-row-copy{gap:3px;min-width:0;display:grid}.workflow-row-copy strong{color:oklch(25% .009 285);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:680;overflow:hidden}.workflow-row-copy span{color:oklch(48% .01 285);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.current-workflow{color:oklch(39% .08 150);align-items:center;gap:4px;margin-left:auto;font-size:10.5px;font-weight:680;display:inline-flex}.workflow-row-actions{opacity:.62;gap:1px;transition:opacity .16s;display:flex}.workflow-row:hover .workflow-row-actions,.workflow-row:focus-within .workflow-row-actions{opacity:1}.workflow-row-actions .icon-button{width:30px;height:30px}.danger-icon{color:oklch(52% .1 28)}.danger-icon:hover{color:oklch(47% .12 28);background:oklch(96% .025 28)!important}.workflow-dialog{background:#fff;border-radius:13px;gap:16px;width:min(390px,100%);padding:22px;display:grid;box-shadow:0 14px 40px oklch(20% .01 285/.18)}.workflow-dialog h2{letter-spacing:-.025em;margin:4px 0 0;font-size:19px}.workflow-dialog p{color:oklch(48% .01 285);margin:7px 0 0;font-size:12px;line-height:1.5}.workflow-dialog label{color:oklch(38% .01 285);gap:6px;font-size:11px;font-weight:650;display:grid}.workflow-dialog input{background:#fff;border:1px solid oklch(83% .008 285);border-radius:7px;outline:none;height:36px;padding:0 10px;font-size:12px}.workflow-dialog input:focus{border-color:oklch(55% .11 274);box-shadow:0 0 0 3px oklch(55% .11 274/.12)}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.danger-button{color:#fff;background:oklch(53% .16 28);border:0;border-radius:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:650;box-shadow:0 2px 5px oklch(45% .1 28/.2)}.danger-button:hover{background:oklch(49% .16 28)}.timeline{margin-top:2px}.timeline-head{border-bottom:1px solid oklch(89% .006 285);align-items:flex-start;gap:12px;min-height:72px;margin:0 0 8px;padding:0 0 14px}.timeline-heading{gap:3px;min-width:0;display:grid}.timeline-heading h2{color:oklch(22% .009 285);letter-spacing:-.025em;margin:0;font-size:16px;font-weight:710}.timeline-heading p{color:oklch(47% .01 285);margin:0;font-size:10.5px;line-height:1.35}.timeline-head .text-button{color:oklch(40% .07 274);background:oklch(95% .012 274);min-height:29px;padding:0 8px}.timeline-head .text-button:hover{background:oklch(92% .025 274)}.timeline-undo{flex:none;margin-top:23px}.timeline-list{gap:1px;padding:7px 0 0;display:grid;position:relative}.timeline-list:before{content:"";background:oklch(86% .009 285);width:1px;position:absolute;top:20px;bottom:21px;left:11px}.timeline-item{border:0;grid-template-columns:27px minmax(0,1fr);gap:10px;padding:10px 0;position:relative}.timeline-item+.timeline-item{border-top:1px solid oklch(93% .004 285)}.timeline-icon{z-index:1;color:oklch(43% .055 274);background:oklch(90% .025 274);border:2px solid oklch(100% 0 0);width:23px;height:23px;position:relative}.timeline-icon.timeline-analysis{color:oklch(45% .08 274);background:oklch(90% .035 274)}.timeline-icon.timeline-applied,.timeline-icon.timeline-validation{color:oklch(35% .08 150);background:oklch(90% .035 150)}.timeline-icon.timeline-undo{color:oklch(51% .09 28);background:oklch(94% .027 28)}.timeline-item>div>div{gap:8px}.timeline-item strong{color:oklch(27% .009 285);font-size:11.5px;font-weight:680}.audit-repeat{color:oklch(46% .026 274);vertical-align:1px;background:oklch(93% .014 274);border-radius:5px;align-items:center;height:17px;margin-left:6px;padding:0 5px;font-size:9.5px;font-weight:700;display:inline-flex}.timeline-item time{color:oklch(51% .009 285);font-variant-numeric:tabular-nums;flex:none;font-size:9.5px}.timeline-item p{color:oklch(47% .011 285);max-width:31ch;margin:4px 0 0;font-size:10.5px;line-height:1.45}@media (width<=920px){.agent-panel{z-index:5;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px oklch(20% .01 285/.1)}.topbar{gap:10px}.brand{min-width:auto}.project-switcher{display:none}.quiet-button{padding:0 7px}.quiet-button svg{display:none}}@media (width<=600px){.app-shell{grid-template-rows:54px minmax(0,1fr) 34px;min-height:560px}.topbar{padding:0 10px}.brand{font-size:13px}.topbar-actions .quiet-button{display:none}.topbar-actions .primary-button{padding:0 9px}.canvas-toolbar{padding-left:12px}.agent-panel,.panel-inner{width:min(386px,100vw)}.statusbar{padding:0 10px}.statusbar .status-count:nth-of-type(2),.statusbar .divider:nth-of-type(2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}