.node-layer{position:relative;z-index:1;min-height:430px}.line-layer{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.line-layer line{stroke:#586660;stroke-width:2.5;stroke-linecap:round;pointer-events:stroke;cursor:pointer}.line-layer line:hover,.line-layer line.selected-line{stroke:#68a946;stroke-width:4}.canvas.line-mode{cursor:crosshair;user-select:none}.canvas.line-mode .line-layer{pointer-events:auto}.canvas.line-mode .node-layer{pointer-events:none}.code-panel{display:grid;grid-template-rows:78px minmax(160px,42%) minmax(270px,1fr)}.code-wrap{min-height:0}.inspector{max-height:none;min-height:0;padding:14px 22px 18px;overflow-y:auto}.inspector-title{margin-bottom:8px}.inspector label{margin:7px 0}.inspector input{margin-top:4px;padding:7px 10px}.line-help{display:none;color:#71807a;font-size:12px;line-height:1.5}@media(max-width:900px){.code-panel{grid-template-rows:78px 300px auto;min-height:650px}}
.node{max-width:calc(100% - 16px);overflow:hidden}.node-resize-handle{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;z-index:5;cursor:nwse-resize;opacity:0;transition:opacity .12s;background:linear-gradient(135deg,transparent 0 45%,#8fa099 46% 56%,transparent 57% 66%,#8fa099 67% 77%,transparent 78%)}.node:hover>.node-resize-handle,.node.selected>.node-resize-handle{opacity:1}.node>.node-content{max-height:100%;overflow:auto}
.shape-tool-group{position:relative}.flyout-mark{position:absolute;right:5px;font-style:normal;font-size:14px}.shape-flyout{position:fixed;z-index:30;left:78px;margin-top:-68px;width:144px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(22,34,30,.16);opacity:0;visibility:hidden;transform:translateX(-6px);transition:.15s}.shape-tool-group:hover .shape-flyout,.shape-tool-group:focus-within .shape-flyout{opacity:1;visibility:visible;transform:translateX(0)}.shape-flyout:before{content:"";position:absolute;left:-8px;top:29px;width:14px;height:14px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.shape-flyout p{margin:2px 8px 6px;color:#8a9791;font-size:9px;font-weight:800;letter-spacing:.12em}.shape-flyout button{position:relative;width:100%;height:38px;display:flex;align-items:center;gap:10px;border:0;border-radius:7px;background:transparent;color:#53615b;font:12px inherit;cursor:pointer}.shape-flyout button:hover,.shape-flyout button:focus{background:#edf8e5;color:#315e32}.shape-preview{display:block;width:21px;height:21px;background:#819088}.shape-preview.rectangle{border-radius:2px}.shape-preview.circle{border-radius:50%}.shape-preview.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-preview.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.shape-preview.polygon{clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.shape-node{background:#eef5ea!important}.shape-node.shape-circle{border-radius:50%}.shape-node.shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);padding:40% 18px 16px}.shape-node.shape-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);padding:32% 20% 20%}.shape-node.shape-polygon{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);padding-inline:14%}.shape-node.selected{filter:drop-shadow(0 0 4px rgba(77,147,52,.55))}.shape-node>.node-label{left:50%;transform:translateX(-50%);white-space:nowrap}.shape-node>.node-resize-handle{right:7%;bottom:7%}@media(max-width:560px){.shape-flyout{left:54px}}