mirror of
https://gitee.com/270580156/weiyu.git
synced 2026-05-15 11:47:54 +00:00
2 lines
47 KiB
CSS
2 lines
47 KiB
CSS
@charset "UTF-8";html{height:100vh}body{overflow:hidden;margin:0;height:100%}body,#root{height:100%}.App{height:100%;width:100%}.ant-app,.ant-layout{height:100%}.ant-layout-sider{overflow:auto}.ant-layout-footer{padding:0}.ant-tabs,.ant-tabs-content,.ant-tabs-tabpane{height:100%}.ant-pro-form-login-container{-webkit-app-region:drag;padding-top:40px}.ant-pro-form-login-top{height:80px}.ant-pro-form-server-container{-webkit-app-region:drag}.ant-pro-form-login-main,.ant-pro-form-server-main{-webkit-app-region:no-drag}.ant-layout-header,.ant-menu{-webkit-app-region:drag}.ant-menu-item,.ant-menu-submenu,.ant-btn{-webkit-app-region:no-drag}.ant-pro-layout .ant-pro-layout-content{padding-block:0;padding-inline:0}.footerLeftButton{margin-left:10px;cursor:pointer}.footerLeftButton:hover{background-color:bisque}.footerRightButton{float:right;margin-right:30px;cursor:pointer}.Popup.active .Popup-dialog{width:350px}.profile-container{margin-left:20px;overflow-y:auto;height:100vh}.ant-layout{height:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-secondary)}.ant-pro-layout{padding-block:0!important;padding-inline:0!important}.ant-pro-layout-container{height:100%}.ant-layout .ant-layout-header{background-color:var(--background-color);padding:0 24px;height:var(--header-height);line-height:var(--header-height);border-bottom:1px solid var(--border-color)}.ant-layout .ant-layout-header h1{margin:0;font-size:20px;font-weight:500;color:var(--text-color)}.header-content{display:flex;justify-content:space-between;align-items:center}.ant-layout .ant-layout-content{padding:0;gap:var(--spacing-base);flex:1;margin:0!important}.main-layout{flex:1;display:flex;flex-direction:column;min-height:0}.main-content{flex:1;display:flex;gap:var(--spacing-base);padding:10px;min-height:0}.left-panel,.center-panel,.right-panel{overflow:auto;background:var(--background-color);border-radius:4px}.left-panel{width:240px;flex-shrink:0}.center-panel{flex:1}.right-panel{width:300px;flex-shrink:0}.form-item-wrapper{padding:8px;margin-bottom:8px;background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a}.form-item-wrapper:hover{box-shadow:0 2px 8px #00000026}.canvas-area{flex:1;background-color:#fff;border-radius:var(--border-radius-base);padding:var(--spacing-base);overflow-y:auto;order:2}.component-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-small)}.component-item{display:flex;align-items:center;gap:var(--spacing-mini);padding:var(--spacing-small);border:1px solid #f0f0f0;border-radius:var(--border-radius-base);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.component-item:hover{border-color:var(--primary-color);color:var(--primary-color)}.component-panel{order:1}.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: rgb(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: rgb(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: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--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, var(--xy-background-color-props, 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}.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__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__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-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__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:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));transform: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))}.djs-parent{--color-grey-225-10-15: hsl(225, 10%, 15%);--color-grey-225-10-35: hsl(225, 10%, 35%);--color-grey-225-10-55: hsl(225, 10%, 55%);--color-grey-225-10-75: hsl(225, 10%, 75%);--color-grey-225-10-80: hsl(225, 10%, 80%);--color-grey-225-10-85: hsl(225, 10%, 85%);--color-grey-225-10-90: hsl(225, 10%, 90%);--color-grey-225-10-95: hsl(225, 10%, 95%);--color-grey-225-10-97: hsl(225, 10%, 97%);--color-blue-205-100-45: hsl(205, 100%, 45%);--color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);--color-blue-205-100-50: hsl(205, 100%, 50%);--color-blue-205-100-50-opacity-15: hsla(205, 100%, 50%, 15%);--color-blue-205-100-70: hsl(205, 100%, 75%);--color-blue-205-100-95: hsl(205, 100%, 95%);--color-green-150-86-44: hsl(150, 86%, 44%);--color-red-360-100-40: hsl(360, 100%, 40%);--color-red-360-100-45: hsl(360, 100%, 45%);--color-red-360-100-92: hsl(360, 100%, 92%);--color-red-360-100-97: hsl(360, 100%, 97%);--color-white: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 0%);--color-black-opacity-10: hsla(0, 0%, 0%, 10%);--color-black-opacity-30: hsla(0, 0%, 0%, 30%);--canvas-fill-color: var(--color-white);--bendpoint-fill-color: var(--color-blue-205-100-45);--bendpoint-stroke-color: var(--canvas-fill-color);--context-pad-entry-background-color: var(--color-white);--context-pad-entry-hover-background-color: var(--color-grey-225-10-95);--element-dragger-color: var(--color-blue-205-100-50);--element-hover-outline-fill-color: var(--color-blue-205-100-45);--element-selected-outline-stroke-color: var(--color-blue-205-100-50);--element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70);--lasso-fill-color: var(--color-blue-205-100-50-opacity-15);--lasso-stroke-color: var(--element-selected-outline-stroke-color);--palette-entry-color: var(--color-grey-225-10-15);--palette-entry-hover-color: var(--color-blue-205-100-45);--palette-entry-selected-color: var(--color-blue-205-100-50);--palette-separator-color: var(--color-grey-225-10-75);--palette-toggle-hover-background-color: var(--color-grey-225-10-55);--palette-background-color: var(--color-grey-225-10-97);--palette-border-color: var(--color-grey-225-10-75);--popup-font-family: "IBM Plex Sans", sans-serif;--popup-font-size: 14px;--popup-header-entry-selected-color: var(--color-blue-205-100-50);--popup-header-font-weight: bolder;--popup-header-group-divider-color: var(--color-grey-225-10-75);--popup-background-color: var(--color-white);--popup-border-color: transparent;--popup-shadow-color: var(--color-black-opacity-30);--popup-description-color: var(--color-grey-225-10-55);--popup-no-results-color: var(--color-grey-225-10-55);--popup-entry-title-color: var(--color-grey-225-10-55);--popup-entry-hover-color: var(--color-grey-225-10-95);--popup-search-border-color: var(--color-grey-225-10-75);--popup-search-focus-border-color: var(--color-blue-205-100-50);--popup-search-focus-background-color: var(--color-blue-205-100-95);--resizer-fill-color: var(--color-blue-205-100-45);--resizer-stroke-color: var(--canvas-fill-color);--search-font-family: "IBM Plex Sans", sans-serif;--search-font-size: 14px;--search-container-background-color: var(--color-white);--search-shadow-color: var(--color-black-opacity-30);--search-input-border-color: var(--color-grey-225-10-75);--search-input-focus-border-color: var(--color-blue-205-100-50);--search-input-focus-background-color: var(--color-blue-205-100-95);--search-result-hover-background-color: var(--color-grey-225-10-95);--search-result-secondary-color: var(--color-grey-225-10-55);--search-preselected-background-color: var(--color-blue-205-100-50-opacity-15);--shape-attach-allowed-stroke-color: var(--color-blue-205-100-50);--shape-connect-allowed-fill-color: var(--color-grey-225-10-97);--shape-drop-allowed-fill-color: var(--color-grey-225-10-97);--shape-drop-not-allowed-fill-color: var(--color-red-360-100-97);--shape-resize-preview-stroke-color: var(--color-blue-205-100-50);--snap-line-stroke-color: var(--color-blue-205-100-45-opacity-30);--space-tool-crosshair-stroke-color: var(--color-black);--tooltip-error-background-color: var(--color-red-360-100-97);--tooltip-error-border-color: var(--color-red-360-100-45);--tooltip-error-color: var(--color-red-360-100-45)}.djs-container svg.drop-not-ok{background:var(--shape-drop-not-allowed-fill-color)!important}.djs-container svg.new-parent{background:var(--shape-drop-allowed-fill-color)!important}.djs-outline,.djs-selection-outline{fill:none;shape-rendering:geometricPrecision;stroke-width:2px}.djs-outline{visibility:hidden}.djs-selection-outline{stroke:var(--element-selected-outline-stroke-color)}.djs-element.selected .djs-outline{visibility:visible;stroke:var(--element-selected-outline-stroke-color)}.djs-connection.selected .djs-outline{display:none}.djs-multi-select .djs-element.selected .djs-outline{stroke:var(--element-selected-outline-secondary-stroke-color);display:block}.djs-shape.connect-ok .djs-visual>:nth-child(1){fill:var(--shape-connect-allowed-fill-color)!important}.djs-shape.connect-not-ok .djs-visual>:nth-child(1),.djs-shape.drop-not-ok .djs-visual>:nth-child(1){fill:var(--shape-drop-not-allowed-fill-color)!important}.djs-shape.new-parent .djs-visual>:nth-child(1){fill:var(--shape-drop-allowed-fill-color)!important}.drop-not-ok,.connect-not-ok,.drop-not-ok *,.connect-not-ok *{cursor:not-allowed!important}.drop-ok,.connect-ok,.drop-ok *,.connect-ok *{cursor:default!important}.djs-element.attach-ok .djs-visual>:nth-child(1){stroke-width:5px!important;stroke:var(--shape-attach-allowed-stroke-color)!important}.djs-frame.connect-not-ok .djs-visual>:nth-child(1),.djs-frame.drop-not-ok .djs-visual>:nth-child(1){stroke-width:3px!important;stroke:var(--shape-drop-not-allowed-fill-color)!important;fill:none!important}.djs-lasso-overlay{fill:var(--lasso-fill-color);stroke:var(--lasso-stroke-color);stroke-width:2px;shape-rendering:geometricPrecision;pointer-events:none}.djs-resize-overlay{fill:none;stroke-dasharray:5 1 3 1;stroke:var(--shape-resize-preview-stroke-color);pointer-events:none}.djs-resizer-hit{fill:none;pointer-events:all}.djs-resizer-visual{fill:var(--resizer-fill-color);stroke-width:1px;stroke:var(--resizer-stroke-color);shape-rendering:geometricPrecision}.djs-resizer:hover .djs-resizer-visual{stroke:var(--resizer-stroke-color);stroke-opacity:1}.djs-cursor-resize-ns,.djs-resizer-n,.djs-resizer-s{cursor:ns-resize}.djs-cursor-resize-ew,.djs-resizer-e,.djs-resizer-w{cursor:ew-resize}.djs-cursor-resize-nwse,.djs-resizer-nw,.djs-resizer-se{cursor:nwse-resize}.djs-cursor-resize-nesw,.djs-resizer-ne,.djs-resizer-sw{cursor:nesw-resize}.djs-shape.djs-resizing>.djs-outline{visibility:hidden!important}.djs-shape.djs-resizing>.djs-resizer{visibility:hidden}.djs-dragger>.djs-resizer{visibility:hidden}.djs-dragger *{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragger tspan,.djs-dragger text{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker circle,.djs-dragger marker path,.djs-dragger marker polygon,.djs-dragger marker polyline,.djs-dragger marker rect{fill:var(--element-dragger-color)!important;stroke:none!important}.djs-dragger marker text,.djs-dragger marker tspan{fill:none!important;stroke:var(--element-dragger-color)!important}.djs-dragging,.djs-dragging>*{opacity:.3!important;pointer-events:none!important}.djs-visual,.djs-outline{pointer-events:none}.djs-element.attach-ok .djs-hit{stroke-width:60px!important}.djs-element>.djs-hit-all,.djs-element>.djs-hit-no-move{pointer-events:all}.djs-element>.djs-hit-stroke,.djs-element>.djs-hit-click-stroke{pointer-events:stroke}.djs-connection .djs-visual{stroke-width:2px;fill:none}.djs-cursor-grab{cursor:grab}.djs-cursor-grabbing{cursor:grabbing}.djs-cursor-crosshair{cursor:crosshair}.djs-cursor-move{cursor:move}.djs-cursor-resize-ns{cursor:ns-resize}.djs-cursor-resize-ew{cursor:ew-resize}.djs-snap-line{stroke:var(--snap-line-stroke-color);stroke-linecap:round;stroke-width:2px;pointer-events:none}.djs-crosshair{stroke:var(--space-tool-crosshair-stroke-color);stroke-linecap:round;stroke-width:1px;pointer-events:none;shape-rendering:geometricPrecision;stroke-dasharray:5,5}.djs-palette{position:absolute;left:20px;top:20px;box-sizing:border-box;width:48px}.djs-palette .separator{margin:5px;padding-top:5px;border:none;border-bottom:solid 1px var(--palette-separator-color);clear:both}.djs-palette .entry:before{vertical-align:initial}.djs-palette .djs-palette-toggle{cursor:pointer}.djs-palette .entry,.djs-palette .djs-palette-toggle{color:var(--palette-entry-color);font-size:30px;text-align:center}.djs-palette .entry{float:left}.djs-palette .entry img{max-width:100%}.djs-palette .djs-palette-entries:after{content:"";display:table;clear:both}.djs-palette .djs-palette-toggle:hover{background:var(--palette-toggle-hover-background-color)}.djs-palette .entry:hover{color:var(--palette-entry-hover-color)}.djs-palette .highlighted-entry{color:var(--palette-entry-selected-color)!important}.djs-palette .entry,.djs-palette .djs-palette-toggle{width:46px;height:46px;line-height:46px;cursor:default}.djs-palette.two-column.open{width:94px}.djs-palette:not(.open) .djs-palette-entries{display:none}.djs-palette:not(.open){overflow:hidden}.djs-palette.open .djs-palette-toggle{display:none}.djs-context-pad{position:absolute;display:none;pointer-events:none;line-height:1;width:72px;z-index:100}.djs-context-pad .entry{width:22px;height:22px;text-align:center;display:inline-block;font-size:22px;margin:0 2px 2px 0;border-radius:3px;cursor:default;background-color:var(--context-pad-entry-background-color);box-shadow:0 0 2px 1px var(--context-pad-entry-background-color);pointer-events:all;vertical-align:middle}.djs-context-pad .entry:hover{background:var(--context-pad-entry-hover-background-color)}.djs-context-pad.open{display:block}.djs-popup{line-height:1;box-sizing:border-box;width:-moz-min-content;width:min-content;background:var(--popup-background-color);overflow:hidden;position:fixed;z-index:200;box-shadow:0 2px 6px var(--popup-shadow-color);border:solid 1px var(--popup-border-color);min-width:120px;outline:none;font-size:var(--popup-font-size);font-family:var(--popup-font-family)}.djs-popup-search input{width:100%;box-sizing:border-box;font-size:var(--popup-font-size);padding:3px 6px 3px 28px;border-radius:2px;border:solid 1px var(--popup-search-border-color);line-height:21px}.djs-popup-search input:focus{background-color:var(--popup-search-focus-background-color);border:solid 1px var(--popup-search-focus-border-color);outline:none}.djs-popup-header{display:flex;align-items:stretch;line-height:20px;margin:10px 12px}.djs-popup-header .entry{border-radius:2px}.djs-popup button.entry{padding:0;background:transparent;border:0}.djs-popup-header .entry.active{color:var(--popup-header-entry-selected-color)}.djs-popup-header .entry.disabled{color:inherit}.djs-popup-header-group{display:flex;flex-direction:row;align-items:center;list-style:none;margin:0;padding:0}.djs-popup-header-group .entry{display:flex;flex-direction:row;align-items:center}.djs-popup-header-group+.djs-popup-header-group:before{content:"";width:1px;height:20px;background:var(--popup-header-group-divider-color);margin:0 5px}.djs-popup-search{position:relative;width:auto;margin:10px 12px}.djs-popup-title{font-size:var(--popup-font-size);font-weight:var(--popup-header-font-weight);flex:1;margin:0}.djs-popup-search-icon{position:absolute;left:8px;top:7px}.djs-popup-results{margin:7px 3px 7px 12px;list-style:none;max-height:280px;overflow:auto;padding-right:9px}.djs-popup-group{margin:0;padding:0;width:100%}.djs-popup-body .entry,.djs-popup-body .entry-header{padding:5px 7px;cursor:default;border-radius:4px}.djs-popup-body .entry-header{font-weight:var(--popup-header-font-weight);color:var(--popup-entry-title-color);padding-left:0}.djs-popup [class*=icon] .djs-popup-label,.djs-popup-label:not(:first-child){margin-left:.5em}.djs-popup [class*=icon]:before,.djs-popup-entry-icon{width:1em;height:1em;display:inline-block;font-size:1.4em;vertical-align:middle}.djs-popup-body .entry-header:not(:first-child){margin-top:8px;margin-bottom:2px}.djs-popup-body .entry{display:flex;flex-direction:row;align-items:stretch;height:-moz-min-content;height:min-content}.djs-popup .entry.selected{background-color:var(--popup-entry-hover-color)}.djs-popup-body .entry:not(:first-child){margin-top:2px}.djs-popup-entry-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.djs-popup-entry-description{color:var(--popup-description-color)}.djs-popup-label,.djs-popup-entry-description{line-height:1.4em}.djs-popup .entry,.djs-popup .entry-header{margin:1px}.djs-popup-title,.djs-popup-label,.djs-popup-entry-description,.djs-popup .entry-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djs-popup-entry-name{display:flex}.djs-popup-body{flex-direction:column;width:auto}.djs-popup *::-webkit-scrollbar{width:6px}.djs-popup *::-webkit-scrollbar-thumb{border-radius:3px;background-color:#0003}.djs-popup *::-webkit-scrollbar-track{box-shadow:none;background:transparent;margin:0;padding:5px}.djs-popup-no-results{padding:0 12px 12px;color:var(--popup-no-results-color)}.djs-popup-entry-docs{flex:0;flex-direction:row;align-items:center;padding-left:5px;display:none}.djs-popup-body .entry:hover .djs-popup-entry-docs{display:flex}.djs-popup-entry-docs svg{vertical-align:middle;margin:auto 2px auto 5px}.djs-palette{background:var(--palette-background-color);border:solid 1px var(--palette-border-color);border-radius:2px}.djs-segment-dragger,.djs-bendpoint{display:none}.djs-segment-dragger .djs-visual{display:none;fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px;stroke-opacity:1}.djs-segment-dragger:hover .djs-visual{display:block}.djs-bendpoint .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-width:1px}.djs-segment-dragger:hover,.djs-bendpoints.hover .djs-segment-dragger,.djs-bendpoints.selected .djs-segment-dragger,.djs-bendpoint:hover,.djs-bendpoints.hover .djs-bendpoint,.djs-bendpoints.selected .djs-bendpoint{display:block}.djs-drag-active .djs-bendpoints *{display:none}.djs-bendpoints:not(.hover) .floating{display:none}.djs-segment-dragger:hover .djs-visual,.djs-segment-dragger.djs-dragging .djs-visual,.djs-bendpoint:hover .djs-visual,.djs-bendpoint.floating .djs-visual{fill:var(--bendpoint-fill-color);stroke:var(--bendpoint-stroke-color);stroke-opacity:1}.djs-bendpoint.floating .djs-hit{pointer-events:none}.djs-segment-dragger .djs-hit,.djs-bendpoint .djs-hit{fill:none;pointer-events:all}.djs-segment-dragger.horizontal .djs-hit{cursor:ns-resize}.djs-segment-dragger.vertical .djs-hit{cursor:ew-resize}.djs-segment-dragger.djs-dragging .djs-hit{pointer-events:none}.djs-updating,.djs-updating>*{pointer-events:none!important}.djs-updating .djs-context-pad,.djs-updating .djs-outline,.djs-updating .djs-bendpoint,.djs-multi-select .djs-bendpoint,.djs-multi-select .djs-segment-dragger,.connect-ok .djs-bendpoint,.connect-not-ok .djs-bendpoint,.drop-ok .djs-bendpoint,.drop-not-ok .djs-bendpoint{display:none!important}.djs-segment-dragger.djs-dragging,.djs-bendpoint.djs-dragging{display:block;opacity:1}.djs-tooltip-error{width:160px;padding:6px;background:var(--tooltip-error-background-color);border:solid 1px var(--tooltip-error-border-color);border-radius:2px;color:var(--tooltip-error-color);font-size:12px;line-height:16px;opacity:.75}.djs-tooltip-error:hover{opacity:1}.djs-search-open .djs-context-pad{display:none}.djs-search-open .djs-connection.selected .djs-outline{display:block}.djs-search-container{position:absolute;top:20px;left:0;right:0;margin-left:auto;margin-right:auto;width:25%;min-width:300px;max-width:400px;z-index:10;font-family:var(--search-font-family);font-size:var(--search-font-size);border-radius:2px;box-shadow:0 2px 6px var(--search-shadow-color)}.djs-search-container:not(.open){display:none}.djs-search-input{position:relative}.djs-search-input svg{position:absolute;left:8px;top:7px}.djs-search-input input{font-size:var(--search-font-size);width:100%;padding:3px 6px 3px 28px;border:1px solid var(--search-input-border-color);border-radius:2px;box-sizing:border-box;line-height:21px}.djs-search-input input:focus{background-color:var(--search-input-focus-background-color);border:solid 1px var(--search-input-focus-border-color);outline:none}.djs-search-results{position:relative;overflow-y:auto;max-height:200px;background:var(--search-container-background-color)}.djs-search-result{padding:6px 8px}.djs-search-result-primary{margin:0 0 3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.djs-search-result-secondary{font-family:monospace;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--search-result-secondary-color)}.djs-search-result:hover,.djs-search-result-selected,.djs-search-result-selected:hover{background:var(--search-result-hover-background-color)}.djs-search-open .djs-element .djs-outline{fill:var(--search-preselected-background-color)!important}.djs-element-hidden,.djs-element-hidden .djs-hit,.djs-element-hidden .djs-outline,.djs-label-hidden .djs-label{display:none!important}.djs-element .djs-hit-stroke,.djs-element .djs-hit-click-stroke,.djs-element .djs-hit-all{cursor:move}@font-face{font-family:bpmn;src:url(/agenticflow/assets/bpmn-GG2Gc6GC.eot?21877404);src:url(/agenticflow/assets/bpmn-GG2Gc6GC.eot?21877404#iefix) format("embedded-opentype"),url(/agenticflow/assets/bpmn-sIjfRMkI.woff2?21877404) format("woff2"),url(/agenticflow/assets/bpmn-CCmvRa3L.woff?21877404) format("woff"),url(/agenticflow/assets/bpmn-BXGSTQk_.ttf?21877404) format("truetype"),url(/agenticflow/assets/bpmn-CfAG4AR5.svg?21877404#bpmn) format("svg");font-weight:400;font-style:normal}[class^=bpmn-icon-]:before,[class*=" bpmn-icon-"]:before{font-family:bpmn;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bpmn-icon-trash:before{content:""}.bpmn-icon-gateway-parallel:before{content:""}.bpmn-icon-intermediate-event-catch-cancel:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-message:before{content:""}.bpmn-icon-start-event-compensation:before{content:""}.bpmn-icon-start-event-non-interrupting-parallel-multiple:before{content:""}.bpmn-icon-loop-marker:before{content:""}.bpmn-icon-parallel-mi-marker:before{content:""}.bpmn-icon-start-event-non-interrupting-signal:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before{content:""}.bpmn-icon-intermediate-event-catch-parallel-multiple:before{content:""}.bpmn-icon-intermediate-event-catch-compensation:before{content:""}.bpmn-icon-gateway-xor:before{content:""}.bpmn-icon-end-event-cancel:before{content:""}.bpmn-icon-intermediate-event-catch-condition:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before{content:""}.bpmn-icon-start-event-condition:before{content:""}.bpmn-icon-start-event-non-interrupting-timer:before{content:""}.bpmn-icon-sequential-mi-marker:before{content:""}.bpmn-icon-user-task:before{content:""}.bpmn-icon-business-rule:before{content:""}.bpmn-icon-sub-process-marker:before{content:""}.bpmn-icon-start-event-parallel-multiple:before{content:""}.bpmn-icon-start-event-error:before{content:""}.bpmn-icon-intermediate-event-catch-signal:before{content:""}.bpmn-icon-intermediate-event-catch-error:before{content:""}.bpmn-icon-end-event-compensation:before{content:""}.bpmn-icon-subprocess-collapsed:before{content:""}.bpmn-icon-subprocess-expanded:before{content:""}.bpmn-icon-task:before{content:""}.bpmn-icon-end-event-error:before{content:""}.bpmn-icon-intermediate-event-catch-escalation:before{content:""}.bpmn-icon-intermediate-event-catch-timer:before{content:""}.bpmn-icon-start-event-escalation:before{content:""}.bpmn-icon-start-event-signal:before{content:""}.bpmn-icon-business-rule-task:before{content:""}.bpmn-icon-manual:before{content:""}.bpmn-icon-receive:before{content:""}.bpmn-icon-call-activity:before{content:""}.bpmn-icon-start-event-timer:before{content:""}.bpmn-icon-start-event-message:before{content:""}.bpmn-icon-intermediate-event-none:before{content:""}.bpmn-icon-intermediate-event-catch-link:before{content:""}.bpmn-icon-end-event-escalation:before{content:""}.bpmn-icon-bpmn-io:before{content:""}.bpmn-icon-gateway-complex:before{content:""}.bpmn-icon-gateway-eventbased:before{content:""}.bpmn-icon-gateway-none:before{content:""}.bpmn-icon-gateway-or:before{content:""}.bpmn-icon-end-event-terminate:before{content:""}.bpmn-icon-end-event-signal:before{content:""}.bpmn-icon-end-event-none:before{content:""}.bpmn-icon-end-event-multiple:before{content:""}.bpmn-icon-end-event-message:before{content:""}.bpmn-icon-end-event-link:before{content:""}.bpmn-icon-intermediate-event-catch-message:before{content:""}.bpmn-icon-intermediate-event-throw-compensation:before{content:""}.bpmn-icon-start-event-multiple:before{content:""}.bpmn-icon-script:before{content:""}.bpmn-icon-manual-task:before{content:""}.bpmn-icon-send:before{content:""}.bpmn-icon-service:before{content:""}.bpmn-icon-receive-task:before{content:""}.bpmn-icon-user:before{content:""}.bpmn-icon-start-event-none:before{content:""}.bpmn-icon-intermediate-event-throw-escalation:before{content:""}.bpmn-icon-intermediate-event-catch-multiple:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before{content:""}.bpmn-icon-intermediate-event-throw-link:before{content:""}.bpmn-icon-start-event-non-interrupting-condition:before{content:""}.bpmn-icon-data-object:before{content:""}.bpmn-icon-script-task:before{content:""}.bpmn-icon-send-task:before{content:""}.bpmn-icon-data-store:before{content:""}.bpmn-icon-start-event-non-interrupting-escalation:before{content:""}.bpmn-icon-intermediate-event-throw-message:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before{content:""}.bpmn-icon-intermediate-event-throw-multiple:before{content:""}.bpmn-icon-start-event-non-interrupting-message:before{content:""}.bpmn-icon-ad-hoc-marker:before{content:""}.bpmn-icon-service-task:before{content:""}.bpmn-icon-task-none:before{content:""}.bpmn-icon-compensation-marker:before{content:""}.bpmn-icon-start-event-non-interrupting-multiple:before{content:""}.bpmn-icon-intermediate-event-throw-signal:before{content:""}.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before{content:""}.bpmn-icon-participant:before{content:""}.bpmn-icon-event-subprocess-expanded:before{content:""}.bpmn-icon-lane-insert-below:before{content:""}.bpmn-icon-space-tool:before{content:""}.bpmn-icon-connection-multi:before{content:""}.bpmn-icon-lane:before{content:""}.bpmn-icon-lasso-tool:before{content:""}.bpmn-icon-lane-insert-above:before{content:""}.bpmn-icon-lane-divide-three:before{content:""}.bpmn-icon-lane-divide-two:before{content:""}.bpmn-icon-data-input:before{content:""}.bpmn-icon-data-output:before{content:""}.bpmn-icon-hand-tool:before{content:""}.bpmn-icon-group:before{content:""}.bpmn-icon-text-annotation:before{content:""}.bpmn-icon-transaction:before{content:""}.bpmn-icon-screw-wrench:before{content:""}.bpmn-icon-connection:before{content:""}.bpmn-icon-conditional-flow:before{content:""}.bpmn-icon-default-flow:before{content:""}.ticket-header{padding:0 24px;border-bottom:1px solid var(--border-color)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%}.header-content h1{margin:0}.header-actions{display:flex;gap:8px}.ticket-types{padding:16px}.ticket-content{min-height:100%;border-radius:8px;padding:24px}.bjs-powered-by{display:none}.djs-palette{position:absolute!important;top:0!important;left:0!important;width:100px!important;background:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:4px!important;padding:6px!important;box-shadow:0 1px 4px #0000001a!important}.djs-palette-entries{display:flex!important;flex-direction:column!important;gap:4px!important}.djs-palette .entry{width:100%!important;height:36px!important;line-height:36px!important;text-align:center!important;cursor:pointer!important;border-radius:4px!important;transition:all .3s!important}.djs-palette .entry:hover{background:var(--background-secondary)!important}.djs-palette .group{margin-bottom:8px!important}.djs-palette .group:not(:last-child){border-bottom:1px solid var(--border-color)!important;padding-bottom:8px!important}.bpmn-icon-task,.bpmn-icon-start-event-none,.bpmn-icon-gateway-xor,.bpmn-icon-data-object{font-size:24px!important}[data-theme=dark] .djs-palette{background:#1f1f1f!important}:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--font-size-base: 14px;--header-height: 64px;--sidebar-width: 250px;--border-radius-base: 4px;--spacing-mini: 4px;--spacing-small: 8px;--spacing-base: 16px;--spacing-large: 24px;--background-color: #fff;--background-secondary: #f5f5f5;--border-color: #e8e8e8;--text-color: rgba(0, 0, 0, .85);--node-background: #fafafa}[data-theme=dark]{--background-color: #141414;--background-secondary: #1f1f1f;--border-color: #303030;--text-color: rgba(255, 255, 255, .85);--node-background: #1f1f1f}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh}.ant-card .ant-card-head{min-height:48px;padding:0 12px}.ant-card .ant-card-head .ant-card-head-title{padding:12px 0}.ant-card .ant-card-body{padding:12px}.dragging-overlay{opacity:.5;cursor:grabbing}.canvas-area{position:relative;padding:var(--spacing-base);border-radius:var(--border-radius-base);background-color:var(--background-color)}.canvas-area.is-over{border-color:var(--primary-color)!important}.canvas-area.dragging{border-color:var(--border-color)}.component-item{padding:8px;border-radius:4px;background:var(--background-color);border:1px solid var(--border-color);transition:all .2s}.component-item:hover{border-color:var(--primary-color);background-color:var(--background-secondary)}.component-item:active{cursor:grabbing}.dragging-overlay .component-item{box-shadow:0 2px 8px var(--border-color);background-color:var(--background-color);width:160px;margin:0;padding:8px}.draggable-item{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative}.canvas-area{min-height:200px;background-color:var(--background-color);border-radius:4px}.form-item-container{position:relative;margin:4px 0}.drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--primary-color);pointer-events:none;z-index:1}.drop-indicator.top{top:-2px}.drop-indicator.bottom{bottom:-2px}.form-item-header{padding:4px 8px;background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.drag-handle{cursor:move;color:var(--text-color);padding:4px;display:flex;align-items:center}.form-item-label{flex:1;font-size:14px;color:var(--text-color);font-weight:500;cursor:pointer}.form-item-label:hover{color:#1890ff}.form-content{padding:8px}.form-item-wrapper{position:relative;border:1px solid var(--border-color);border-radius:4px;transition:all .2s;margin-bottom:8px;background:var(--background-color)}.form-item-wrapper:hover{border-color:var(--primary-color)}.form-item-wrapper.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.form-item-wrapper.dragging{opacity:.5;cursor:grabbing}.empty-tip{color:var(--text-color);text-align:center;padding:16px}.main-layout{height:calc(100vh - 64px);background:var(--background-secondary)}.main-content{display:flex;height:100%;padding:6px;gap:16px}.left-panel{width:280px;flex:none}.center-panel{flex:1;min-width:0;overflow:auto}.right-panel{width:300px;flex:none}.component-panel,.canvas-area,.property-panel{height:100%;background:var(--background-color);border-radius:4px;box-shadow:0 1px 2px var(--border-color)}.form-item-actions{position:absolute;right:8px;top:8px;display:none;display:flex;gap:8px}.form-item-wrapper:hover .form-item-actions{display:flex}.action-icon{color:var(--primary-color);font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.action-icon:hover{background-color:var(--background-secondary)}.delete-icon{color:var(--error-color);font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.delete-icon:hover{background-color:var(--background-secondary)}.ant-layout-header{background:var(--background-color);padding:0;height:64px;line-height:64px}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 24px;color:var(--text-color)}.header-content h1{margin:0;color:var(--text-color);font-size:20px;font-weight:500}.header-actions{display:flex;gap:12px}.header-actions .ant-btn{color:#fff;border-color:#ffffff4d}.header-actions .ant-btn:hover{color:#1890ff;border-color:#1890ff;background:#1890ff1a}.header-actions .ant-btn .anticon{margin-right:8px}.nested-components{margin-left:20px;padding-left:12px;border-left:1px dashed var(--border-color)}.form-item-wrapper.can-nest{border-color:var(--primary-color);background-color:var(--background-secondary)}.form-item-wrapper.can-nest:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--primary-color);pointer-events:none}
|