.wf-workspace{margin:-8px -10px;color:#243855}.wf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;padding:18px 20px;border:1px solid #dae3ef;border-radius:12px 12px 0 0}.wf-toolbar h1{font-size:22px!important;margin:0 0 5px}.wf-toolbar .actions{flex-wrap:wrap;justify-content:flex-end}.wf-toolbar button{padding:9px 12px}.wf-filter{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#f8faff;border:1px solid #dce5f1;font-size:12px}.wf-filter select{width:240px;font-size:12px;padding:8px}.wf-filter span{flex:1;line-height:1.7;color:#6f8099}.wf-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid #dae3ef;border-top:0}.wf-scroll{overflow:auto;height:660px;background-color:#f5f9ff;background-image:radial-gradient(#cbd9eb .8px,transparent .8px);background-size:16px 16px;overscroll-behavior:contain}.wf-canvas{position:relative}.wf-scaled{position:absolute;transform-origin:0 0}.wf-columns h3{position:absolute;top:22px;margin:0;font-size:17px;width:225px}.wf-columns h3 span{display:inline-grid;place-items:center;border:2px solid #a5b6cd;border-radius:50%;width:24px;height:24px;margin-right:10px;color:#8094b0;font-size:13px}.wf-edges{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.wf-edges path{fill:none;stroke:#22a68f;stroke-width:2.2}.wf-edges .draft{stroke:#3685f5;stroke-dasharray:7 5}.wf-edges .highlight{stroke-width:4}.wf-edges #wf-drag-line{stroke:#e79139;stroke-width:3;stroke-dasharray:5 5}.wf-node{position:absolute;width:225px;min-height:150px;border:1px solid #c8d7e9;border-radius:11px;background:#fff;box-shadow:0 3px 10px #2d55760a;cursor:pointer;outline-offset:3px}.wf-node.selected{border:2px solid #2781fa;box-shadow:0 3px 15px #337de124}.wf-node-title{font-size:14px;font-weight:700;padding:13px 15px 10px;cursor:grab;border-bottom:1px solid #eff3f8;touch-action:none}.wf-node-body{padding:10px 15px 14px;font-size:13px}.wf-node-body p{margin:5px 0;color:#7688a2;font-size:12px}.wf-node-body small{display:block;font-size:11px}.wf-status{display:inline-block;font-size:10px;color:#3270b2;background:#edf4ff;border-radius:5px;padding:3px 6px;margin-top:6px}.wf-node.progress{background:#f9fffd}.wf-node.approval{background:#fcfdff}.wf-meter{height:5px;background:#eaf0f8;border-radius:5px;margin:5px 0 10px}.wf-meter i{display:block;height:5px;border-radius:5px;background:#3484ef}.wf-meter:nth-of-type(2) i{background:#13a18e}.wf-port{position:absolute;width:13px;height:13px;border:2px solid #3986f3!important;border-radius:50%;background:white!important;padding:0!important;top:73px;touch-action:none;z-index:2}.wf-port.in{left:-7px}.wf-port.out{right:-7px;cursor:crosshair}.wf-inspector{padding:22px 18px;background:#fff;border-left:1px solid #dce5f1;height:660px;overflow:auto;font-size:13px}.wf-inspector h2{font-size:18px;overflow-wrap:anywhere;margin-bottom:10px}.wf-inspector h3{margin:24px 0 12px;padding-top:16px;border-top:1px solid #e4ebf5;font-size:13px}.wf-inspector button{font-size:12px;margin-top:7px}.wf-order-detail{display:grid;gap:6px;text-align:left;width:100%;font-weight:400;padding:10px!important}.wf-order-detail span{font-size:11px;color:#6c809b;line-height:1.6}.wf-usage{padding:14px;background:#edf5ff;border:1px solid #d5e6fe;border-radius:8px;line-height:1.8;color:#215b9c}.wf-footer{padding:12px 18px;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dae3ef;border-top:0;border-radius:0 0 10px 10px;font-size:11px;color:#6c819d}.wf-footer button{padding:5px 10px}.wf-footer .legend{display:inline-block;width:24px;border-top:2px solid #20a38c;margin:0 5px}.wf-footer .legend.draft{border-top:2px dashed #3484ef}.wf-empty{padding:120px 40px;color:#7d8fa7}.wf-inspector select{font-size:12px}.wf-workspace button:disabled{cursor:not-allowed}.wf-node-title:active{cursor:grabbing}
@media(max-width:1100px){.wf-toolbar{align-items:flex-start;flex-direction:column}.wf-main{grid-template-columns:minmax(0,1fr) 250px}.wf-filter{flex-wrap:wrap}.wf-filter span{min-width:200px}.wf-footer{gap:10px;flex-wrap:wrap}}
@media(max-width:700px){.wf-main{display:block}.wf-inspector{height:auto;max-height:400px;border-left:0;border-top:1px solid #dce5f1}.wf-scroll{height:520px}.wf-toolbar .actions{justify-content:flex-start}.wf-filter select{width:190px}}

.content:has(.wf-workspace){padding:20px!important}.wf-workspace{margin:0}.wf-toolbar .actions{gap:6px}
.wf-edges .wf-edge-hit{stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer;fill:none}.wf-edges .wf-edge-hit:focus{outline:none;stroke:#90bdf866}.wf-edges .highlight{stroke:#ed8d24;stroke-width:4}