.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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{font-family:DM Sans,sans-serif;color:#303746;background:#f8f9fc;font-synthesis:none;font-weight:450;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e3e6ed;background:#fff;border-radius:7px;padding:10px 14px;color:#50596b;transition:background .15s,box-shadow .15s}button:hover{background:#f3f5fb}button:focus-visible,a:focus-visible{outline:3px solid #a8b9fc;outline-offset:2px}input,textarea,select{outline:none;border:1px solid #e1e5ed;border-radius:6px;padding:10px 11px;color:#354052;background:#fff;width:100%}input:focus,textarea:focus,select:focus{border-color:#859eeb;box-shadow:0 0 0 3px #587be512}textarea{resize:vertical;line-height:1.7}button.primary{color:#fff;background:#5277dc;border-color:#5277dc;box-shadow:0 2px 3px #5277dc22}button.primary:hover{background:#4268d0}.app{display:flex;height:100dvh;min-height:650px;overflow:hidden}.sidebar{width:250px;flex-shrink:0;background:#fff;border-right:1px solid #e6e9ef;padding:30px 18px 0;display:flex;flex-direction:column;overflow-y:auto}.sidebar>*{flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:23px;letter-spacing:-1.1px;text-decoration:none;color:#283343;padding:0 9px}.brand-symbol{display:grid;place-items:center;width:33px;height:33px;background:#5479de;border-radius:9px;color:#fff}.brand-point{color:#5479de;margin-left:-9px}.workspace{margin:33px 0 28px;border:1px solid #e7eaf0;border-radius:8px;padding:11px 9px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.workspace small,.profile small{display:block;font-size:10px;color:#979eaa;font-weight:400;margin-top:4px}.workspace-icon{width:29px;height:31px;background:#eef1fa;color:#768ac4;display:grid;place-items:center;border-radius:5px;font-size:14px}.sidebar-label{font-size:9px;letter-spacing:1.4px;color:#9ba2b0;font-weight:700;padding-left:12px}.nav-active{margin-top:13px;border:0;background:#edf2ff;color:#5175d5;justify-content:flex-start;font-size:12px;padding:12px}.tiny-pill{font-size:9px;background:#e4ebfc;border-radius:4px;padding:2px 5px;margin-left:auto;color:#8392b7}.section-toggle{display:flex;width:100%;justify-content:flex-start;gap:4px;border:0;background:transparent;padding:4px 10px 4px 0;color:#9ba2b0}.section-toggle:hover{background:transparent;color:#5f6879}.section-toggle .sidebar-label{padding-left:0}.section-toggle>svg{transition:transform .15s}.section-toggle[aria-expanded=false]>svg{transform:rotate(-90deg)}.saved-heading{margin-top:28px}.library-heading{margin-top:28px;margin-bottom:8px}.library-heading .tiny-pill{background:#f2f3f6;color:#a0a6b0}.muted{color:#959dab;line-height:1.7}.library-help{font-size:11px;padding-left:12px;margin:10px 0 20px}.node-library{display:flex;flex-direction:column;gap:8px}.node-library[hidden]{display:none}.sidebar-collapsed .node-library[hidden]{display:flex}.node-library>button{border:1px solid transparent;padding:10px 8px;text-align:left;justify-content:flex-start;gap:10px}.node-library>button:hover{border-color:#e7eaf3}.node-library>button>span:nth-child(2){flex:1;font-size:11px;font-weight:600}.node-library small{display:block;font-size:9px;color:#9ba3b0;font-weight:400;margin-top:5px}.node-library>button>svg{color:#bdc3ce}.library-icon{width:32px;height:33px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.front{--node-color: #6388e8;--node-bg: #edf2ff}.back{--node-color: #9978d8;--node-bg: #f3eefb}.event{--node-color: #cf963f;--node-bg: #fff5e5}.database{--node-color: #4daba4;--node-bg: #eaf6f3}.crm{--node-color: #dc8099;--node-bg: #fceff3}.library-icon{color:var(--node-color);background:var(--node-bg)}.tip{margin:28px 7px 20px;background:#f7f9fe;border:1px solid #e9edf8;border-radius:9px;padding:14px}.tip>span{display:flex;align-items:center;gap:7px;color:#6b7fae;font-weight:600;font-size:11px}.tip p{font-size:10px;color:#8c97ad;line-height:1.8}.tip button{border:none;background:none;padding:2px 0;color:#6e87c6;font-size:10px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{display:flex;width:100%;justify-content:flex-start;border:0;font-size:11px;margin-bottom:4px;color:#7c879b}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #eceef3;margin-top:17px;padding:20px 5px;font-size:10px}.profile>span:first-child,.avatar{background:#eeebf5;color:#90849f;border:3px solid white;outline:1px solid #eeedf2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600}.profile small{font-size:8px}.online{width:6px;height:6px;background:#8ec1a8;border-radius:50%;margin-left:auto}main{flex:1;min-width:0;display:flex;flex-direction:column}header{height:73px;flex-shrink:0;background:#fff;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center;padding:0 33px}.breadcrumb{display:flex;align-items:center;gap:14px;color:#a2a9b6;font-size:11px}.breadcrumb svg{color:#c5cbd6}.breadcrumb span{color:#69758c}.header-right{display:flex;align-items:center;gap:23px}.local-badge{font-size:10px;display:flex;align-items:center;gap:7px;color:#8b94a3}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#77b69a}.icon-button{border:0;background:transparent;padding:5px;flex-shrink:0}.header-right .icon-button{color:#9aa3b2}.document-heading{padding:31px 34px 29px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#939dae;display:flex;align-items:center;gap:7px;font-weight:600}.eyebrow>span:first-child{width:5px;height:5px;background:#8397c8;border-radius:2px}.version{letter-spacing:0;font-weight:400;font-size:9px;padding:2px 5px;background:#f5f6f9;border:1px solid #e9ecf1;border-radius:4px;color:#929aaa;margin-left:4px}.document-title{border:0;padding:0;margin-top:10px;font-size:25px;font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.9px;min-width:480px;background:transparent;color:#303b50}.document-title:focus{box-shadow:none}.document-heading p{font-size:11px;color:#949dac;margin:9px 0 0}.document-actions{display:flex;gap:10px;flex-shrink:0}.document-actions button{font-size:11px;padding:10px 13px}.view-bar{height:49px;background:#fff;display:flex;align-items:center;border-top:1px solid #f1f2f6;border-bottom:1px solid #e3e7ee;padding:0 33px;gap:24px}.view-tab{color:#5c7bc9;height:100%;border-bottom:2px solid #6486e0;display:flex;align-items:center;gap:8px;padding:0 4px;font-size:11px;font-weight:600}.view-tab span{font-size:9px;padding:2px 5px;background:#eff3fc;border-radius:4px;margin-left:6px}.save-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#a1a8b4}.save-status svg{color:#a0b5ae}.view-info{margin-left:auto;display:flex;gap:12px;color:#9ca4b3;font-size:10px}.divider{height:11px;width:1px;background:#e1e5ec}.canvas-area{flex:1;position:relative;min-height:300px;background:#f8f9fc}.canvas-toolbar{position:absolute;z-index:5;top:20px;left:24px;display:flex;align-items:center;background:#fff;border:1px solid #e4e8ee;box-shadow:0 3px 8px #33446a04;border-radius:7px;padding:7px 11px;gap:13px;height:39px}.canvas-mode{display:flex;gap:8px;align-items:center;color:#77849c;font-size:10px}.canvas-mode>svg:first-child{color:#6889d8}.toolbar-divider{height:17px;width:1px;background:#e9ebef}.search{display:flex;align-items:center;gap:6px;color:#a0a9b8}.search input{width:143px;border:0;padding:0;font-size:10px;box-shadow:none}.search input::placeholder{color:#aab0bd}.search-results{position:absolute;top:64px;left:175px;z-index:6;background:#fff;box-shadow:0 8px 30px #26395720;border:1px solid #e7eaf0;border-radius:8px;padding:8px;max-width:300px}.search-results button{display:flex;width:100%;border:0;font-size:11px;justify-content:space-between}.search-results p{padding:0 10px;font-size:11px;color:#8a96a9}.canvas-caption{position:absolute;top:89px;left:30px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1px;color:#a0a9bb;pointer-events:none}.canvas-caption>span:not(.caption-dot){margin:0 3px}.caption-dot{width:5px;height:5px;border:1px solid #9aa7bd;border-radius:50%}.canvas-hint{position:absolute;bottom:23px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;color:#a2aabd;white-space:nowrap;font-size:9px;pointer-events:none}.step{width:244px;border:1px solid #e0e5ed;background:#fff;border-radius:10px;box-shadow:0 4px 9px #52607d07;overflow:visible;transition:box-shadow .15s,border-color .15s}.step.selected{border-color:var(--node-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 13%,transparent)}.step-top{display:flex;align-items:center;gap:8px;padding:14px 15px 0;color:var(--node-color);font-size:8px;letter-spacing:.9px;font-weight:700}.node-icon{width:28px;height:28px;border-radius:7px;background:var(--node-bg);display:grid;place-items:center}.step-menu{margin-left:auto;color:#b4bac5;letter-spacing:2px;font-size:15px}.step h3{font-size:14px;line-height:1.5;white-space:pre-line;letter-spacing:-.2px;margin:12px 16px 6px;font-weight:600}.step p{font-size:10px;line-height:1.7;color:#9aa2b0;margin:0 16px 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.step-footer{border-top:1px solid #f0f2f6;padding:10px 16px;display:flex;align-items:center;gap:6px;font-size:8px;color:#909caf}.step-footer>svg{margin-left:auto;color:#a4afbf}.step-footer .status-dot{background:var(--node-color);width:4px;height:4px}.react-flow__handle{height:9px;width:9px;border:2px solid white;background:#b2bfd3;box-shadow:0 0 0 1px #d7deea}.react-flow__handle-right{background:var(--node-color)}.react-flow__controls{display:flex;bottom:9px;left:15px;box-shadow:0 2px 8px #52607d08;border:1px solid #e1e6ef;border-radius:7px;overflow:hidden}.react-flow__controls-button{height:28px;width:30px;border-bottom:0;border-right:1px solid #edf0f5;padding:8px;color:#8591a6}.react-flow__minimap{width:142px;height:90px;border:1px solid #e3e7ef;border-radius:7px;overflow:hidden;bottom:5px;right:10px;background:#fff}.react-flow__minimap svg{width:142px;height:90px}.fit-button{position:absolute;right:28px;top:20px;z-index:4;padding:10px;color:#8c9ab0}footer{height:44px;flex-shrink:0;background:#fff;border-top:1px solid #e7eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 31px}.legend{display:flex;gap:19px}.legend span{display:flex;gap:6px;align-items:center;font-size:9px;color:#8e99aa}.legend i{width:5px;height:5px;border-radius:2px}.footer-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#a6aebd}.detail-panel{position:absolute;right:0;top:0;bottom:0;width:345px;z-index:8;background:#fff;border-left:1px solid #e1e6ef;box-shadow:-10px 0 30px #384f7908;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;padding:18px;gap:10px;border-bottom:1px solid #edf0f5}.panel-heading small{display:block;font-size:8px;letter-spacing:1px;color:#9ca7b8;margin-bottom:4px}.panel-heading strong{font-size:13px;font-weight:600}.panel-heading button{margin-left:auto;color:#9aa4b6}.panel-tabs{display:flex;padding:0 18px;border-bottom:1px solid #edf0f5;gap:18px}.panel-tabs button{border:0;border-radius:0;background:none;font-size:10px;text-transform:capitalize;padding:13px 0}.panel-tabs .active{border-bottom:2px solid #6684d8;color:#5277dc}.panel-content{overflow:auto;flex:1;padding:20px}.panel-content label,.modal label{display:block;font-size:10px;font-weight:600;color:#7e8aa0;margin-bottom:20px}.panel-content label input,.panel-content label textarea,.panel-content label select,.modal label input{display:block;margin-top:8px;font-size:11px;font-weight:400}.code-field{font-family:monospace;font-size:10px!important;background:#fafbfe}.field-row{display:flex;gap:12px}.field-row label{flex:1;min-width:0}.info-box{display:flex;align-items:flex-start;gap:10px;background:#f4f7fd;border:1px solid #e9eef9;border-radius:7px;padding:12px;color:#7b8daa;margin-bottom:20px}.info-box>svg{flex-shrink:0}.info-box p{margin:0;font-size:11px;line-height:1.7}.connection{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #edf0f4;align-items:center;color:#9ba8ba}.connection>div{flex:1;min-width:0}.connection small{font-size:8px}.connection div button{border:0;padding:5px 0;background:none;font-size:11px;text-align:left;display:block}.connection input{font-size:10px;padding:6px}.panel-footer{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid #edf0f5}.panel-footer button{font-size:10px}.danger{color:#c77883}.toast{position:fixed;bottom:65px;left:50%;transform:translate(-50%);z-index:100;background:#34425b;color:#fff;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:9px;box-shadow:0 6px 30px #263a5133;max-width:90vw;font-size:12px}.toast button{color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#25304945;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:470px;max-width:100%;background:#fff;padding:32px;border-radius:16px;box-shadow:0 25px 70px #24365030;position:relative;max-height:90dvh;overflow:auto}.modal-close{position:absolute;right:15px;top:15px;color:#a2acbc}.modal-icon{height:44px;width:44px;background:#eef3ff;color:#6487dd;border-radius:11px;display:grid;place-items:center}.modal h2{font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.6px;margin:20px 0 10px}.modal>p{font-size:12px;line-height:1.8;color:#8b96a8;margin-bottom:24px}.wide{width:100%}.modal .info-box{margin:18px 0 0}.modal ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:18px;margin:24px 0}.modal li{display:flex;gap:12px;color:#8592a7;font-size:12px;line-height:1.6}.modal li svg{flex-shrink:0;margin-top:2px;color:#7795d7}@media(min-width:1600px){.sidebar{width:270px}.document-heading{padding-top:38px;padding-bottom:36px}.canvas-caption{top:105px}}@media(max-width:1200px){.sidebar{width:218px;padding-left:12px;padding-right:12px}.brand{font-size:21px}.document-title{min-width:0;font-size:22px;width:100%}.document-heading{padding:25px 24px}.document-heading>div:first-child{flex:1}.document-actions{gap:6px}.document-actions button{padding:9px;font-size:10px}.footer-note{display:none}.save-status{font-size:8px}.canvas-hint{display:none}}@media(max-width:850px){.document-heading{align-items:flex-start;flex-direction:column;gap:16px}.document-title{font-size:22px}.document-heading>div:first-child{width:100%}header{padding:0 20px;height:59px}.breadcrumb{gap:8px;font-size:10px}.header-right{gap:10px}.local-badge{display:none}.view-bar{padding:0 20px;gap:15px}.legend{gap:12px}footer{padding:0 16px}.detail-panel{width:min(345px,100%)}.app{min-height:600px}.canvas-caption{font-size:7px;left:20px}.canvas-toolbar{left:15px}.fit-button{right:15px}.search input{width:100px}.react-flow__minimap{display:none}}@media(max-width:480px){.document-heading{padding:22px 17px}.document-title{font-size:19px}.document-heading p{font-size:10px}.save-status{display:none}.view-info{font-size:9px}.legend{gap:8px}.legend span{font-size:7px}.legend i{width:4px;height:4px}.canvas-mode span,.canvas-mode>svg:last-child{display:none}.canvas-toolbar{gap:8px}.breadcrumb>svg:last-of-type,.breadcrumb>span{display:none}.canvas-caption{font-size:6px;gap:5px}.modal{padding:25px}.modal h2{font-size:20px}}.editor-header{height:96px;padding:14px 24px;gap:18px;justify-content:flex-start}.sidebar-toggle{color:#8593ab}.header-document{flex:1;min-width:0}.editor-header .document-title{min-width:0;width:100%;font-size:20px;margin-top:4px;text-overflow:ellipsis}.header-metadata{display:flex;align-items:center;gap:18px;margin-top:6px}.header-metadata .view-info{margin-left:0;font-size:9px}.header-metadata .save-status{font-size:9px}.editor-header .document-actions{align-items:center}@media(max-width:850px){.editor-header{padding:12px 16px;gap:12px}.editor-header .document-title{font-size:17px}.header-help{display:none}.header-metadata{gap:10px}.header-metadata .save-status{display:none}}@media(max-width:600px){.editor-header{height:96px;padding:10px;gap:7px}.editor-header .document-title{font-size:15px}.editor-header .eyebrow{font-size:7px;letter-spacing:.7px;gap:4px}.editor-header .eyebrow .version{display:none}.editor-header .document-actions{gap:4px}.editor-header .document-actions button{padding:8px}.editor-header .document-actions button span{display:none}.sidebar-toggle{padding:4px}}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-heading .brand{padding:0;font-size:20px;gap:7px}.sidebar-heading .brand-point{margin-left:0}.sidebar-heading .sidebar-toggle{padding:5px}.sidebar-collapsed .sidebar{width:70px;padding:22px 10px 0}.sidebar-collapsed .sidebar-heading{flex-direction:column;gap:14px}.sidebar-collapsed .brand-name,.sidebar-collapsed .workspace,.sidebar-collapsed .saved-heading,.sidebar-collapsed .saved-diagrams,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .library-heading,.sidebar-collapsed .library-help,.sidebar-collapsed .profile,.sidebar-collapsed .tiny-pill,.sidebar-collapsed .node-library>button>span:nth-child(2),.sidebar-collapsed .node-library>button>svg{display:none}.sidebar-collapsed .nav-active{font-size:0;padding:13px;gap:0;margin-top:20px}.sidebar-collapsed .node-library{margin-top:25px;gap:10px}.sidebar-collapsed .node-library>button{padding:6px;justify-content:center}.sidebar-collapsed .sidebar-bottom{padding-bottom:18px}.sidebar-collapsed .sidebar-bottom>button{font-size:0;justify-content:center;padding:12px;gap:0}@media(max-width:850px){.app:not(.sidebar-collapsed) .sidebar{position:absolute;inset:0 auto 0 0;width:250px;z-index:15;box-shadow:8px 0 30px #384f7920}.app:not(.sidebar-collapsed) main{margin-left:70px}}.access{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:16px}.access-card{max-width:420px;text-align:center}.access-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#c7788322;color:#c77883}.access-card h1{font-family:Space Grotesk,sans-serif;font-size:20px;margin:16px 0 8px}.access-card p{margin:0;color:#69758a;line-height:1.5}.saved-diagrams{max-height:220px;overflow-y:auto}.saved-diagrams>p{margin:6px 12px 0;font-size:11px}.saved-diagrams ul{list-style:none;margin:6px 0 0;padding:0}.saved-diagrams li,.saved-diagrams form{display:flex;align-items:center;gap:2px}.saved-diagrams form{flex:1;min-width:0;padding:4px}.saved-diagrams input{flex:1;min-width:0;border:1px solid #e3e6ed;border-radius:6px;padding:6px 8px;font-size:11px}.saved-open{flex:1;min-width:0;border:0;justify-content:flex-start;text-align:left;padding:8px 6px;font-size:11px;font-weight:600;color:#303746}.saved-open>svg{flex-shrink:0}.saved-open:hover{background:#f4f6fb}.saved-open>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-open small{display:block;font-size:10px;color:#979eaa;font-weight:400;margin-top:2px}.saved-diagrams .icon-button{color:#929aaa}.saved-diagrams .icon-button.danger{color:#c77883}.flow-tabs{display:flex;align-items:flex-end;gap:2px;flex-shrink:0;padding:6px 12px 0;background:#f4f6fa;border-bottom:1px solid #e6e9ef;overflow-x:auto;scrollbar-width:thin}.flow-tab{display:flex;align-items:center;flex-shrink:0;max-width:220px;border:1px solid transparent;border-bottom:0;border-radius:7px 7px 0 0;color:#7c8598}.flow-tab:hover{background:#e8ebf2}.flow-tab.active{background:#f8f9fc;border-color:#e6e9ef;color:#303746;margin-bottom:-1px;padding-bottom:1px}.flow-tab>button:first-child{min-width:0;border:0;background:transparent;color:inherit;padding:8px 4px 8px 12px;font-size:11px;font-weight:600}.flow-tab>button:first-child>svg{flex-shrink:0;color:#5479de}.flow-tab>button:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-tab .icon-button{color:#a0a6b0;margin-right:6px;border-radius:4px}.flow-tab .icon-button:hover{background:#dfe3ec;color:#50596b}.flow-tab-new{align-self:center;color:#7c8598;margin-left:4px;border-radius:5px}.flow-tab-new:hover{background:#e3e7ef}