.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:#253146;font-synthesis:none;text-rendering:optimizelegibility;--ink:#253146;--muted:#7b8799;--line:#e4e9f0;--panel:#fff;--canvas:#f7f9fc;--blue:#2f6fe4;background:#f5f7fa;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}#root{position:fixed;inset:0}body{min-width:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{--theme-accent:#2b3340;background:#f5f7fa;flex-direction:column;width:100vw;height:100vh;min-height:680px;display:flex}.app-shell[data-theme=standard]{--canvas:#fff}.app-shell[data-theme=formal]{--theme-accent:#46505e;--canvas:#fafafa}.app-shell[data-theme=colorful]{--theme-accent:#2f5d8a;--canvas:#fbfcfe}.app-shell[data-theme=standard] .flow-node:not(.has-custom-stroke){--node-accent:#2b3340!important;--node-border:#2b3340!important}.app-shell[data-theme=formal] .flow-node:not(.has-custom-stroke){--node-accent:#4b5563!important;--node-border:#6b7280!important}.topbar{z-index:10;border-bottom:1px solid var(--line);background:#fffffff5;align-items:center;height:70px;padding:0 24px;display:flex;box-shadow:0 1px 10px #24334a09}.brand-block{flex:0 0 235px;align-items:center;gap:11px;width:235px;display:flex}.brand-mark{color:#fff;background:#2f6fe4;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 13px #2f6fe433}.brand-name{letter-spacing:-.02em;color:#24334c;font-family:Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:17px;font-weight:700}.brand-subtitle{color:#8b95a4;letter-spacing:.06em;margin-top:1px;font-size:10px}.project-title-wrap{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.project-title-wrap input{max-width:300px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;outline:0;padding:8px 10px;font-weight:600}.project-title-wrap input:hover,.project-title-wrap input:focus{background:#f6f8fb;border-color:#e1e7ef}.save-indicator{white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.save-saved{color:#2f8f72}.save-saving{color:#b27718}.save-unsaved{color:#c56656}.top-actions{align-items:center;gap:5px;display:flex}.icon-button,.primary-action,.secondary-action{color:#56647a;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 10px;transition:background .15s,color .15s,transform .15s;display:inline-flex}.icon-button:hover,.canvas-tool:hover,.round-button:hover{color:var(--blue);background:#eef4ff}.icon-button span{font-size:12px}.icon-button:active,.primary-action:active,.secondary-action:active{transform:translateY(1px)}.action-divider{background:var(--line);width:1px;height:20px;margin:0 6px}.primary-action{color:#fff;background:var(--blue);padding:0 13px;font-size:12px;font-weight:600;box-shadow:0 6px 12px #2f6fe429}.primary-action:hover{background:#245dcc}.secondary-action{color:#4e5c72;background:#f3f6fa;border:1px solid #e1e7ef;font-size:12px}.secondary-action:hover{color:#2f6fe4;background:#eaf1ff;border-color:#cddcfb}.export-menu{position:relative}.export-options{z-index:20;border:1px solid var(--line);background:#fff;border-radius:9px;min-width:128px;padding:6px;display:none;position:absolute;top:42px;right:0;box-shadow:0 12px 28px #21314924}.export-menu:hover .export-options,.export-menu.is-open .export-options{display:block}.export-options button{color:#526075;text-align:left;background:0 0;border-radius:6px;width:100%;padding:9px 10px;font-size:12px;display:block}.export-options button:hover{color:#2f6fe4;background:#f2f6ff}.workspace{flex:1;min-height:0;display:flex}.left-panel,.right-panel{z-index:5;background:var(--panel);flex-direction:column;flex:0 0 264px;width:264px;min-height:0;display:flex;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line);flex-basis:278px;width:278px}.panel-heading,.inspector-heading{justify-content:space-between;align-items:flex-start;padding:25px 20px 17px;display:flex}.eyebrow{color:#9ca6b4;letter-spacing:.13em;font-family:Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:9px;font-weight:700;display:block}h2{color:#2b3850;letter-spacing:-.02em;margin:6px 0 0;font-size:17px}.round-button{color:#8591a3;background:#f6f8fb;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.search-box{color:#a2adbb;background:#f6f8fb;border:1px solid #edf0f5;border-radius:8px;align-items:center;gap:8px;height:35px;margin:0 17px 15px;padding:0 10px;display:flex}.search-box:focus-within{color:var(--blue);background:#fff;border-color:#c9d9fa}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#a7b1c0}.palette-list{flex-direction:column;gap:4px;padding:0 12px;display:flex}.palette-item{color:#4f5d72;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:55px;padding:7px 8px;transition:background .15s,border .15s,transform .15s;display:flex}.palette-item:hover{background:#f6f9ff;border-color:#dce8fd;transform:translate(2px)}.palette-item:active{cursor:grabbing;transform:scale(.99)}.palette-shape{width:32px;height:32px;color:var(--shape-color);background:color-mix(in srgb, var(--shape-color) 10%, white);border:1px solid color-mix(in srgb, var(--shape-color) 28%, white);border-radius:8px;flex:0 0 32px;place-items:center;display:grid}.palette-item strong{font-size:12px;font-weight:600;display:block}.palette-item small{color:#9aa5b5;white-space:nowrap;margin-top:3px;font-size:10px;display:block}.palette-plus{color:#b5bfcb;margin-left:auto}.panel-section{border-top:1px solid #edf0f4;margin:17px 16px 0;padding-top:16px}.section-heading{color:#56647a;justify-content:space-between;align-items:center;padding:0 3px 10px;font-size:11px;font-weight:700;display:flex}.text-button{color:#5786d6;background:0 0;font-size:10px}.text-button:hover{color:#245dcc}.template-card{color:#4d5a70;text-align:left;background:#fafbfc;border:1px solid #edf0f4;border-radius:9px;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:8px;display:flex}.template-card:hover{background:#f7faff;border-color:#cfdcf4}.template-preview{color:#2f6fe4;background:#edf3ff;border-radius:8px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.template-preview-purple{color:#7557b8;background:#f1edfc}.template-card strong{font-size:11px;display:block}.template-card small{color:#9ca7b5;margin-top:3px;font-size:10px;display:block}.personal-section .section-heading small{color:#a0aab8;font-size:10px;font-weight:500}.personal-card{background:#fbfaff}.personal-card .template-preview{color:#7557b8;background:#f1edfc}.left-footer{color:#9ba6b5;background:#fbfcfd;border-top:1px solid #eff2f6;align-items:center;gap:6px;margin-top:auto;padding:17px 18px;font-size:10px;line-height:1.45;display:flex}.canvas-shell{background:var(--canvas);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.canvas-topline{color:#98a3b1;background:#fbfcfd;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.canvas-breadcrumb{align-items:center;gap:8px;font-size:11px;display:flex}.canvas-breadcrumb strong{color:#5d6b80;font-weight:600}.canvas-tools{align-items:center;gap:5px;display:flex}.canvas-tool{color:#8895a8;background:0 0;border-radius:7px;place-items:center;width:31px;height:29px;display:grid}.canvas-tool.active{color:var(--theme-accent);background:#edf3ff}.canvas-select{color:#8c97a7;white-space:nowrap;align-items:center;gap:5px;padding:0 4px;font-size:10px;display:inline-flex}.canvas-select select{color:#5c6b80;background:#fff;border:1px solid #e4e9f0;border-radius:6px;outline:0;max-width:92px;padding:5px 4px;font-size:10px}.flow-canvas{flex:1;min-height:0;position:relative}.react-flow{background:var(--canvas)}.react-flow__attribution{display:none}.react-flow__controls{border:1px solid #e1e7ef;border-radius:9px;overflow:hidden;box-shadow:0 5px 13px #2f3e5314;bottom:17px!important;left:17px!important}.react-flow__controls-button{background:#fff;border-bottom:1px solid #edf0f4;width:28px;height:28px}.react-flow__controls-button:hover{background:#f2f6ff}.react-flow__minimap{border:1px solid #e1e7ef;border-radius:9px;overflow:hidden;box-shadow:0 5px 13px #2f3e5314;bottom:17px!important;right:17px!important}.canvas-hint{color:#8190a5;background:#ffffffe6;border:1px solid #e7ecf2;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex;box-shadow:0 4px 12px #28384e0a;margin:14px!important}.status-dot{background:#4caf87;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4caf871f}.canvas-statusbar{color:#9aa5b4;background:#fbfcfd;border-top:1px solid #e9edf3;justify-content:space-between;align-items:center;height:31px;padding:0 18px;font-size:10px;display:flex}.canvas-statusbar span{align-items:center;gap:5px;display:inline-flex}.canvas-page-alert{color:#b67520}.canvas-page-alert button{color:#a76817;background:#fff5e5;border:1px solid #f0d6a8;border-radius:5px;padding:2px 6px;font-size:10px}.canvas-page-alert button:hover{color:#fff;background:#b67520}.page-frame{z-index:0;pointer-events:none;background:0 0;border:1px solid #cfd8e5;position:absolute;top:0;left:0;box-shadow:0 14px 30px #2c3f5917}.page-frame span{color:#a3adba;letter-spacing:.04em;font-size:10px;position:absolute;top:12px;left:16px}.page-frame-overflow{border-color:#dfaa67;box-shadow:0 14px 30px #bd7b2a1f}.page-frame-a4-landscape{width:1123px;height:794px}.page-frame-a4-portrait{width:794px;height:1123px}.flow-node{box-sizing:border-box;color:#1f2a3a;background:var(--node-fill,color-mix(in srgb, var(--node-accent) 7%, #fff));border:1.3px solid var(--node-border,var(--node-accent));border-radius:4px;justify-content:center;align-items:center;width:100%;min-width:200px;height:100%;min-height:54px;padding:11px 16px;transition:box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 2px #24324a14}.flow-node:before{display:none}.flow-node-start{border-radius:40px}.flow-node-start:before{display:none}.flow-node-decision{border-radius:4px}.flow-node-note{box-shadow:none;border-style:dashed}.flow-node.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--node-accent) 30%, transparent), 0 1px 3px #24324a1a}.node-icon{display:none}.node-copy{text-align:center;flex:auto;min-width:0}.node-kind{display:none}.node-label{color:#1f2a3a;font-size:var(--node-font-size,14px);text-align:var(--node-text-align,center);white-space:normal;overflow-wrap:anywhere;font-weight:600;line-height:1.4;display:block}.flow-handle{border:2px solid var(--node-accent);opacity:0;background:#fff;width:8px;height:8px;transition:opacity .15s}.flow-node:hover .flow-handle,.flow-node.is-selected .flow-handle{opacity:1}.node-toolbar{background:#253146;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 8px 16px #23314629}.node-add-group{align-items:center;gap:2px;display:flex;position:relative}.node-add-button,.node-more-button,.node-add-menu-button{color:#fff;background:0 0;border-radius:5px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:10px;display:inline-flex}.node-add-menu-button{justify-content:center;width:25px;padding:0}.node-add-button:hover,.node-more-button:hover,.node-add-menu-button:hover{background:#ffffff1f}.node-add-menu{z-index:30;background:#fff;border:1px solid #dfe6ef;border-radius:9px;grid-template-columns:repeat(2,minmax(92px,1fr));gap:3px;width:218px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 10px 24px #23314633}.node-add-menu-title{color:#8c98a8;grid-column:1/-1;padding:3px 5px 5px;font-size:10px}.node-add-menu button{color:#526077;text-align:left;background:#f7f9fc;border-radius:5px;padding:7px 6px;font-size:10px}.node-add-menu button:hover{color:#2f6fe4;background:#edf3ff}.node-add-menu-up{top:auto;bottom:calc(100% + 7px)}.node-add-menu-right{left:auto;right:0}.edge-label{color:#596981;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:all;background:#fff;border:1px solid #dfe6ef;border-radius:6px;width:max-content;max-width:200px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1.35;position:absolute;box-shadow:0 2px 5px #39496312}.edge-label.is-selected{color:#2f6fe4;border-color:#bed2fa}.brickflow-exporting .node-toolbar,.brickflow-exporting .flow-handle,.brickflow-exporting .react-flow__controls,.brickflow-exporting .react-flow__minimap,.brickflow-exporting .canvas-hint,.brickflow-exporting .react-flow__selection,.brickflow-exporting .react-flow__resize-control,.brickflow-exporting .page-frame{display:none!important}.brickflow-exporting .flow-node.is-selected{box-shadow:0 6px 15px #3c4e6814}.selection-tools{color:#65748a;background:#fffffff5;border:1px solid #dfe6ef;border-radius:9px;align-items:center;gap:4px;padding:5px;font-size:10px;display:flex;box-shadow:0 5px 13px #2f3e5314}.selection-tools span{padding:0 5px;font-weight:700}.selection-tools button{color:#5b6a80;background:0 0;border-radius:5px;padding:5px 7px;font-size:10px}.selection-tools button:hover{color:#2f6fe4;background:#edf3ff}.flow-node-decision{background:var(--node-fill,color-mix(in srgb, var(--node-accent) 10%, #fff));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 .8px var(--node-accent)) drop-shadow(0 1px 2px #24324a1f);border:0;border-radius:0;padding-inline:30px}.flow-node-decision:before{display:none}.flow-node-data{background:var(--node-fill,color-mix(in srgb, var(--node-accent) 7%, #fff));clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border-radius:2px;padding-inline:26px}.flow-node-data:before{display:none}.flow-node-document{background:var(--node-fill,color-mix(in srgb, var(--node-accent) 7%, #fff));clip-path:polygon(0 0,100% 0,100% 100%,14% 100%,0 calc(100% - 22px));border-radius:2px}.flow-node-document:before{display:none}.flow-node-subprocess{border-style:double;border-width:2.6px}.flow-node-reference{border-radius:50%}.template-modal{width:min(820px,100vw - 40px)}.modal-grid{grid-template-columns:repeat(4,1fr)}.inspector-content{padding:4px 20px 24px}.selected-object{background:#f7f9fc;border:1px solid #edf0f4;border-radius:10px;align-items:center;gap:10px;margin:3px 0 24px;padding:13px;display:flex}.selected-dot{border-radius:50%;flex:0 0 10px;width:10px;height:10px;box-shadow:0 0 0 4px #2f6fe417}.selected-object strong{color:#435169;font-size:12px;display:block}.selected-object small{color:#a0aab8;margin-top:3px;font-size:10px;display:block}.field-label{color:#778397;margin:18px 0;font-size:11px;font-weight:600;display:block}.field-label input,.field-label textarea,.field-label select{color:#37465d;background:#fff;border:1px solid #e1e7ef;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:10px 11px;font-size:12px;display:block}.field-label textarea{resize:vertical;min-height:82px;line-height:1.5}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{border-color:#a9c0f4;box-shadow:0 0 0 3px #eef4ff}.kind-display{color:#66748a;background:#f7f9fc;border:1px solid #edf0f4;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 11px;font-size:12px;font-weight:500;display:flex}.mini-shape{background:color-mix(in srgb, var(--shape-color) 18%, white);border:2px solid var(--shape-color);border-radius:4px;width:13px;height:13px}.style-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.style-field{color:#778397;justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.style-field input[type=color]{cursor:pointer;border:1px solid #e1e7ef;border-radius:6px;width:34px;height:28px;padding:2px}.style-field input[type=number],.style-field select{color:#53627a;background:#fff;border:1px solid #e1e7ef;border-radius:6px;width:82px;height:28px;padding:4px 6px;font-size:10px}.inspector-divider{background:#edf0f4;height:1px;margin:24px 0 17px}.inspector-add{color:#2f6fe4;background:#edf3ff;border:1px solid #d8e5ff;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;font-size:12px;font-weight:600;display:flex}.inspector-add:hover{background:#e3edff}.danger-button{color:#bf6e68;background:0 0;width:100%;margin-top:11px;padding:7px;font-size:11px}.danger-button:hover{color:#a3453d;background:#fff7f6;border-radius:7px}.inspector-help{color:#94a0ae;font-size:11px;line-height:1.65}.empty-inspector{text-align:center;flex-direction:column;align-items:center;padding:65px 32px;display:flex}.empty-icon{color:#7f9fda;background:#eef4ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:15px;display:grid}.empty-inspector strong{color:#526077;font-size:12px}.empty-inspector p{color:#a1aab7;margin:9px 0 20px;font-size:11px;line-height:1.65}.wide{width:100%}.inspector-inline-actions{gap:8px;margin-top:10px;display:flex}.inspector-inline-actions .secondary-action{flex:1;height:32px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202d4247;place-items:center;display:grid;position:fixed;inset:0}.template-modal{background:#fff;border:1px solid #e0e7f0;border-radius:16px;width:min(650px,100vw - 40px);padding:25px;box-shadow:0 24px 60px #20304938}.modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.modal-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.modal-template{text-align:left;background:#fafbfd;border:1px solid #e7ecf2;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:165px;padding:17px;display:flex}.modal-template:hover{background:#f5f9ff;border-color:#cddcf7;transform:translateY(-1px)}.modal-template-icon{color:#2f6fe4;background:#edf3ff;border-radius:13px;place-items:center;width:47px;height:47px;margin-bottom:22px;display:grid}.modal-template-icon.purple{color:#7557b8;background:#f1edfc}.modal-template-icon.amber{color:#c7811d;background:#fff4df}.modal-template strong{color:#3f4e65;font-size:12px}.modal-template small{color:#97a2b1;margin-top:6px;font-size:10px;line-height:1.45}.toast{z-index:80;color:#fff;background:#253146;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 10px 23px #212f4433}.toast svg{color:#67c19a}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.text-import-modal{background:#fff;border:1px solid #e0e7f0;border-radius:16px;flex-direction:column;width:min(960px,100vw - 40px);max-height:calc(100vh - 60px);padding:25px;display:flex;box-shadow:0 24px 60px #20304938}.text-import-body{flex:1;grid-template-columns:1fr 1fr;gap:18px;min-height:0;display:grid}.text-import-input{flex-direction:column;gap:12px;min-height:0;display:flex}.text-import-hint{color:#566278;background:#f3f6fb;border:1px solid #e3ecf6;border-radius:10px;align-items:flex-start;gap:8px;padding:11px 13px;font-size:11.5px;line-height:1.55;display:flex}.text-import-hint svg{color:#2f6fe4;flex:0 0 14px;margin-top:2px}.text-import-textarea{color:#29364e;resize:none;white-space:pre;background:#fafbfd;border:1px solid #e1e7ef;border-radius:10px;outline:none;flex:1;min-height:260px;padding:14px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.text-import-textarea:focus{background:#fff;border-color:#a9c0f4;box-shadow:0 0 0 3px #eef4ff}.text-import-toolbar{align-items:center;gap:12px;display:flex}.text-import-toolbar .text-button{color:#2f6fe4;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 2px;font-size:11px;font-weight:600;display:inline-flex}.text-import-toolbar .text-button:hover{color:#1d52c0}.text-import-toolbar .text-button-muted{color:#98a2b1}.text-import-summary{color:#8b95a4;margin-left:auto;font-size:10.5px}.text-import-preview{background:#fbfcfe;border:1px solid #edf0f4;border-radius:12px;flex-direction:column;gap:10px;min-height:0;display:flex}.text-import-preview-title{justify-content:space-between;align-items:baseline;padding:12px 14px 4px;display:flex}.text-import-preview-title span{color:#3f4e65;font-size:12px;font-weight:700}.text-import-preview-title small{color:#a0aab8;font-size:10px}.text-import-list{flex:1;min-height:0;padding:4px 12px 14px;overflow:auto}.preview-row{margin-left:calc(var(--row-indent,0) * 18px);border-radius:7px;align-items:center;gap:8px;padding:6px 4px;transition:background .12s;display:flex}.preview-row:hover{background:#f1f6ff}.preview-spine{opacity:.7;background:linear-gradient(#d6e0ee,#0000);border-radius:2px;width:2px;height:18px}.preview-row:first-child .preview-spine{visibility:hidden}.preview-kind{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.preview-dot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;flex:0 0 9px}.preview-select{color:#53627a;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:6px;width:56px;height:24px;padding:0 4px;font-size:10px}.preview-select:focus{border-color:#a9c0f4;outline:none;box-shadow:0 0 0 2px #eef4ff}.preview-branch{color:#c7811d;background:#fff4df;border-radius:10px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.preview-label{color:#3a4860;word-break:break-word;font-size:12px;line-height:1.4}.preview-empty{color:#a0aab8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:240px;padding:20px;display:flex}.preview-empty svg{color:#c4cdda}.preview-empty p{color:#6b7686;margin:4px 0 0;font-size:13px;font-weight:600}.preview-empty small{color:#9aa3b1;font-size:11px;line-height:1.6}.preview-empty .text-button{color:#2f6fe4;cursor:pointer;background:#edf3ff;border:1px solid #d6e4fb;border-radius:7px;margin-top:8px;padding:6px 14px;font-size:11px;font-weight:600}.preview-empty .text-button:hover{background:#e1edff}.text-import-footer{border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.text-import-tip{color:#9aa3b1;font-size:11px}.text-import-actions{gap:9px;display:flex}.text-import-actions .secondary-action{height:36px;padding:0 16px}.text-import-actions .primary-action{height:36px;padding:0 18px}.text-import-actions .primary-action:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.text-import-body{grid-template-columns:1fr}.text-import-textarea{min-height:180px}.text-import-list{max-height:240px}}@media (width<=700px){.top-actions .paste-trigger span{display:none}.top-actions .paste-trigger{width:32px;height:32px;padding:0}.text-import-modal{max-height:calc(100vh - 24px);padding:18px}.text-import-footer{flex-direction:column;align-items:stretch}.text-import-tip{text-align:center}.text-import-actions{justify-content:stretch}.text-import-actions .secondary-action,.text-import-actions .primary-action{flex:1}}@media (width<=1200px){.left-panel{flex-basis:230px;width:230px}.right-panel{flex-basis:242px;width:242px}.brand-block{flex-basis:200px;width:200px}.topbar{padding:0 14px}.icon-button span{display:none}}@media (width<=1000px){body{min-width:0}.left-panel{flex-basis:190px;width:190px}.right-panel{flex-basis:200px;width:200px}.project-title-wrap{min-width:0}.project-title-wrap input{max-width:190px}.topbar{padding:0 10px}.canvas-breadcrumb{display:none}.canvas-tools{margin-left:auto}}@media (width<=900px){.modal-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){body{min-width:0}.app-shell{min-height:0}.topbar{height:58px;padding:0 10px}.brand-block{flex-basis:auto;width:auto}.brand-mark{width:30px;height:30px}.brand-name{font-size:14px}.project-title-wrap{min-width:0;margin-left:9px}.project-title-wrap input{min-width:0;max-width:140px;padding:6px 5px;font-size:11px}.save-indicator{display:none}.top-actions{margin-left:auto}.top-actions .icon-button,.top-actions .primary-action,.top-actions .action-divider{display:none}.top-actions>.icon-button:nth-of-type(4),.top-actions>.icon-button:nth-of-type(5){width:30px;padding:0;display:inline-flex}.secondary-action{height:32px;padding:0 8px}.left-panel,.right-panel{display:none}.canvas-topline{height:39px;padding:0 10px}.canvas-breadcrumb{white-space:nowrap;max-width:62%;overflow:hidden}.canvas-breadcrumb strong{text-overflow:ellipsis;overflow:hidden}.canvas-select,.canvas-tools .canvas-tool:nth-child(3),.canvas-hint{display:none}.canvas-statusbar{height:27px;padding:0 10px}.canvas-statusbar span:first-child{display:none}.canvas-statusbar span{font-size:9px}}.swimlane-pool{z-index:0;pointer-events:none;background:#fff;border:1.5px solid #b8c0cc;border-radius:2px;position:absolute;top:0;left:0}.swimlane-lane{border-right:1px dashed #d6dbe2;height:100%;position:absolute;top:0}.swimlane-lane.is-alt{background:#f7f8fa}.swimlane-lane:last-of-type{border-right:0}.swimlane-header{color:#2b3340;pointer-events:auto;text-align:center;cursor:default;background:#eef1f5;border-bottom:1.5px solid #b8c0cc;justify-content:center;align-items:center;gap:6px;height:56px;padding:0 8px;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.swimlane-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swimlane-header-input{color:#2b3340;text-align:center;background:#fff;border:1px solid #b9c4d0;border-radius:4px;width:70%;padding:3px 6px;font-size:12px;font-weight:600}.swimlane-header-input:focus{border-color:#2b3340;outline:none;box-shadow:0 0 0 2px #2b33401f}.swimlane-close{color:#8a94a3;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:3px;place-items:center;width:16px;height:16px;padding:0;transition:opacity .12s;display:grid;position:absolute;top:4px;right:4px}.swimlane-header:hover .swimlane-close{opacity:1}.swimlane-close:hover{color:#b3483f;background:#fdecea}.swimlane-add{color:#5b6878;pointer-events:auto;cursor:pointer;background:#fff;border:1px dashed #b8c0cc;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:14px}.swimlane-add:hover{color:#2b3340;border-style:solid;border-color:#2b3340}.app-shell[data-inspector-hidden=true] .right-panel{display:none}.inspector-reopen{z-index:40;color:#2f5d8a;cursor:pointer;background:#fffffff5;border:1px solid #d6e0ec;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;top:82px;right:16px;box-shadow:0 6px 16px #24324a24}.inspector-reopen:hover{background:#f2f6ff;border-color:#b9cdf0}.inspector-reopen span{font-size:11px}.app-shell[data-pan=true] .react-flow__pane{cursor:grab}.app-shell[data-pan=true] .react-flow__pane:active{cursor:grabbing}.helper-line{z-index:7;pointer-events:none;opacity:.85;background:#2f8fe4;position:absolute;box-shadow:0 0 0 .5px #2f8fe440}.helper-line-vertical{width:1px}.helper-line-horizontal{height:1px}.context-menu{z-index:90;background:#fff;border:1px solid #e2e8f1;border-radius:11px;min-width:168px;max-width:220px;padding:5px;animation:.1s ease-out context-menu-in;position:fixed;box-shadow:0 14px 38px #20304938,0 2px 6px #20304914}.context-menu-group{flex-direction:column;display:flex}.context-menu-divider{background:#eef1f5;height:1px;margin:5px 6px}.context-menu-item{color:#3a4860;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 9px;font-size:12.5px;display:flex}.context-menu-item:hover:not(:disabled){color:#1f2c44;background:#f2f6ff}.context-menu-item:disabled{opacity:.42;cursor:not-allowed}.context-menu-item.is-danger{color:#d24b4b}.context-menu-item.is-danger:hover:not(:disabled){color:#b53838;background:#fff0f0}.context-menu-item.is-active{color:#2f6fe4;font-weight:600}.context-menu-icon{color:#8090a6;flex:0 0 16px;place-items:center;width:16px;display:grid}.context-menu-item.is-danger .context-menu-icon{color:#e08080}.context-menu-item.is-active .context-menu-icon{color:#2f6fe4}.context-menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.context-menu-tick{color:#2f6fe4;flex:0 0 14px;place-items:center;width:14px;display:grid}@keyframes context-menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.context-menu{min-width:180px}.context-menu-item{padding:11px 9px;font-size:13.5px}}.node-inline-input{box-sizing:border-box;color:#29364e;width:100%;font-family:inherit;font-size:var(--node-font-size,14px);text-align:var(--node-text-align,left);resize:none;background:0 0;border:0;border-radius:3px;outline:0;margin-top:4px;padding:0;font-weight:700;line-height:1.35;display:block;overflow:hidden}.node-inline-input::selection{background:color-mix(in srgb, var(--node-accent) 26%, transparent)}.flow-node.is-editing{box-shadow:0 0 0 3px color-mix(in srgb, var(--node-accent) 34%, transparent), 0 9px 18px #30415b24}.node-quick-adds{pointer-events:none;position:absolute;inset:0}.node-quick-add{z-index:12;color:#fff;background:var(--node-accent,#2f6fe4);opacity:0;transform-origin:50%;pointer-events:none;border:2px solid #fff;border-radius:50%;place-items:center;width:21px;height:21px;padding:0;transition:opacity .13s,transform .13s;display:grid;position:absolute;box-shadow:0 3px 8px #25314642}.react-flow__node:hover .node-quick-add,.react-flow__node.selected .node-quick-add{opacity:.92;pointer-events:auto}.node-quick-add:hover{opacity:1;transform:scale(1.18)}.node-quick-add-top{top:-27px;left:50%;transform:translate(-50%)}.node-quick-add-top:hover{transform:translate(-50%)scale(1.18)}.node-quick-add-bottom{bottom:-27px;left:50%;transform:translate(-50%)}.node-quick-add-bottom:hover{transform:translate(-50%)scale(1.18)}.node-quick-add-left{top:50%;left:-27px;transform:translateY(-50%)}.node-quick-add-left:hover{transform:translateY(-50%)scale(1.18)}.node-quick-add-right{top:50%;right:-27px;transform:translateY(-50%)}.node-quick-add-right:hover{transform:translateY(-50%)scale(1.18)}.brickflow-exporting .node-quick-adds{display:none!important}@media (width<=700px){.node-quick-add{width:26px;height:26px}}.node-quick-add.is-active{transform:translate(-50%)scale(1.18);opacity:1!important}.node-quick-add-top.is-active{transform:translate(-50%)scale(1.18)}.node-quick-add-left.is-active,.node-quick-add-right.is-active{transform:translateY(-50%)scale(1.18)}.kind-picker{z-index:16;pointer-events:auto;background:#fff;border:1px solid #e2e8f1;border-radius:11px;padding:7px;animation:.12s ease-out kind-picker-in;position:absolute;box-shadow:0 12px 30px #20304933}.kind-picker-title{color:#98a2b1;margin-bottom:5px;padding:0 4px;font-size:10px;font-weight:600;display:block}.kind-picker-grid{grid-template-columns:repeat(2,minmax(74px,1fr));gap:3px;display:grid}.kind-picker-item{color:#3a4860;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:11.5px;display:flex}.kind-picker-item:hover{color:#1f2c44;background:#f2f6ff}.kind-picker-dot{width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, currentColor 12%, transparent);border-radius:50%;flex:0 0 9px}.kind-picker-bottom{top:calc(100% + 38px);left:50%;transform:translate(-50%)}.kind-picker-top{bottom:calc(100% + 38px);left:50%;transform:translate(-50%)}.kind-picker-left{top:50%;right:calc(100% + 38px);transform:translateY(-50%)}.kind-picker-right{top:50%;left:calc(100% + 38px);transform:translateY(-50%)}@keyframes kind-picker-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=700px){.kind-picker-grid{grid-template-columns:1fr}}@media print{body{min-width:0;overflow:visible}.topbar,.left-panel,.right-panel,.canvas-topline,.canvas-statusbar,.react-flow__controls,.react-flow__minimap,.canvas-hint{display:none!important}.app-shell,.workspace,.canvas-shell,.flow-canvas{height:auto;min-height:0;display:block;overflow:visible}.flow-canvas{width:100vw;height:100vh}.react-flow__viewport{transform:none!important}.react-flow__pane{background:#fff!important}.react-flow__background{display:none}.flow-node{box-shadow:none}.toast{display:none}}