@focus.matters/diagrams 0.0.10 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/{DirectedPoint-aLZ8iXbb.js → DirectedPoint-BcpEj8ub.js} +2 -2
  2. package/dist/DirectedPoint-BcpEj8ub.js.map +1 -0
  3. package/dist/diagrams.css +1 -1
  4. package/dist/index-hTkL5cDr.js +12037 -0
  5. package/dist/index-hTkL5cDr.js.map +1 -0
  6. package/dist/index.es.js +8 -6
  7. package/dist/index.umd.js +5 -4
  8. package/dist/index.umd.js.map +1 -1
  9. package/dist/src/Diagrams/components/Canvas.d.ts +1 -0
  10. package/dist/src/Diagrams/components/extensions/RenderDiagramExtensions.d.ts +4 -0
  11. package/dist/src/Diagrams/components/extensions/RenderUIExtensions.d.ts +4 -0
  12. package/dist/src/Diagrams/components/extra/AlignmentSuggestions.d.ts +1 -0
  13. package/dist/src/Diagrams/components/extra/GatewayRender.d.ts +1 -0
  14. package/dist/src/Diagrams/components/extra/NodeGatewayRender.d.ts +6 -0
  15. package/dist/src/Diagrams/components/objects/EdgeLabels.d.ts +7 -0
  16. package/dist/src/Diagrams/components/objects/RenderEdge/EdgeMarker.d.ts +1 -0
  17. package/dist/src/Diagrams/components/objects/RenderEdge/buildEdgePath.d.ts +5 -0
  18. package/dist/src/Diagrams/components/objects/RenderEdge/index.d.ts +1 -0
  19. package/dist/src/Diagrams/components/objects/RenderEdge/types.d.ts +2 -1
  20. package/dist/src/Diagrams/components/objects/Shapes.d.ts +1 -0
  21. package/dist/src/Diagrams/components/objects/edgeLabelPlacement.d.ts +4 -0
  22. package/dist/src/Diagrams/custom/agent/edges/AgentEdge.d.ts +19 -1
  23. package/dist/src/Diagrams/custom/agent/nodes/AgentNode.d.ts +20 -1
  24. package/dist/src/Diagrams/custom/bpmn/BPMDiagram.d.ts +10 -1
  25. package/dist/src/Diagrams/custom/bpmn/bpmnEvents.d.ts +2 -1
  26. package/dist/src/Diagrams/custom/bpmn/config/BPMNElementCatalog.d.ts +26 -0
  27. package/dist/src/Diagrams/custom/bpmn/config/BPMNLabels.d.ts +27 -0
  28. package/dist/src/Diagrams/custom/bpmn/edges/BPMNEdge.d.ts +77 -0
  29. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNArtifactTransformer.d.ts +5 -0
  30. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNEventAttachments.d.ts +19 -0
  31. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNGridSnap.d.ts +4 -2
  32. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNLaneResizer.d.ts +1 -1
  33. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNModelerExtension.d.ts +97 -0
  34. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNNodeResizer.d.ts +31 -0
  35. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNPropertyChangeEvent.d.ts +4 -0
  36. package/dist/src/Diagrams/custom/bpmn/extensions/BPMNResizeSuggester.d.ts +23 -0
  37. package/dist/src/Diagrams/custom/bpmn/nodes/BPMNEventDefinition.d.ts +28 -0
  38. package/dist/src/Diagrams/custom/bpmn/nodes/BPMNode.d.ts +9 -0
  39. package/dist/src/Diagrams/custom/bpmn/nodes/BlackBoxPoolNode.d.ts +17 -0
  40. package/dist/src/Diagrams/custom/bpmn/nodes/DataStoreNode.d.ts +14 -0
  41. package/dist/src/Diagrams/custom/bpmn/nodes/DocumentAnnotationNode.d.ts +19 -0
  42. package/dist/src/Diagrams/custom/bpmn/nodes/DocumentNode.d.ts +13 -0
  43. package/dist/src/Diagrams/custom/bpmn/nodes/EventNode.d.ts +82 -12
  44. package/dist/src/Diagrams/custom/bpmn/nodes/GateNode.d.ts +27 -2
  45. package/dist/src/Diagrams/custom/bpmn/nodes/Lanes/LaneScreenRenderer.d.ts +1 -1
  46. package/dist/src/Diagrams/custom/bpmn/nodes/Lanes/index.d.ts +30 -6
  47. package/dist/src/Diagrams/custom/bpmn/nodes/TaskNode.d.ts +108 -3
  48. package/dist/src/Diagrams/custom/bpmn/nodes/TextAnnotationNode.d.ts +75 -0
  49. package/dist/src/Diagrams/custom/bpmn/nodes/UnknownBPMNNode.d.ts +20 -1
  50. package/dist/src/Diagrams/custom/bpmn/ui/BPMNDiagramControls.d.ts +6 -0
  51. package/dist/src/Diagrams/custom/bpmn/ui/BPMNElementMenu.d.ts +11 -0
  52. package/dist/src/Diagrams/custom/bpmn/ui/BPMNIcon.d.ts +9 -0
  53. package/dist/src/Diagrams/custom/bpmn/ui/BPMNPropertiesPanel.d.ts +6 -0
  54. package/dist/src/Diagrams/custom/bpmn/ui/BPMNResizeHandle.d.ts +7 -0
  55. package/dist/src/Diagrams/custom/bpmn/ui/resolveToolbarMenuPlacement.d.ts +18 -0
  56. package/dist/src/Diagrams/custom/bpmn/ui/resolveVisibleEdgeToolbarAnchor.d.ts +4 -0
  57. package/dist/src/Diagrams/custom/communication/edges/CommunicationEdge.d.ts +1 -27
  58. package/dist/src/Diagrams/custom/editable/EditableLabel.d.ts +1 -1
  59. package/dist/src/Diagrams/custom/editable/EditableNode.d.ts +8 -2
  60. package/dist/src/Diagrams/store/Canvas.d.ts +16 -6
  61. package/dist/src/Diagrams/store/Diagram.d.ts +77 -19
  62. package/dist/src/Diagrams/store/elements/DEdgeLabelChangeEvent.d.ts +5 -0
  63. package/dist/src/Diagrams/store/elements/Edge.d.ts +58 -8
  64. package/dist/src/Diagrams/store/elements/EdgeLabel.d.ts +64 -0
  65. package/dist/src/Diagrams/store/elements/Events.d.ts +5 -5
  66. package/dist/src/Diagrams/store/elements/Gateway.d.ts +24 -4
  67. package/dist/src/Diagrams/store/elements/Node.d.ts +69 -7
  68. package/dist/src/Diagrams/store/extensions/DiagramExtension.d.ts +11 -1
  69. package/dist/src/Diagrams/store/extensions/DistancesBalancer.d.ts +7 -1
  70. package/dist/src/Diagrams/store/extensions/Dragger.d.ts +19 -4
  71. package/dist/src/Diagrams/store/extensions/EdgesDragger.d.ts +15 -4
  72. package/dist/src/Diagrams/store/extensions/History.d.ts +10 -2
  73. package/dist/src/Diagrams/store/extensions/Hotkeys.d.ts +4 -1
  74. package/dist/src/Diagrams/store/extensions/LabelsAligner.d.ts +21 -0
  75. package/dist/src/Diagrams/store/extensions/NodesAligner.d.ts +10 -3
  76. package/dist/src/Diagrams/store/extensions/NodesConnector.d.ts +32 -3
  77. package/dist/src/Diagrams/store/extensions/Priorities.d.ts +2 -1
  78. package/dist/src/Diagrams/store/extensions/Rules.d.ts +6 -1
  79. package/dist/src/Diagrams/store/extensions/Selector.d.ts +17 -4
  80. package/dist/src/Diagrams/store/extensions/StraightDrag.d.ts +3 -0
  81. package/dist/src/Diagrams/store/extensions/StraightLabelsDrag.d.ts +10 -0
  82. package/dist/src/Diagrams/store/extensions/nodePositionProposalRanking.d.ts +8 -0
  83. package/dist/src/Diagrams/store/routers/CurvedRouter.d.ts +13 -0
  84. package/dist/src/Diagrams/store/routers/EdgesRouter.d.ts +21 -0
  85. package/dist/src/Diagrams/store/routers/OrthogonalRouter.d.ts +16 -0
  86. package/dist/src/Diagrams/store/routers/StraightRouter.d.ts +13 -0
  87. package/dist/src/Diagrams/store/routers/cardinalAxisConstraint.d.ts +7 -0
  88. package/dist/src/Diagrams/store/routers/getEdgesRouter.d.ts +4 -0
  89. package/dist/src/Diagrams/store/routers/resolveConnectionCandidate.d.ts +22 -0
  90. package/dist/src/Diagrams/store/types.d.ts +16 -7
  91. package/dist/src/Diagrams/util/bpmn/applyBPMNImportPlan.d.ts +1 -0
  92. package/dist/src/Diagrams/util/bpmn/buildBPMNImportPlan.d.ts +1 -1
  93. package/dist/src/Diagrams/util/bpmn/index.d.ts +2 -1
  94. package/dist/src/Diagrams/util/bpmn/sanitizeId.d.ts +2 -0
  95. package/dist/src/Diagrams/util/bpmn/types.d.ts +1 -0
  96. package/dist/src/Diagrams/util/paths/orthogonalRouter.d.ts +2 -0
  97. package/dist/src/index.d.ts +8 -5
  98. package/package.json +1 -1
  99. package/dist/DirectedPoint-aLZ8iXbb.js.map +0 -1
  100. package/dist/index-B_tKoJcy.js +0 -7229
  101. package/dist/index-B_tKoJcy.js.map +0 -1
  102. package/dist/src/Diagrams/util/paths/findBestPathBetweenNodes.d.ts +0 -8
package/dist/{DirectedPoint-aLZ8iXbb.js → DirectedPoint-BcpEj8ub.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  var a = Object.defineProperty;
2
2
  var e = (i, r) => a(i, "name", { value: r, configurable: !0 });
3
- import { C as h } from "./index-B_tKoJcy.js";
3
+ import { C as h } from "./index-hTkL5cDr.js";
4
4
  const t = class t extends h {
5
5
  direction = "left";
6
6
  get rawDirectedPoint() {
@@ -50,4 +50,4 @@ let s = t;
50
50
  export {
51
51
  s as DirectedPoint
52
52
  };
53
- //# sourceMappingURL=DirectedPoint-aLZ8iXbb.js.map
53
+ //# sourceMappingURL=DirectedPoint-BcpEj8ub.js.map
package/dist/DirectedPoint-BcpEj8ub.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DirectedPoint-BcpEj8ub.js","sources":["../src/Diagrams/store/primitives/DirectedPoint.ts"],"sourcesContent":["import type { TOrientation } from \"../types\";\r\nimport { Coordinates } from \"./Coordinates\";\r\n\r\nexport class DirectedPoint extends Coordinates {\r\n direction: TOrientation = \"left\";\r\n\r\n get rawDirectedPoint() {\r\n return {\r\n x: this.x,\r\n y: this.y,\r\n direction: this.direction,\r\n };\r\n }\r\n\r\n stepBack() {\r\n switch (this.direction) {\r\n case \"down\":\r\n this.y--;\r\n break;\r\n case \"left\":\r\n this.x++;\r\n break;\r\n case \"right\":\r\n this.x--;\r\n break;\r\n case \"up\":\r\n this.y++;\r\n break;\r\n }\r\n return this;\r\n }\r\n\r\n stepForward() {\r\n switch (this.direction) {\r\n case \"down\":\r\n this.y++;\r\n break;\r\n case \"left\":\r\n this.x--;\r\n break;\r\n case \"right\":\r\n this.x++;\r\n break;\r\n case \"up\":\r\n this.y--;\r\n break;\r\n }\r\n return this;\r\n }\r\n}\r\n"],"names":["_DirectedPoint","Coordinates","__name","DirectedPoint"],"mappings":";;;AAGO,MAAMA,IAAN,MAAMA,UAAsBC,EAAY;AAAA,EAC7C,YAA0B;AAAA,EAE1B,IAAI,mBAAmB;AACrB,WAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,GAAG,KAAK;AAAA,MACR,WAAW,KAAK;AAAA,IAAA;AAAA,EAEpB;AAAA,EAEA,WAAW;AACT,YAAQ,KAAK,WAAA;AAAA,MACX,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,IAAA;AAEJ,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,YAAQ,KAAK,WAAA;AAAA,MACX,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,MACF,KAAK;AACH,aAAK;AACL;AAAA,IAAA;AAEJ,WAAO;AAAA,EACT;AACF;AA9C+CC,EAAAF,GAAA;AAAxC,IAAMG,IAANH;"}
package/dist/diagrams.css CHANGED
@@ -1 +1 @@
1
- :where(:root){--palette-primary-main: #8a8a92;--palette-primary-dark: #68686f;--palette-primary-light: #b0b0b5;--palette-primary-contrast-text: #050505;--palette-secondary-main: #5d5d66;--palette-secondary-dark: #4c4c52;--palette-secondary-light: #8a8a92;--palette-secondary-contrast-text: #f3f3f4;--palette-info-main: #9a9aa1;--palette-info-dark: #68686f;--palette-info-light: #8fcdff;--palette-info-contrast-text: #050505;--palette-warning-main: #9a9aa1;--palette-warning-dark: #68686f;--palette-warning-light: #c6c6ca;--palette-warning-contrast-text: #050505;--palette-error-main: #9a9aa1;--palette-error-dark: #68686f;--palette-error-light: #c6c6ca;--palette-error-contrast-text: #050505;--palette-success-main: #9a9aa1;--palette-success-dark: #68686f;--palette-success-light: #c6c6ca;--palette-success-contrast-text: #050505;--text-relationship: rgb(193, 255, 193);--color-neutral-0: #f3f3f4;--color-neutral-100: #d7d7db;--color-neutral-200: #c6c6ca;--color-neutral-300: #b0b0b5;--color-neutral-400: #9a9aa1;--color-neutral-500: #8a8a92;--color-neutral-600: #68686f;--color-neutral-700: #5d5d66;--color-neutral-800: #4c4c52;--color-neutral-850: #3e3e44;--color-neutral-900: #323236;--color-neutral-930: #2a2a2f;--color-neutral-950: #222226;--color-neutral-970: #1c1c1f;--color-neutral-980: #171718;--color-neutral-990: #131316;--color-neutral-995: #111113;--color-neutral-998: #0f0f10;--color-neutral-999: #0a0a0b;--color-neutral-1000: #050505;--color-neutral-white: #ffffff;--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-300);--text-disabled: var(--color-neutral-500);--text-contrast: #050505;--text-error: var(--palette-error-light);--background-default: #070707;--background-paper: var(--color-neutral-998);--background-elevated: var(--color-neutral-980);--background-overlay: var(--color-neutral-995);--background-field: var(--color-neutral-998);--background-interactive: var(--color-neutral-980);--background-interactive-active: var(--color-neutral-970);--gradient-app-background: radial-gradient( circle at top left, var(--color-neutral-970), var(--color-neutral-999) 45%, var(--color-neutral-1000) );--border-section: var(--color-neutral-900);--border-article: var(--color-neutral-930);--border-field: var(--color-neutral-900);--border-interactive: var(--color-neutral-900);--border-strong: var(--color-neutral-850);--outline-focus: #2d7cff;--state-hover-overlay: rgba(255, 255, 255, .04);--state-active-overlay: rgba(255, 255, 255, .08);--state-selected-overlay: color-mix( in srgb, var(--palette-primary-main) 16%, transparent );--state-drop-overlay: color-mix( in srgb, var(--palette-primary-main) 20%, transparent );--state-highlight-soft: color-mix( in srgb, var(--palette-primary-main) 12%, transparent );--state-highlight-edge: color-mix( in srgb, var(--palette-primary-main) 52%, transparent );--state-active-indicator: color-mix( in srgb, var(--palette-primary-main) 68%, var(--color-neutral-100) 32% );--shadow-1: 0 8px 18px rgba(0, 0, 0, .42);--shadow-2: 0 12px 30px rgba(0, 0, 0, .46);--shadow-3: 0 14px 32px rgba(0, 0, 0, .45);--radius-none: 0;--radius-xs: 4px;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 14px;--radius-pill: 999px;--space-0: 0;--space-1: .12rem;--space-2: .2rem;--space-3: .24rem;--space-4: .28rem;--space-5: .3rem;--space-6: .35rem;--space-7: .4rem;--space-8: .46rem;--space-9: .5rem;--space-10: .55rem;--space-11: .58rem;--space-12: .6rem;--space-13: .62rem;--space-14: .7rem;--space-15: 1rem;--space-16: 1.2rem;--size-scrollbar: 8px;--size-splitter: 5px;--size-context-menu-min-width: 170px;--sizing-font-normal: 1rem;--heading-1-size: 1.55rem;--heading-2-size: 1.35rem;--heading-3-size: 1.18rem;--heading-4-size: 1.04rem;--heading-5-size: .96rem;--heading-6-size: .88rem;--active-highlight: var(--palette-primary-main);--active-highlight-edge: color-mix( in srgb, var(--active-highlight) 52%, transparent );--active-highlight-soft: color-mix( in srgb, var(--active-highlight) 12%, transparent );--active-highlight-selection: color-mix( in srgb, var(--active-highlight) 16%, transparent );--active-highlight-drop: color-mix( in srgb, var(--active-highlight) 20%, transparent );--active-highlight-tab-line: color-mix( in srgb, var(--active-highlight) 68%, var(--color-neutral-100) 32% );--diagram-background: var(--background-elevated);--diagram-surface: var(--background-paper);--diagram-text: var(--text-primary);--diagram-node-fill: var(--background-interactive);--diagram-node-stroke: var(--border-strong);--diagram-node-text: var(--text-primary);--diagram-node-font-size: 12px;--diagram-gateway-fill: color-mix( in srgb, var(--text-secondary) 52%, var(--background-paper) 48% );--diagram-gateway-hover: color-mix( in srgb, var(--text-primary) 62%, var(--background-paper) 38% );--diagram-edge-stroke: color-mix( in srgb, var(--text-primary) 68%, var(--background-elevated) 32% );--diagram-edge-hover-stroke: color-mix( in srgb, var(--diagram-edge-stroke) 85%, var(--background-paper) 15% );--diagram-edge-dragger-stroke: color-mix( in srgb, var(--diagram-edge-stroke) 78%, var(--background-paper) 22% );--diagram-edge-dragger-hover-stroke: var(--diagram-edge-hover-stroke);--diagram-edge-stroke-width: 2px;--diagram-edge-hover-stroke-width: 2.25px;--diagram-selection-border: var(--active-highlight);--diagram-selection-fill: color-mix( in srgb, var(--active-highlight) 20%, transparent );--diagram-node-select-shadow: color-mix( in srgb, var(--active-highlight) 50%, transparent );--diagram-node-select-stroke: var(--active-highlight);--diagram-node-select-ring: color-mix( in srgb, var(--active-highlight) 25%, transparent );--diagram-node-select-fill-tint: color-mix( in srgb, var(--active-highlight) 12%, transparent );--diagram-grid-thin: #3e3e44;--diagram-grid-strong: #5d5d66;--diagram-grid-minor-min-weight: 62%;--diagram-grid-major-min-weight: 78%;--diagram-scrollbar-track: var(--background-paper);--diagram-scrollbar-thumb: var(--color-neutral-800);--diagram-scrollbar-thumb-hover: var(--color-neutral-700);--diagram-toolbar-border: var(--border-section);--diagram-toolbar-tool-border: var(--border-section);--diagram-tool-disabled-fg: var(--text-disabled);--diagram-tool-selected-bg: var(--state-selected-overlay);--diagram-tool-active-bg: var(--state-active-overlay);--diagram-context-menu-bg: var(--background-elevated);--diagram-context-menu-color: var(--text-primary);--diagram-context-menu-border: var(--border-section);--diagram-context-menu-hover-bg: var(--state-selected-overlay);--diagram-context-menu-danger: var(--text-error);--diagram-form-bg: var(--background-field);--diagram-form-border: var(--border-field);--diagram-form-text: var(--text-primary);--diagram-form-focus: var(--outline-focus);--diagram-stats-bg: var(--background-overlay);--diagram-stats-color: var(--text-primary);--diagram-stats-panel-surface: color-mix( in srgb, var(--background-elevated) 82%, var(--background-default) 18% );--diagram-stats-panel-surface-soft: color-mix( in srgb, var(--background-elevated) 92%, var(--background-paper) 8% );--diagram-stats-panel-border: var(--border-strong);--diagram-stats-panel-muted: var(--text-secondary);--diagram-stats-panel-shadow: var(--shadow-1);--diagram-alignment-suggestion: color-mix( in srgb, var(--palette-info-light) 30%, transparent );--diagram-distance-balance-suggestion: color-mix( in srgb, var(--palette-success-light) 45%, transparent );--diagram-path-finding-grid-edge: var(--palette-warning-main);--diagram-path-finding-grid-edge-highlight: var(--text-primary);--diagram-button-size: 20px;--diagram-node-tool-icon-size: 32px;--diagram-lane-toolbar-bg: var(--background-elevated);--diagram-lane-toolbar-fg: var(--text-primary);--diagram-lane-toolbar-border: var(--border-strong);--diagram-lane-toolbar-shadow: var(--shadow-2);--diagram-lane-toolbar-size: 24px;--diagram-resizer-highlight: color-mix( in srgb, var(--outline-focus) 72%, transparent );--diagram-edge-label-fill: color-mix( in srgb, var(--background-elevated) 88%, var(--palette-info-light) 12% );--diagram-edge-label-stroke: color-mix( in srgb, var(--diagram-edge-stroke) 60%, var(--background-paper) 40% );--diagram-edge-label-text: var(--diagram-edge-stroke);--diagram-edge-label-input-bg: var(--color-neutral-white);--diagram-edge-label-input-text: #111827;--diagram-edge-label-input-border: var(--outline-focus)}:where(body.light){--diagram-background: #f8fafc;--diagram-text: #0f172a;--diagram-gateway-fill: #0f172a;--diagram-gateway-hover: #2563eb;--diagram-node-fill: #ffffff;--diagram-node-stroke: #334155;--diagram-node-text: #0f172a;--diagram-edge-stroke: #334155;--diagram-edge-dragger-stroke: #64748b;--diagram-edge-dragger-hover-stroke: #2563eb;--diagram-node-select-shadow: rgba(37, 99, 235, .25);--diagram-node-select-stroke: #2563eb;--diagram-node-select-ring: rgba(37, 99, 235, .36);--diagram-node-select-fill-tint: #60a5fa;--diagram-grid-thin: #94a3b8;--diagram-grid-strong: #64748b;--diagram-grid-minor-min-weight: 48%;--diagram-grid-major-min-weight: 66%;--diagram-stats-bg: #ffffff;--diagram-stats-color: #0f172a;--diagram-scrollbar-track: #e2e8f0;--diagram-scrollbar-thumb: #94a3b8;--diagram-scrollbar-thumb-hover: #64748b;--diagram-toolbar-border: #cbd5e1;--diagram-toolbar-tool-border: #cbd5e1;--diagram-context-menu-bg: #ffffff;--diagram-context-menu-color: #0f172a;--diagram-context-menu-border: #cbd5e1;--diagram-context-menu-hover-bg: #f1f5f9;--diagram-context-menu-danger: #dc2626;--diagram-tool-disabled-fg: #94a3b8;--diagram-tool-selected-bg: #dbeafe;--diagram-tool-active-bg: #bfdbfe;--diagram-lane-toolbar-bg: #ffffff;--diagram-lane-toolbar-fg: #0f172a;--diagram-lane-toolbar-border: #cbd5e1;--diagram-lane-toolbar-shadow: 0 6px 16px rgba(15, 23, 42, .16);--diagram-form-bg: #ffffff;--diagram-form-border: #cbd5e1;--diagram-form-text: #0f172a;--diagram-form-focus: #2563eb;--diagram-stats-panel-surface: #ffffff;--diagram-stats-panel-surface-soft: #f8fafc;--diagram-stats-panel-border: #cbd5e1;--diagram-stats-panel-muted: #64748b;--diagram-stats-panel-shadow: 0 8px 20px rgba(15, 23, 42, .08);--diagram-selection-border: #2563eb;--diagram-selection-fill: rgba(37, 99, 235, .12);--diagram-alignment-suggestion: #16a34a;--diagram-distance-balance-suggestion: #d97706;--diagram-path-finding-grid-edge: rgba(100, 116, 139, .18);--diagram-path-finding-grid-edge-highlight: #d97706;--diagram-resizer-highlight: #2563eb;--diagram-edge-label-fill: #ffffff;--diagram-edge-label-stroke: #cbd5e1;--diagram-edge-label-text: #0f172a;--diagram-edge-label-input-border: #2563eb;--diagram-edge-label-input-bg: #ffffff;--diagram-edge-label-input-text: #0f172a}:where(.stage,.canvas__frame,.diagram__left_panel_shell,.toolbar,.diagram__context_menu,.diagram__editor_mode_switcher){--bg: var(--diagram-background);--text: var(--diagram-text);--gateway-fill: var(--diagram-gateway-fill);--gateway-hover: var(--diagram-gateway-hover);--node-fill: var(--diagram-node-fill);--node-stroke: var(--diagram-node-stroke);--node-color: var(--diagram-node-text);--node-font-size: var(--diagram-node-font-size);--edge-stroke: var(--diagram-edge-stroke);--edge-dragger-stroke: var(--diagram-edge-dragger-stroke);--edge-dragger-hover-stroke: var(--diagram-edge-dragger-hover-stroke);--node-select-shadow: var(--diagram-node-select-shadow);--node-select-stroke: var(--diagram-node-select-stroke);--node-select-ring: var(--diagram-node-select-ring);--node-select-fill-tint: var(--diagram-node-select-fill-tint);--grid-thin: var(--diagram-grid-thin);--grid-strong: var(--diagram-grid-strong);--stats-bg: var(--diagram-stats-bg);--stats-color: var(--diagram-stats-color);--scrollbar-track: var(--diagram-scrollbar-track);--scrollbar-thumb: var(--diagram-scrollbar-thumb);--scrollbar-thumb-hover: var(--diagram-scrollbar-thumb-hover);--toolbar-border: var(--diagram-toolbar-border);--toolbar-tool-border: var(--diagram-toolbar-tool-border);--context-menu-bg: var(--diagram-context-menu-bg);--context-menu-color: var(--diagram-context-menu-color);--context-menu-border: var(--diagram-context-menu-border);--context-menu-hover-bg: var(--diagram-context-menu-hover-bg);--context-menu-danger: var(--diagram-context-menu-danger);--tool-disabled-fg: var(--diagram-tool-disabled-fg);--tool-selected-bg: var(--diagram-tool-selected-bg);--tool-active-bg: var(--diagram-tool-active-bg);--form-bg: var(--diagram-form-bg);--form-border: var(--diagram-form-border);--form-text: var(--diagram-form-text);--form-focus: var(--diagram-form-focus);--stats-panel-surface: var(--diagram-stats-panel-surface);--stats-panel-surface-soft: var(--diagram-stats-panel-surface-soft);--stats-panel-border: var(--diagram-stats-panel-border);--stats-panel-muted: var(--diagram-stats-panel-muted);--stats-panel-shadow: var(--diagram-stats-panel-shadow);--selection-border: var(--diagram-selection-border);--selection-fill: var(--diagram-selection-fill);--alignment-sugestion: var(--diagram-alignment-suggestion);--distance-balance-sugestion: var(--diagram-distance-balance-suggestion);--path-finding-grid-edge: var(--diagram-path-finding-grid-edge);--path-finding-grid-edge--highlight: var( --diagram-path-finding-grid-edge-highlight );--diagram-button: var(--diagram-button-size);--node-tool-icon-size: var(--diagram-node-tool-icon-size)}.grid_line{stroke:var(--grid-thin)}.grid_line.strong{stroke:var(--grid-strong)}.selection_square path{stroke:var(--selection-border);fill:var(--selection-fill)}.canvas__frame{background:var(--bg);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.canvas__frame--grid{--grid-thin-weight: calc( var(--diagram-grid-minor-min-weight, 62%) + var(--diagram-grid-zoom-ratio, 1) * (100% - var(--diagram-grid-minor-min-weight, 62%)) );--grid-strong-weight: calc( var(--diagram-grid-major-min-weight, 78%) + var(--diagram-grid-zoom-ratio, 1) * (100% - var(--diagram-grid-major-min-weight, 78%)) );--grid-thin-visible: color-mix( in srgb, var(--grid-thin) var(--grid-thin-weight), var(--bg) );--grid-strong-visible: color-mix( in srgb, var(--grid-strong) var(--grid-strong-weight), var(--bg) );background-color:var(--bg);background-image:linear-gradient(to right,var(--grid-strong-visible) 0 1px,transparent 1px),linear-gradient(to bottom,var(--grid-strong-visible) 0 1px,transparent 1px),linear-gradient(to right,var(--grid-thin-visible) 0 1px,transparent 1px),linear-gradient(to bottom,var(--grid-thin-visible) 0 1px,transparent 1px);background-position:var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0),var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0),var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0),var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0);background-size:var(--diagram-major-grid-size, 500px) var(--diagram-major-grid-size, 500px),var(--diagram-major-grid-size, 500px) var(--diagram-major-grid-size, 500px),var(--diagram-grid-size, 50px) var(--diagram-grid-size, 50px),var(--diagram-grid-size, 50px) var(--diagram-grid-size, 50px);background-repeat:repeat}.canvas__frame .foreground{z-index:1000}.canvas__frame .background{z-index:0}.canvas__frame .scalable_components{position:relative;z-index:100}.screen_renderers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:900}.node__screenLabel,.lane__screenHeader,.lane__screenWidthResizeBar,.lane__screenWidthResize,.lane__screenHeightResize{position:absolute;left:calc(var(--diagram-canvas-translate-x, 0px) + var(--screen-renderer-x) * var(--diagram-canvas-scale, 1));top:calc(var(--diagram-canvas-translate-y, 0px) + var(--screen-renderer-y) * var(--diagram-canvas-scale, 1));z-index:var(--screen-renderer-z-index);width:calc(var(--screen-renderer-width) * var(--diagram-canvas-scale, 1));height:calc(var(--screen-renderer-height) * var(--diagram-canvas-scale, 1))}.node__screenLabel{display:flex;align-items:center;justify-content:center;margin:0;overflow:hidden;color:var(--node-color);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--screen-label-font-size) * var(--diagram-canvas-scale, 1));font-weight:500;font-kerning:normal;font-variant-ligatures:contextual;line-height:1.18;letter-spacing:0;text-align:center;white-space:pre-wrap}.node__screenLabel.selected{font-weight:600}.node__screenLabel.editable__label{box-sizing:border-box;font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--screen-label-font-size) * var(--diagram-canvas-scale, 1));font-weight:500;font-kerning:normal;font-variant-ligatures:contextual;line-height:1.18;letter-spacing:0;padding-block:max(0px,calc((var(--screen-renderer-height) * var(--diagram-canvas-scale, 1) - var(--screen-label-font-size) * var(--diagram-canvas-scale, 1) * 1.18) / 2));padding-inline:0;border:0;outline:0;resize:none;overflow:hidden;pointer-events:all}.node__screenLabel.editable__label.selected{font-weight:600}.avoid-selection *{-webkit-user-select:none;user-select:none}.diagram__panzoom,.diagram__tools{width:0;height:0;position:absolute;inset:0}.diagram__extra{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.diagram__node{-webkit-user-select:none;user-select:none;cursor:pointer;transition:filter .2s ease;box-sizing:border-box}.diagram__node:is(div){background:var(--node-fill);border:2px solid var(--node-stroke);color:var(--node-color);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;display:flex;align-items:center;justify-content:center;transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}.diagram__node path{fill:var(--node-fill);stroke:var(--node-stroke);transition:fill .22s ease,stroke .22s ease,stroke-width .22s ease}.diagram__node text{fill:var(--node-color);font-size:var(--node-font-size)}.diagram__node.selected:not(div){z-index:1;filter:drop-shadow(0 0 7px var(--node-select-shadow)) drop-shadow(0 0 14px var(--node-select-ring))}.diagram__node.selected:is(div){z-index:1;filter:none;border-color:var(--node-select-stroke);background:color-mix(in oklab,var(--node-fill) 85%,var(--node-select-fill-tint) 15%);box-shadow:0 0 0 2px var(--node-select-ring),0 0 0 4px color-mix(in oklab,var(--node-select-ring) 70%,transparent 30%)}.diagram__node.selected path{stroke:var(--node-select-stroke);stroke-width:3.5px;fill:color-mix(in oklab,var(--node-fill) 86%,var(--node-select-fill-tint) 14%)}.diagram__node.selected text{font-weight:600}.base_shape{pointer-events:auto}.diagram__node__gateway{pointer-events:auto;z-index:2}.diagram__node__gateway path{fill:var(--gateway-fill)}.diagram__node__gateway:hover{cursor:pointer}.diagram__node__gateway:hover path{fill:var(--gateway-hover);stroke:var(--gateway-hover)}.diagram__node_tools{position:absolute;background-color:var(--bg);color:var(--text);display:flex;align-items:center;transform:translateY(-50%)}.diagram__node_tool{cursor:pointer}.diagram__node_tool:hover path{color:var(--diagram-tool-disabled-fg)}.--selected-node{z-index:1;overflow:hidden;border-color:transparent}.--selected-node:before{content:"";position:absolute;inset:0 -4px;border-radius:inherit;padding:3px;background:repeating-linear-gradient(90deg,var(--text) 0 10px,transparent 10px 20px);background-size:20px 20px;animation:move-horizontal 1.8s linear infinite;-webkit-mask-composite:xor;mask-composite:exclude}.--selected-node:after{content:"";position:absolute;inset:-4px 0;border-radius:inherit;padding:3px;background:repeating-linear-gradient(0deg,var(--text) 0 10px,transparent 10px 20px);background-size:20px 20px;animation:move-vertical 1.8s linear infinite;-webkit-mask-composite:xor;mask-composite:exclude}@keyframes move-horizontal{0%{background-position:0 0}to{background-position:20px 0}}@keyframes move-vertical{0%{background-position:0 0}to{background-position:0 20px}}.diagram__stats>*{position:fixed;right:5px;bottom:5px;-webkit-user-select:none;user-select:none;background:var(--stats-bg);color:var(--stats-color);padding:8px 12px;border-radius:6px;transition:opacity .3s}.diagram__stats>*:hover{opacity:.05;pointer-events:none}.diagram__left_panel_shell{display:flex;flex-direction:column;padding:0;height:100%;min-height:0;background:var(--stats-bg);color:var(--stats-color);border-right:1px solid var(--toolbar-border);position:relative;flex-shrink:0;overflow:hidden}.diagram__left_panel_content{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.diagram__left_tabs{display:inline-flex;gap:6px;padding:6px 8px;border:none;background:var(--stats-bg);width:auto;border-bottom:1px solid var(--toolbar-border)}.diagram__left_tab{appearance:none;border:1px solid var(--toolbar-border);border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:12px;padding:6px 10px;cursor:pointer}.diagram__left_tab.active{background:var(--tool-selected-bg)}.diagram__left_panel_resizer{position:absolute;inset:0 0 0 auto;width:10px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-right:3px solid transparent;transition:border-color .5s}.diagram__left_panel_resizer:hover{border-right:3px solid var(--diagram-resizer-highlight)}.stage{display:flex;flex-direction:row;align-items:stretch;height:100%;position:fixed;inset:0;background:var(--bg)}.h_stack>*{height:100%}.h_stack>:last-child{flex:1 1 auto;min-width:0}.collapsible_panel{pointer-events:auto;display:flex;flex-direction:column;min-width:0;max-width:none;flex-shrink:0;height:100%;min-height:0;background:var(--bg);color:var(--text);border:1px solid var(--toolbar-border);overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.diagram__plain_panel{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--space-4)}.diagram__stats_section{display:grid;gap:var(--space-2)}.diagram__stats_actions{display:flex;gap:var(--space-2)}.diagram__stats_grid_2{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.diagram__stats_label{display:grid;gap:var(--space-1);font-size:12px}.diagram__stats_meta{font-size:12px;opacity:.9}.diagram__stats_meta_error{color:var(--context-menu-danger)}.diagram__stats_checkbox{display:flex;gap:var(--space-2);align-items:center}#BPMNStatisticsPanel,#BPMNShapesShowcasePanel{padding:var(--space-2) var(--space-2) var(--space-4)}#BPMNStatisticsPanel .collapsible_panel__header,#BPMNShapesShowcasePanel .collapsible_panel__header{margin-top:var(--space-2);padding:7px 10px;border:1px solid var(--stats-panel-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--stats-panel-surface);box-shadow:var(--stats-panel-shadow)}#BPMNStatisticsPanel>.collapsible_panel__header:first-child,#BPMNShapesShowcasePanel>.collapsible_panel__header:first-child{margin-top:0}#BPMNStatisticsPanel .collapsible_panel__title,#BPMNShapesShowcasePanel .collapsible_panel__title{font-size:14px;letter-spacing:.1px}#BPMNStatisticsPanel .collapsible_panel__content,#BPMNShapesShowcasePanel .collapsible_panel__content{border:1px solid var(--stats-panel-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;padding:10px;background:var(--stats-panel-surface-soft);box-shadow:var(--stats-panel-shadow)}#BPMNShapesShowcasePanel .node__tools{display:none}#BPMNStatisticsPanel .diagram__stats_label{font-size:12px;color:var(--stats-panel-muted)}#BPMNStatisticsPanel .diagram__stats_label>input,#BPMNStatisticsPanel .diagram__stats_label>select,#BPMNStatisticsPanel .diagram__stats_label>textarea{color:var(--form-text)}#BPMNStatisticsPanel .diagram__stats_actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#BPMNStatisticsPanel .diagram__stats_actions>button{width:100%;min-height:34px;border-radius:var(--radius-sm)}#BPMNStatisticsPanel input[type=file]{background:var(--stats-panel-surface);border-color:var(--stats-panel-border)}#BPMNStatisticsPanel input[type=file]::file-selector-button{background:color-mix(in oklab,var(--stats-panel-surface) 60%,white 40%);border-color:var(--stats-panel-border);border-radius:var(--radius-sm)}#BPMNStatisticsPanel .diagram__stats_meta{color:var(--stats-panel-muted)}#BPMNStatisticsPanel .diagram__stats_checkbox{font-size:13px}#BPMNStatisticsPanel .diagram__stats_grid_2 input[type=color]{min-height:36px;padding:var(--space-1)}#BPMNShapesShowcasePanel .diagram__showcase_nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}#BPMNShapesShowcasePanel .diagram__showcase_groups{display:grid;grid-template-columns:1fr}#BPMNShapesShowcasePanel .diagram__showcase_item{position:relative;border-radius:var(--radius-sm);padding:var(--space-1);min-height:112px;display:flex;align-items:center;justify-content:center}#BPMNShapesShowcasePanel .diagram__showcase_item>.diagram__node{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}#BPMNShapesShowcasePanel .diagram__showcase_nodes .diagram__node.bpmn__task{width:128px!important;height:70px!important}#BPMNShapesShowcasePanel .diagram__showcase_nodes .diagram__node.bpmn__event,#BPMNShapesShowcasePanel .diagram__showcase_nodes .diagram__node.bpmn__gate{width:70px!important;height:70px!important}#BPMNShapesShowcasePanel .diagram__showcase_nodes .diagram__node.bpmn__gate>svg{width:100%!important;height:100%!important}#BPMNShapesShowcasePanel .diagram__showcase_groups .diagram__showcase_item{min-height:112px}#BPMNShapesShowcasePanel .diagram__showcase_groups .diagram__node.bpm__lanes{width:260px!important;height:84px!important}#BPMNShapesShowcasePanel .diagram__showcase_groups .diagram__node_tools,#BPMNShapesShowcasePanel .diagram__showcase_groups .lane__screenLabelInput{display:none}@media(max-width:420px){#BPMNShapesShowcasePanel .diagram__showcase_nodes{grid-template-columns:1fr}}@media(max-width:420px){#BPMNStatisticsPanel .diagram__stats_grid_2{grid-template-columns:1fr}}.diagram__left_panel_content>.collapsible_panel{padding-bottom:100px;height:100%;flex:0 0 auto}.collapsible_panel::-webkit-scrollbar,.canvas__frame::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}.collapsible_panel::-webkit-scrollbar-track,.canvas__frame::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track)}.collapsible_panel::-webkit-scrollbar-thumb,.canvas__frame::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}.collapsible_panel::-webkit-scrollbar-thumb:hover,.canvas__frame::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.collapsible_panel.collapsed{min-width:unset;max-width:unset}.collapsible_panel__header{color:inherit;padding:8px 10px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.collapsible_panel__title{font-weight:600;font-size:14px}.collapsible_panel__content{border-top:1px solid var(--toolbar-border);padding:10px}.collapsible_panel input,.collapsible_panel select,.collapsible_panel button,.collapsible_panel textarea,.diagram__plain_panel input,.diagram__plain_panel select,.diagram__plain_panel button,.diagram__plain_panel textarea{font:inherit;color:var(--form-text);background:var(--form-bg);border:1px solid var(--form-border);border-radius:6px}.collapsible_panel input,.collapsible_panel select,.collapsible_panel textarea,.diagram__plain_panel input,.diagram__plain_panel select,.diagram__plain_panel textarea{width:100%;min-height:34px;padding:6px 10px;box-sizing:border-box}.collapsible_panel input[type=checkbox],.diagram__plain_panel input[type=checkbox]{width:16px;min-height:16px;height:16px;padding:0}.collapsible_panel input[type=color],.diagram__plain_panel input[type=color]{min-height:34px;padding:3px}.collapsible_panel input[type=file],.diagram__plain_panel input[type=file]{padding:5px 6px}.collapsible_panel input[type=file]::file-selector-button,.diagram__plain_panel input[type=file]::file-selector-button{font:inherit;color:var(--form-text);background:color-mix(in oklab,var(--form-bg) 70%,white 30%);border:1px solid var(--form-border);border-radius:6px;padding:4px 8px;margin-right:8px;cursor:pointer}.collapsible_panel button,.diagram__plain_panel button{padding:7px 10px;min-height:34px;cursor:pointer}.collapsible_panel button:disabled,.diagram__plain_panel button:disabled{opacity:.45;cursor:not-allowed}.collapsible_panel input:focus,.collapsible_panel select:focus,.collapsible_panel textarea:focus,.collapsible_panel button:focus-visible,.diagram__plain_panel input:focus,.diagram__plain_panel select:focus,.diagram__plain_panel textarea:focus,.diagram__plain_panel button:focus-visible{outline:2px solid var(--form-focus);outline-offset:1px}.collapsible_panel__resizer{position:absolute;inset:0 0 0 auto;width:10px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.collapsible_panel--resizer-left .collapsible_panel__resizer{inset:0 auto 0 0;border-left:3px solid transparent;border-color:transparent;transition:border-color .5s}.collapsible_panel--resizer-left .collapsible_panel__resizer:hover{border-left:3px solid var(--diagram-resizer-highlight)}.collapsible_panel--resizer-right .collapsible_panel__resizer{border-right:3px solid transparent;border-color:transparent;transition:border-color .5s}.collapsible_panel--resizer-right .collapsible_panel__resizer:hover{border-right:3px solid var(--diagram-resizer-highlight)}.collapsible_panel.collapsed .collapsible_panel__content{display:none}.toolbar{inset:unset;position:fixed;bottom:5px;right:5px;display:flex;gap:3px;padding:3px;background:var(--bg);border:1px solid var(--toolbar-border);border-radius:4px;align-items:center}.toolbar .separator{border-left:1px solid var(--toolbar-border);border-right:1px solid var(--toolbar-border);padding-left:1px;height:25px;margin:0 3px}.toolbar .tool{cursor:pointer;padding:6px;border:1px solid var(--toolbar-tool-border);border-radius:4px;color:var(--text);transition:background-color .2s}.toolbar .tool.disabled path{color:var(--tool-disabled-fg)}.toolbar .tool.selected{background:var(--tool-selected-bg)}.toolbar .tool:active{background:var(--tool-active-bg)}.diagram__context_menu_layer{position:fixed;inset:0;pointer-events:none;z-index:999}.diagram__context_menu{position:fixed;min-width:220px;max-width:280px;padding:3px;border-radius:4px;background:var(--context-menu-bg);color:var(--context-menu-color);border:1px solid var(--context-menu-border);overflow:visible;pointer-events:auto;-webkit-user-select:none;user-select:none}.diagram__context_menu--nested{position:static}.diagram__context_menu_list{list-style:none;margin:0;padding:0}.diagram__context_menu_item{position:relative}.diagram__context_menu_button{width:100%;border:none;border-radius:3px;background:transparent;color:inherit;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;cursor:pointer}.diagram__context_menu_item:hover>.diagram__context_menu_button,.diagram__context_menu_item:focus-within>.diagram__context_menu_button,.diagram__context_menu_item.submenu_open>.diagram__context_menu_button{background:var(--context-menu-hover-bg)}.diagram__context_menu_item.disabled>.diagram__context_menu_button{opacity:.45;cursor:not-allowed}.diagram__context_menu_item.danger>.diagram__context_menu_button .diagram__context_menu_label{color:var(--context-menu-danger);font-weight:600}.diagram__context_menu_chevron{opacity:.8;font-size:12px}.diagram__context_menu_submenu{position:absolute;z-index:2}.diagram__editor_mode_switcher{position:fixed;top:8px;right:8px;z-index:1001;display:inline-flex;gap:6px;padding:4px;border-radius:6px;border:1px solid var(--toolbar-border);background:color-mix(in oklab,var(--bg) 85%,white 15%)}.diagram__editor_mode_switcher>button{font:inherit;border:1px solid var(--toolbar-border);border-radius:4px;background:transparent;color:var(--text);padding:5px 10px;cursor:pointer}.diagram__editor_mode_switcher>button.active{background:var(--tool-selected-bg)}.edge{pointer-events:auto}.edge_marker_path{fill:var(--edge-stroke);transition:fill .22s ease,stroke .22s ease}.edge path{stroke:var(--edge-stroke);transition:stroke .22s ease,stroke-width .22s ease,fill .22s ease}.edge path.edge-hover-area{pointer-events:stroke;stroke:transparent;transition:none}.edge path.edge-path{pointer-events:none}:is(.edge:hover,.edge.hover,.edge.dragging) .edge_drag_point{cursor:pointer;fill:var(--edge-dragger-hover-stroke)}:is(.edge:hover,.edge.hover,.edge.dragging) path.edge-hover-area{cursor:pointer;stroke:transparent}:is(.edge:hover,.edge.hover,.edge.dragging) path.edge-path{stroke:var(--edge-dragger-hover-stroke);stroke-width:var( --edge-hover-stroke-width, var(--diagram-edge-hover-stroke-width) )}.edge_drag_point{width:12px;height:12px;fill:var(--edge-stroke)}.edge_endpoint_drag_point{fill:var(--bg);stroke:var(--edge-dragger-stroke);stroke-width:2px}.edge-label rect{fill:var(--diagram-edge-label-fill);stroke:var(--diagram-edge-label-stroke);stroke-width:1px}.edge-label text{fill:var(--diagram-edge-label-text);font-size:12px;font-family:inherit;pointer-events:none;-webkit-user-select:none;user-select:none}.edge-label-input{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--diagram-edge-label-input-border);border-radius:6px;background:var(--diagram-edge-label-input-bg);color:var(--diagram-edge-label-input-text);font:inherit;font-size:12px;padding:4px 6px}.edge-label-input:focus{outline:none}.edge.selected .edge_endpoint_drag_point,.edge.dragging .edge_endpoint_drag_point{cursor:pointer;stroke:var(--edge-dragger-hover-stroke)}.measurement marker path{stroke:var(--diagram-path-finding-grid-edge-highlight);stroke-width:3px}.measurement path{stroke:var(--edge-stroke);stroke-width:1px}.alignment_sugestion path{stroke:var(--alignment-sugestion);stroke-width:1px;stroke-dasharray:10 10}.distance_balance_sugestion path{stroke:var(--distance-balance-sugestion);stroke-width:1px}.path_finding_grid_edge path{stroke:var(--path-finding-grid-edge);stroke-width:1px}.path_finding_grid_edge_chosen path{stroke:var(--path-finding-grid-edge--highlight);stroke-width:1px}.node__tools{position:absolute;left:calc(100% + 10px);top:0;width:200px}.node__tools svg{width:var(--node-tool-icon-size);height:var(--node-tool-icon-size)}.node__tools svg path{fill:var(--node-stroke)}.editable__label{background:none;color:inherit;border:none;text-align:center;outline:none;font-size:inherit;font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:500;font-kerning:normal;font-variant-ligatures:contextual;line-height:1.18;letter-spacing:0;overflow:visible}.editable__label::-webkit-scrollbar{width:4px;height:4px}.editable__label::-webkit-scrollbar-track{background:transparent}.editable__label::-webkit-scrollbar-thumb{background-color:#64748b59;border-radius:4px}.editable__label::-webkit-scrollbar-thumb:hover{background-color:#64748b99}#Showcase .collapsible_panel__content{display:grid;gap:32px;padding:32px;grid-template-columns:1fr 1fr}#Showcase .bpm__node{justify-self:center;position:static!important}#Showcase .bpm__node .label{position:static;top:0}#Showcase .bpmn__event,#Showcase .bpmn__task,#Showcase .bpmn__gate{width:80px!important;height:80px!important}#Showcase .collapsible_panel__content.groups{display:flex;flex-direction:column}#Showcase .bpm__lanes{pointer-events:all!important;justify-self:stretch;width:100%!important;height:60px!important;padding:0!important}#Showcase .node__tools{display:none}.bpm__node.bpmn__task{border-radius:8px}.bpm__node.bpmn__event{border-radius:100%;position:relative}.bpm__node.bpmn__event .editable__label{position:absolute;top:70px}.bpm__node.bpmn__gate{border:none;background:none;position:relative;fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:2px}.bpm__node.bpmn__gate .editable__label{position:absolute;top:70px}.bpm__node.bpmn__unknown{border:2px dashed var(--node-stroke);border-radius:8px;position:relative;background:#ffffff73}.bpm__node.bpmn__unknown .bpmn__unknown__marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-size:28px;font-weight:700;line-height:1;opacity:.75;pointer-events:none}.diagram__node.bpm__lanes{background:none;border:none;position:relative;pointer-events:none}.diagram__node.bpm__lanes .lane__svg{width:100%;height:100%;overflow:visible;pointer-events:none}.diagram__node.bpm__lanes .lane__background{fill:color-mix(in oklab,var(--node-fill) 78%,transparent);stroke:none;pointer-events:all;cursor:move}.diagram__node.bpm__lanes .lane__head,.diagram__node.bpm__lanes .lane__content{fill:transparent;stroke:var(--node-stroke);stroke-width:1px;vector-effect:non-scaling-stroke}.diagram__node.bpm__lanes .lane__head{pointer-events:all;cursor:move}.diagram__node.bpm__lanes .node__tools{top:0;pointer-events:all}.lane__screenWidthResizeBar,.lane__screenWidthResize,.lane__screenHeightResize{pointer-events:all}.lane__screenWidthResizeBar,.lane__screenWidthResize{cursor:col-resize}.lane__screenWidthResize{box-sizing:border-box;border:1px solid var(--node-stroke);background:var(--diagram-lane-toolbar-bg);opacity:0;transition:opacity .12s ease}.lane__screenWidthResize:hover{opacity:1}.lane__screenWidthResizeBar:hover+.lane__screenWidthResize{opacity:1}.lane__screenHeightResize{cursor:row-resize}.lane__screenHeightResize:after{content:"";position:absolute;top:50%;right:0;left:0;height:max(1px,calc(2px * var(--diagram-canvas-scale, 1)));border-radius:999px;background:var(--node-select-stroke);opacity:0;transform:translateY(-50%);transition:opacity .12s ease}.lane__screenHeightResize:hover:after{opacity:1}.lane__screenHeader{--lane-toolbar-size: calc( var(--diagram-lane-toolbar-size) * var(--diagram-canvas-scale, 1) );display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:move}.lane__screenHeader .lane__screenLabel{color:var(--node-color);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;transform:rotate(-90deg)}.lane__screenHeader .lane__screenLabelInput{position:absolute;top:50%;left:50%;width:calc(var(--screen-renderer-height) * var(--diagram-canvas-scale, 1));height:calc(var(--screen-renderer-width) * var(--diagram-canvas-scale, 1));box-sizing:border-box;padding:0 calc(8px * var(--diagram-canvas-scale, 1));border:0;outline:0;background:transparent;color:var(--node-color);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:calc(14px * var(--diagram-canvas-scale, 1));font-weight:inherit;font-kerning:normal;font-variant-ligatures:contextual;line-height:1;letter-spacing:0;text-align:center;pointer-events:all;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}.lane__screenHeader.selected .lane__screenLabel,.lane__screenHeader.selected .lane__screenLabelInput{font-weight:600}.lane__screenHeader .lane__headerTools{position:absolute;z-index:3;top:50%;left:50%;display:flex;flex-direction:column;gap:calc(2px * var(--diagram-canvas-scale, 1));padding:calc(3px * var(--diagram-canvas-scale, 1));border:1px solid var(--diagram-lane-toolbar-border);border-radius:calc(6px * var(--diagram-canvas-scale, 1));background:var(--diagram-lane-toolbar-bg);box-shadow:var(--diagram-lane-toolbar-shadow);color:var(--diagram-lane-toolbar-fg);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.96);transition:opacity .12s ease,transform .12s ease}.lane__screenHeader .lane__headerTools button{display:grid;width:var(--lane-toolbar-size);height:var(--lane-toolbar-size);padding:0;place-items:center;border:0;border-radius:calc(4px * var(--diagram-canvas-scale, 1));background:transparent;color:var(--diagram-lane-toolbar-fg);cursor:pointer}.lane__screenHeader .lane__headerTools button svg{width:calc(var(--lane-toolbar-size) * .57);height:calc(var(--lane-toolbar-size) * .57)}.lane__screenHeader .lane__headerTools button svg path{fill:var(--diagram-lane-toolbar-fg);stroke:none}.lane__screenHeader .lane__headerTools button:hover,.lane__screenHeader .lane__headerTools button:focus-visible{background:color-mix(in srgb,var(--diagram-lane-toolbar-fg) 14%,transparent);outline:none}.lane__screenHeader:hover .lane__headerTools,.lane__screenHeader:focus-within .lane__headerTools{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.lane__screenHeader.lane__screenHeader--editing .lane__headerTools{opacity:0;pointer-events:none}.agent__node{text-align:center;padding:8px}.agent__node .editable__label{margin:0;white-space:pre-wrap;line-height:1.2;width:100%}.agent__trigger{border-radius:999px}.agent__action{border-radius:10px}.agent__outcome{border-radius:14px;border-style:dashed}.diagram__node.agent__condition{border:none;background:none;position:relative;padding:0}.diagram__node.agent__condition svg{display:block;width:100%;height:100%}.diagram__node.agent__condition svg polygon{fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:2px}.diagram__node.agent__condition .editable__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%}#AgentFlowPanel,#AgentShapesShowcasePanel{padding:var(--space-2) var(--space-2) var(--space-4)}#AgentFlowPanel .collapsible_panel__header,#AgentShapesShowcasePanel .collapsible_panel__header{margin-top:var(--space-2);padding:7px 10px;border:1px solid var(--stats-panel-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--stats-panel-surface);box-shadow:var(--stats-panel-shadow)}#AgentFlowPanel>.collapsible_panel__header:first-child,#AgentShapesShowcasePanel>.collapsible_panel__header:first-child{margin-top:0}#AgentFlowPanel .collapsible_panel__title,#AgentShapesShowcasePanel .collapsible_panel__title{font-size:14px;letter-spacing:.1px}#AgentFlowPanel .collapsible_panel__content,#AgentShapesShowcasePanel .collapsible_panel__content{border:1px solid var(--stats-panel-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;padding:10px;background:var(--stats-panel-surface-soft);box-shadow:var(--stats-panel-shadow)}#AgentFlowPanel .diagram__stats_actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#AgentFlowPanel .diagram__stats_actions>button{width:100%;min-height:34px;border-radius:var(--radius-sm)}#AgentFlowPanel .diagram__stats_label{font-size:12px;color:var(--stats-panel-muted)}#AgentShapesShowcasePanel .diagram__showcase_nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}#AgentShapesShowcasePanel .diagram__showcase_item{position:relative;border-radius:var(--radius-sm);padding:var(--space-1);min-height:116px;display:flex;align-items:center;justify-content:center}#AgentShapesShowcasePanel .diagram__showcase_item>.diagram__node{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}#AgentShapesShowcasePanel .diagram__showcase_item .editable__label{pointer-events:none}@media(max-width:420px){#AgentFlowPanel .diagram__stats_grid_2,#AgentShapesShowcasePanel .diagram__showcase_nodes{grid-template-columns:1fr}}.communication__node{display:flex;flex-direction:column;justify-content:center;gap:8px;border:2px solid var(--node-stroke, #222);background:var(--node-fill, #fff);border-radius:12px;padding:10px 12px;box-sizing:border-box;color:var(--node-color, #111);box-shadow:0 1px 3px #0000001f}.communication__node.selected{box-shadow:0 0 0 2px #2563eb40,0 4px 12px #0000001f}.communication__node-badge{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid currentColor;border-radius:999px;padding:2px 8px;opacity:.85}.communication__node .editable__label{margin:0;width:100%;min-height:20px;border:none;background:transparent;color:inherit;font:600 14px/1.35 sans-serif;white-space:pre-wrap;overflow:hidden}.communication__node .editable__label:focus{outline:none}.communication__node--actor{border-radius:999px}.communication__node--controller{border-style:dashed}
1
+ .editable__label{background:none;color:inherit;border:none;text-align:center;outline:none;font-size:inherit;font-family:var(--node-font-family, var(--diagram-node-font-family));font-weight:500;font-kerning:normal;font-variant-ligatures:contextual;line-height:1.18;letter-spacing:0;overflow:visible}.editable__label::-webkit-scrollbar{width:4px;height:4px}.editable__label::-webkit-scrollbar-track{background:transparent}.editable__label::-webkit-scrollbar-thumb{background-color:#64748b59;border-radius:4px}.editable__label::-webkit-scrollbar-thumb:hover{background-color:#64748b99}.agent__node{text-align:center;padding:8px}.agent__node .editable__label{margin:0;white-space:pre-wrap;line-height:1.2;width:100%}.agent__trigger{border-radius:999px}.agent__action{border-radius:10px}.agent__outcome{border-radius:14px;border-style:dashed}.diagram__node.agent__condition{border:none;background:none;position:relative;padding:0}.diagram__node.agent__condition svg{display:block;width:100%;height:100%}.diagram__node.agent__condition svg polygon{fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:2px}.diagram__node.agent__condition .editable__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%}#AgentFlowPanel,#AgentShapesShowcasePanel{padding:var(--space-2) var(--space-2) var(--space-4)}#AgentFlowPanel .collapsible_panel__header,#AgentShapesShowcasePanel .collapsible_panel__header{margin-top:var(--space-2);padding:7px 10px;border:1px solid var(--stats-panel-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--stats-panel-surface);box-shadow:var(--stats-panel-shadow)}#AgentFlowPanel>.collapsible_panel__header:first-child,#AgentShapesShowcasePanel>.collapsible_panel__header:first-child{margin-top:0}#AgentFlowPanel .collapsible_panel__title,#AgentShapesShowcasePanel .collapsible_panel__title{font-size:14px;letter-spacing:.1px}#AgentFlowPanel .collapsible_panel__content,#AgentShapesShowcasePanel .collapsible_panel__content{border:1px solid var(--stats-panel-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;padding:10px;background:var(--stats-panel-surface-soft);box-shadow:var(--stats-panel-shadow)}#AgentFlowPanel .diagram__stats_actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#AgentFlowPanel .diagram__stats_actions>button{width:100%;min-height:34px;border-radius:var(--radius-sm)}#AgentFlowPanel .diagram__stats_label{font-size:12px;color:var(--stats-panel-muted)}#AgentShapesShowcasePanel .diagram__showcase_nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}#AgentShapesShowcasePanel .diagram__showcase_item{position:relative;border-radius:var(--radius-sm);padding:var(--space-1);min-height:116px;display:flex;align-items:center;justify-content:center}#AgentShapesShowcasePanel .diagram__showcase_item>.diagram__node{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}#AgentShapesShowcasePanel .diagram__showcase_item .editable__label{pointer-events:none}@media(max-width:420px){#AgentFlowPanel .diagram__stats_grid_2,#AgentShapesShowcasePanel .diagram__showcase_nodes{grid-template-columns:1fr}}#Showcase .collapsible_panel__content{display:grid;gap:32px;padding:32px;grid-template-columns:1fr 1fr}#Showcase .bpm__node{justify-self:center;position:static!important}#Showcase .bpm__node .label{position:static;top:0}#Showcase .bpmn__event,#Showcase .bpmn__task,#Showcase .bpmn__gate{width:80px!important;height:80px!important}#Showcase .collapsible_panel__content.groups{display:flex;flex-direction:column}#Showcase .bpm__lanes{pointer-events:all!important;justify-self:stretch;width:100%!important;height:60px!important;padding:0!important}#Showcase .node__tools{display:none}#BPMNShapesShowcasePanel,#BPMNShapesShowcasePanel button,#BPMNShapesShowcasePanel input,#BPMNShapesShowcasePanel select{font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif}.bpm__node.bpmn__task{border-radius:8px}.bpm__node.bpmn__event{border-radius:100%;position:relative}.bpm__node.bpmn__event .editable__label{position:absolute;top:70px}.bpm__node.bpmn__gate{border:none;background:none;position:relative;fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:2px}.bpm__node.bpmn__gate .editable__label{position:absolute;top:70px}.bpm__node.bpmn__unknown{border:2px dashed var(--node-stroke);border-radius:8px;position:relative;background:#ffffff73}.bpm__node.bpmn__unknown .bpmn__unknown__marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-size:28px;font-weight:700;line-height:1;opacity:.75;pointer-events:none}.bpmn__task_marker,.bpmn__event_marker,.bpmn__gate_marker,.bpmn__data_store_icon,.bpmn__document_icon{color:var(--node-color);pointer-events:none}.bpm__node .bpmn__task_marker path,.bpm__node .bpmn__event_marker path,.bpm__node .bpmn__data_store_icon path{fill:currentColor;stroke:none}.bpm__node .bpmn__gate_marker path,.bpm__node .bpmn__gate_marker circle{fill:none;stroke:currentColor}.bpmn__message_icon .bpmn__message_body{stroke:currentColor;stroke-linejoin:round;stroke-width:1.5}.bpmn__message_icon .bpmn__message_fold{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.bpmn__message_icon--receive .bpmn__message_body{fill:transparent}.bpmn__message_icon--send .bpmn__message_body{fill:currentColor}.bpmn__message_icon--send .bpmn__message_fold{stroke:var(--node-fill, var(--context-menu-bg))}:where(body.light) .bpmn__message_icon{color:#000}:where(body:not(.light)) .bpmn__message_icon{color:#fff}.bpm__node .bpmn__message_icon .bpmn__message_body{stroke:currentColor}.bpm__node .bpmn__message_icon--receive .bpmn__message_body{fill:transparent}.bpm__node .bpmn__message_icon--send .bpmn__message_body{fill:currentColor}.bpm__node .bpmn__message_icon .bpmn__message_fold{fill:none;stroke:currentColor}.bpm__node .bpmn__message_icon--send .bpmn__message_fold{stroke:var(--node-fill)}.bpm__node .bpmn__event_marker .bpmn__event_symbol_outline,.bpm__node .bpmn__event_marker--catch .bpmn__event_symbol_fillable{fill:none;stroke:currentColor}.bpm__node .bpmn__event_marker--throw .bpmn__event_symbol_fillable{fill:currentColor;stroke:currentColor}.bpm__node.bpmn__event .bpmn__event_symbol--signal{stroke-width:1.65px}.bpm__node.bpmn__event .bpmn__event_symbol--compensation,.bpm__node.bpmn__event .bpmn__event_symbol--error{stroke-width:1.55px}.bpm__node.bpmn__event .bpmn__event_symbol--conditional-frame{stroke-width:1.45px}.bpm__node.bpmn__event .bpmn__event_symbol--conditional-lines{stroke-width:1.25px}.bpm__node.bpmn__event .bpmn__message_body,.bpm__node.bpmn__event .bpmn__message_fold{stroke-width:1.5px}.bpm__node.bpmn__event.selected .bpmn__event_marker{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.bpm__node.bpmn__event.selected .bpmn__event_marker .bpmn__event_symbol_outline,.bpm__node.bpmn__event.selected .bpmn__event_marker--catch .bpmn__event_symbol_fillable{fill:none;stroke:currentColor}.bpm__node.bpmn__event.selected .bpmn__event_marker--throw .bpmn__event_symbol_fillable{fill:currentColor;stroke:currentColor}.bpm__node.bpmn__task.selected,.bpm__node.bpmn__event.selected{border-color:var(--node-stroke);background:var(--node-fill);box-shadow:0 0 0 2px var(--node-select-stroke),0 0 0 5px var(--node-select-ring),0 0 14px var(--node-select-shadow)}.bpm__node.bpmn__gate.selected{border:none;background:none;box-shadow:none;filter:drop-shadow(0 0 2px var(--node-select-stroke)) drop-shadow(0 0 8px var(--node-select-shadow))}.bpm__node.selected .bpmn__task_loop,.bpm__node.selected .bpmn__task_loop path{fill:currentColor;opacity:1;stroke:none;stroke-width:0}.bpm__node.selected .bpmn__task_multi_instance path{fill:none;stroke:currentColor;stroke-width:2px}.bpm__node.selected .bpmn__gate_marker path{fill:none;stroke:currentColor}.bpm__node.selected .bpmn__gate_marker--exclusive path,.bpm__node.selected .bpmn__gate_marker--parallel path{stroke-width:2.2px}.bpm__node.selected .bpmn__gate_marker--eventBased path{stroke-width:.82px}.node__screenLabel.bpmn__node-label.selected,.node__screenLabel.editable__label.bpmn__node-label.selected{font-weight:500}:where(body:not(.light)) .bpm__node .bpmn__event_marker,:where(body:not(.light)) .bpm__node .bpmn__gate_marker{color:var(--node-stroke)}.bpmn__task_marker{position:absolute;top:8px;left:8px;width:26px;height:26px}.bpmn__task_plus{position:absolute;bottom:0;left:50%;display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--node-stroke);border-radius:2px;color:var(--node-color);font-size:15px;font-weight:700;line-height:1;pointer-events:none;transform:translate(-50%)}.bpmn__task_bottom_markers{position:absolute;bottom:0;left:50%;display:flex;align-items:center;gap:5px;color:var(--node-color);pointer-events:none;transform:translate(-50%)}.bpmn__task_bottom_markers .bpmn__task_plus{position:static;flex:0 0 16px;transform:none}.bpmn__task_multi_instance,.bpmn__task_loop{width:24px;height:16px;color:var(--node-color)}.bpmn__task_loop,.bpmn__task_loop path{fill:currentColor;opacity:1;stroke:none}.bpmn__event_marker{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.bpmn__gate_marker{width:100%;height:100%;padding:12px;box-sizing:border-box;color:var(--node-stroke)}.bpm__node.bpmn__task.bpmn--callActivity{border-width:4px}.bpm__node.bpmn__task.bpmn--subprocess{border:2px solid var(--node-stroke);background:var(--node-fill)}.bpm__node.bpmn__task.bpmn--eventSubprocess{border-width:2px;border-style:dashed;border-color:var(--node-stroke)}.bpm__node.bpmn__task.bpmn--event-drop-inside{background:color-mix(in oklab,var(--node-fill) 72%,var(--node-select-fill-tint) 28%)}.bpm__node.bpmn__task.bpmn--event-drop-attach{border-color:var(--node-select-stroke)}.bpm__node.bpmn__event{border:2px solid var(--node-stroke);background:var(--node-fill)}.bpm__node.bpmn__event.bpmn__event__end{border-width:5px}.bpm__node.bpmn__event.bpmn__event__intermediate{box-shadow:inset 0 0 0 3px var(--node-fill),inset 0 0 0 5px var(--node-stroke)}.bpm__node.bpmn__event.bpmn--boundary{border-width:2px;border-style:solid;box-shadow:none}.bpm__node.bpmn__event.bpmn--boundary:before{position:absolute;z-index:0;inset:3px;border:2px solid var(--node-stroke);border-radius:50%;content:"";pointer-events:none}.bpm__node.bpmn__event.bpmn--boundary.bpmn--non-interrupting,.bpm__node.bpmn__event.bpmn--boundary.bpmn--non-interrupting:before{border-style:dashed}.bpm__node.bpmn__event.bpmn--subprocess-start{border-width:2px;border-style:dashed;box-shadow:none}.bpm__node.bpmn__black_box_pool,.bpm__node.bpmn__document_annotation{border:0;border-radius:0;background:transparent}.node__screenLabel.bpmn__black_box_pool_label,.node__screenLabel.bpmn__document_annotation_label{color:var(--node-color);-webkit-text-fill-color:var(--node-color)}.node__screenLabel.bpmn__black_box_pool_label{align-items:center;justify-content:center}.node__screenLabel.bpmn__document_annotation_label{align-items:flex-start;justify-content:flex-start;text-align:left}.bpm__node.bpmn__data_store,.bpm__node.bpmn__document{border:0;background:transparent}.bpmn__data_store_icon,.bpmn__document_icon{width:100%;height:100%;color:var(--node-stroke)}.bpm__node .bpmn__data_store_icon .bpmn__data_store_body{fill:var(--diagram-node-fill);stroke:var(--edge-stroke);stroke-linejoin:round;stroke-width:1.25}.bpm__node .bpmn__data_store_icon .bpmn__data_store_lines{fill:none;stroke:var(--edge-stroke);stroke-linecap:round;stroke-width:1.25}.bpm__node .bpmn__document_icon .bpmn__document_body{fill:var(--diagram-node-fill);stroke:var(--edge-stroke);stroke-linejoin:round;stroke-width:1.35}.bpm__node .bpmn__document_icon .bpmn__document_fold{fill:none;stroke:var(--edge-stroke);stroke-linejoin:round;stroke-width:1.35}.bpm__node.bpmn__text_annotation{border:0;border-left:3px solid var(--node-stroke);border-radius:0;background:transparent}.bpm__node.bpmn__text_annotation:before,.bpm__node.bpmn__text_annotation:after{position:absolute;left:0;width:18px;height:3px;background:var(--node-stroke);content:""}.bpm__node.bpmn__text_annotation:before{top:0}.bpm__node.bpmn__text_annotation:after{bottom:0}.bpmn__selection_toolbar{position:absolute;left:calc(var(--diagram-canvas-translate-x, 0px) + var(--screen-renderer-x) * var(--diagram-canvas-scale, 1));top:calc(var(--diagram-canvas-translate-y, 0px) + var(--screen-renderer-y) * var(--diagram-canvas-scale, 1));z-index:var(--screen-renderer-z-index);display:flex;flex-direction:column;gap:2px;padding:3px;border:1px solid var(--diagram-lane-toolbar-border);border-radius:7px;background:var(--diagram-lane-toolbar-bg);box-shadow:var(--diagram-lane-toolbar-shadow);color:var(--diagram-lane-toolbar-fg);pointer-events:all;transform:translateY(-50%)}.bpmn__selection_toolbar--edge{transform:translate(-50%,calc(-100% - 10px))}.bpmn__selection_toolbar--below-external-label{flex-direction:row;transform:translate(-50%)}.bpmn__toolbar_group{position:relative;display:flex}.bpmn__toolbar_group>button{display:grid;width:30px;height:30px;padding:5px;place-items:center;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.bpmn__toolbar_group>button:hover,.bpmn__toolbar_group>button:focus-visible{background:var(--diagram-context-menu-hover-bg);outline:none}.bpmn__toolbar_group>button svg{width:100%;height:100%}.bpmn__element_menu{position:absolute;z-index:8;top:var(--bpmn-menu-top, -4px);left:100%;display:flex;min-width:190px;max-height:310px;flex-direction:column;gap:1px;padding:5px;overflow:auto;border:1px solid var(--context-menu-border);border-radius:8px;background:var(--context-menu-bg);box-shadow:var(--stats-panel-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-4px);transition:opacity .1s ease,transform .1s ease,visibility .1s}.bpmn__element_menu--searchable{overflow:visible}.bpmn__toolbar_group--menu-left>.bpmn__element_menu{right:100%;left:auto}.bpmn__element_menu:before{position:absolute;top:0;right:100%;width:8px;height:100%;content:""}.bpmn__toolbar_group--menu-left>.bpmn__element_menu:before{right:auto;left:100%}.bpmn__toolbar_group:focus-within>.bpmn__element_menu,.bpmn__toolbar_group--open>.bpmn__element_menu{opacity:1;visibility:visible;pointer-events:all;transform:translate(0)}.bpmn__element_menu_item[aria-current=true]{background:var(--tool-selected-bg);color:var(--text);font-weight:650}.bpmn__element_menu_search{min-height:30px;box-sizing:border-box;flex:0 0 auto;padding:5px 8px;border:1px solid var(--form-border);border-radius:5px;outline:none;background:var(--form-bg);color:var(--form-text);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:12px}.bpmn__element_menu_search:focus{border-color:var(--form-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--form-focus) 24%,transparent)}.bpmn__element_menu_search::placeholder{color:var(--context-menu-color);opacity:.65}.bpmn__element_menu_items{display:flex;max-height:269px;flex-direction:column;gap:1px;overflow-y:auto}.bpmn__element_menu_item{display:flex;min-height:30px;align-items:center;gap:8px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:var(--context-menu-color);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-weight:500;font-size:12px;text-align:left;white-space:nowrap;cursor:pointer}.bpmn__element_menu_item:hover,.bpmn__element_menu_item:focus-visible{background:var(--context-menu-hover-bg);outline:none}.bpmn__element_menu_item svg{width:17px;height:17px;flex:0 0 17px}.bpmn__properties_panel{position:absolute;top:14px;right:14px;bottom:14px;width:min(320px,calc(100% - 28px));box-sizing:border-box;padding:16px;overflow:auto;border:1px solid var(--stats-panel-border);border-radius:12px;background:var(--stats-panel-surface);box-shadow:var(--stats-panel-shadow);color:var(--text);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;opacity:0;pointer-events:none;transform:translate(calc(100% + 24px));transition:transform .18s ease,opacity .15s ease}.diagram__extension_ui:has(.bpmn__properties_panel--open){z-index:1100}.bpmn__properties_panel--open{opacity:1;pointer-events:all;transform:translate(0)}.bpmn__properties_panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--stats-panel-border)}.bpmn__properties_panel>header div{display:flex;flex-direction:column;gap:3px}.bpmn__properties_panel>header span{color:color-mix(in srgb,var(--text) 74%,transparent);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.bpmn__properties_panel>header strong{color:var(--text);font-size:15px;font-weight:650}.bpmn__properties_panel>header button{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}.bpmn__properties_panel>header button:hover{background:var(--diagram-context-menu-hover-bg)}.bpmn__properties_fields{display:flex;flex-direction:column;gap:14px;padding-top:16px}.bpmn__properties_fields>label:not(.bpmn__properties_checkbox){display:flex;flex-direction:column;gap:6px;color:color-mix(in srgb,var(--text) 76%,transparent);font-size:12px}.bpmn__properties_fields input[type=text],.bpmn__properties_fields select,.bpmn__properties_fields textarea{width:100%;box-sizing:border-box;padding:8px 9px;border:1px solid var(--form-border);border-radius:7px;background:var(--form-bg);color:var(--form-text);font:inherit;font-size:13px;outline:none}.bpmn__properties_fields input:focus,.bpmn__properties_fields select:focus,.bpmn__properties_fields textarea:focus{border-color:var(--form-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--form-focus) 24%,transparent)}.bpmn__properties_checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.node__screenLabel.bpmn__axis-label{align-items:flex-start}.node__screenLabel.bpmn__axis-label[data-node-label-position=top]{align-items:flex-end}.node__screenLabel.bpmn__axis-label[data-node-label-position=bottom]{align-items:flex-start}.node__screenLabel.bpmn__axis-label[data-node-label-position=left]{align-items:center;justify-content:flex-end;text-align:right}.node__screenLabel.bpmn__axis-label[data-node-label-position=right]{align-items:center;justify-content:flex-start;text-align:left}.node__screenLabel.editable__label.bpmn__axis-label{padding-block:0;color:var(--node-color);-webkit-text-fill-color:var(--node-color)}.node__screenLabel.editable__label.bpmn__axis-label[data-node-label-position=top]{padding-block-start:max(0px,calc(var(--screen-renderer-height) * var(--diagram-canvas-scale, 1) - var(--screen-label-font-size) * var(--diagram-canvas-scale, 1) * 1.18));padding-block-end:0}.node__screenLabel.editable__label.bpmn__axis-label[data-node-label-position=bottom]{padding-block-start:0;padding-block-end:max(0px,calc(var(--screen-renderer-height) * var(--diagram-canvas-scale, 1) - var(--screen-label-font-size) * var(--diagram-canvas-scale, 1) * 1.18))}.node__screenLabel.editable__label.bpmn__axis-label[data-node-label-position=left]{text-align:right}.node__screenLabel.editable__label.bpmn__axis-label[data-node-label-position=right]{text-align:left}.node__screenLabel.bpmn__text-annotation-label{box-sizing:border-box;align-items:flex-start;justify-content:flex-start;padding:12px 14px;text-align:left}.node__screenLabel.editable__label.bpmn__text-annotation-label{background:transparent;padding:12px 14px}.diagram__node.bpm__lanes{background:none;border:none;position:relative;pointer-events:none}.diagram__node.bpm__lanes .lane__svg{width:100%;height:100%;overflow:visible;pointer-events:none}.diagram__node.bpm__lanes .lane__background{fill:color-mix(in oklab,var(--node-fill) 78%,transparent);stroke:none;pointer-events:all;cursor:move}.diagram__node.bpm__lanes .lane__head,.diagram__node.bpm__lanes .lane__content{fill:transparent;stroke:var(--node-stroke);stroke-width:1px;vector-effect:non-scaling-stroke}.diagram__node.bpm__lanes .lane__head{pointer-events:all;cursor:move}.diagram__node.bpm__lanes .node__tools{top:0;pointer-events:all}.lane__screenWidthResizeBar,.lane__screenWidthResize,.lane__screenHeightResize{pointer-events:all}.lane__screenWidthResizeBar,.lane__screenWidthResize{cursor:col-resize}.lane__screenWidthResize{box-sizing:border-box;border:1px solid var(--node-stroke);background:var(--diagram-lane-toolbar-bg);opacity:0;transition:opacity .12s ease}.lane__screenWidthResize:hover{opacity:1}.lane__screenWidthResizeBar:hover+.lane__screenWidthResize{opacity:1}.lane__screenHeightResize{cursor:row-resize}.lane__screenHeightResize:after{content:"";position:absolute;top:50%;right:0;left:0;height:max(1px,calc(2px * var(--diagram-canvas-scale, 1)));border-radius:999px;background:var(--node-select-stroke);opacity:0;transform:translateY(-50%);transition:opacity .12s ease}.lane__screenHeightResize:hover:after{opacity:1}.lane__screenHeader{--lane-toolbar-size: calc( var(--diagram-lane-toolbar-size) * var(--diagram-canvas-scale, 1) );z-index:calc(var(--screen-renderer-z-index) + 1);display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:move}.lane__screenHeader .lane__screenLabel{color:var(--node-color);font-family:var(--node-font-family);font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;transform:rotate(-90deg)}.lane__screenHeader .lane__screenLabelInput{position:absolute;top:50%;left:50%;width:calc(var(--screen-renderer-height) * var(--diagram-canvas-scale, 1));height:calc(var(--screen-renderer-width) * var(--diagram-canvas-scale, 1));box-sizing:border-box;padding:0 calc(8px * var(--diagram-canvas-scale, 1));border:0;outline:0;background:transparent;color:var(--node-color);font-family:var(--node-font-family);font-size:calc(14px * var(--diagram-canvas-scale, 1));font-weight:inherit;font-kerning:normal;font-variant-ligatures:contextual;line-height:1;letter-spacing:0;text-align:center;pointer-events:all;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}.lane__screenHeader.selected .lane__screenLabel,.lane__screenHeader.selected .lane__screenLabelInput{font-weight:600}.lane__screenHeader .lane__headerTools{position:absolute;z-index:3;top:50%;left:50%;display:flex;flex-direction:column;gap:calc(2px * var(--diagram-canvas-scale, 1));padding:calc(3px * var(--diagram-canvas-scale, 1));border:1px solid var(--diagram-lane-toolbar-border);border-radius:calc(6px * var(--diagram-canvas-scale, 1));background:var(--diagram-lane-toolbar-bg);box-shadow:var(--diagram-lane-toolbar-shadow);color:var(--diagram-lane-toolbar-fg);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.96);transition:opacity .12s ease,transform .12s ease}.lane__screenHeader .lane__headerTools button{display:grid;width:var(--lane-toolbar-size);height:var(--lane-toolbar-size);padding:0;place-items:center;border:0;border-radius:calc(4px * var(--diagram-canvas-scale, 1));background:transparent;color:var(--diagram-lane-toolbar-fg);cursor:pointer}.lane__screenHeader .lane__headerTools button svg{width:calc(var(--lane-toolbar-size) * .57);height:calc(var(--lane-toolbar-size) * .57)}.lane__screenHeader .lane__headerTools button svg path{fill:var(--diagram-lane-toolbar-fg);stroke:none}.lane__screenHeader .lane__headerTools button:hover,.lane__screenHeader .lane__headerTools button:focus-visible{background:color-mix(in srgb,var(--diagram-lane-toolbar-fg) 14%,transparent);outline:none}.lane__screenHeader:hover .lane__headerTools,.lane__screenHeader:focus-within .lane__headerTools{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.lane__screenHeader.lane__screenHeader--editing .lane__headerTools{opacity:0;pointer-events:none}.communication__node{display:flex;flex-direction:column;justify-content:center;gap:8px;border:2px solid var(--node-stroke, #222);background:var(--node-fill, #fff);border-radius:12px;padding:10px 12px;box-sizing:border-box;color:var(--node-color, #111);box-shadow:0 1px 3px #0000001f}.communication__node.selected{box-shadow:0 0 0 2px #2563eb40,0 4px 12px #0000001f}.communication__node-badge{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid currentColor;border-radius:999px;padding:2px 8px;opacity:.85}.communication__node .editable__label{margin:0;width:100%;min-height:20px;border:none;background:transparent;color:inherit;font:600 14px/1.35 var(--node-font-family, var(--diagram-node-font-family));white-space:pre-wrap;overflow:hidden}.communication__node .editable__label:focus{outline:none}.communication__node--actor{border-radius:999px}.communication__node--controller{border-style:dashed}:where(:root){--palette-primary-main: #8a8a92;--palette-primary-dark: #68686f;--palette-primary-light: #b0b0b5;--palette-primary-contrast-text: #050505;--palette-secondary-main: #5d5d66;--palette-secondary-dark: #4c4c52;--palette-secondary-light: #8a8a92;--palette-secondary-contrast-text: #f3f3f4;--palette-info-main: #9a9aa1;--palette-info-dark: #68686f;--palette-info-light: #8fcdff;--palette-info-contrast-text: #050505;--palette-warning-main: #9a9aa1;--palette-warning-dark: #68686f;--palette-warning-light: #c6c6ca;--palette-warning-contrast-text: #050505;--palette-error-main: #9a9aa1;--palette-error-dark: #68686f;--palette-error-light: #c6c6ca;--palette-error-contrast-text: #050505;--palette-success-main: #9a9aa1;--palette-success-dark: #68686f;--palette-success-light: #c6c6ca;--palette-success-contrast-text: #050505;--text-relationship: rgb(193, 255, 193);--color-neutral-0: #f3f3f4;--color-neutral-100: #d7d7db;--color-neutral-200: #c6c6ca;--color-neutral-300: #b0b0b5;--color-neutral-400: #9a9aa1;--color-neutral-500: #8a8a92;--color-neutral-600: #68686f;--color-neutral-700: #5d5d66;--color-neutral-800: #4c4c52;--color-neutral-850: #3e3e44;--color-neutral-900: #323236;--color-neutral-930: #2a2a2f;--color-neutral-950: #222226;--color-neutral-970: #1c1c1f;--color-neutral-980: #171718;--color-neutral-990: #131316;--color-neutral-995: #111113;--color-neutral-998: #0f0f10;--color-neutral-999: #0a0a0b;--color-neutral-1000: #050505;--color-neutral-white: #ffffff;--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-300);--text-disabled: var(--color-neutral-500);--text-contrast: #050505;--text-error: var(--palette-error-light);--background-default: #070707;--background-paper: var(--color-neutral-998);--background-elevated: var(--color-neutral-980);--background-overlay: var(--color-neutral-995);--background-field: var(--color-neutral-998);--background-interactive: var(--color-neutral-980);--background-interactive-active: var(--color-neutral-970);--gradient-app-background: radial-gradient( circle at top left, var(--color-neutral-970), var(--color-neutral-999) 45%, var(--color-neutral-1000) );--border-section: var(--color-neutral-900);--border-article: var(--color-neutral-930);--border-field: var(--color-neutral-900);--border-interactive: var(--color-neutral-900);--border-strong: var(--color-neutral-850);--outline-focus: #2d7cff;--state-hover-overlay: rgba(255, 255, 255, .04);--state-active-overlay: rgba(255, 255, 255, .08);--state-selected-overlay: color-mix( in srgb, var(--palette-primary-main) 16%, transparent );--state-drop-overlay: color-mix( in srgb, var(--palette-primary-main) 20%, transparent );--state-highlight-soft: color-mix( in srgb, var(--palette-primary-main) 12%, transparent );--state-highlight-edge: color-mix( in srgb, var(--palette-primary-main) 52%, transparent );--state-active-indicator: color-mix( in srgb, var(--palette-primary-main) 68%, var(--color-neutral-100) 32% );--shadow-1: 0 8px 18px rgba(0, 0, 0, .42);--shadow-2: 0 12px 30px rgba(0, 0, 0, .46);--shadow-3: 0 14px 32px rgba(0, 0, 0, .45);--radius-none: 0;--radius-xs: 4px;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 14px;--radius-pill: 999px;--space-0: 0;--space-1: .12rem;--space-2: .2rem;--space-3: .24rem;--space-4: .28rem;--space-5: .3rem;--space-6: .35rem;--space-7: .4rem;--space-8: .46rem;--space-9: .5rem;--space-10: .55rem;--space-11: .58rem;--space-12: .6rem;--space-13: .62rem;--space-14: .7rem;--space-15: 1rem;--space-16: 1.2rem;--size-scrollbar: 8px;--size-splitter: 5px;--size-context-menu-min-width: 170px;--sizing-font-normal: 1rem;--heading-1-size: 1.55rem;--heading-2-size: 1.35rem;--heading-3-size: 1.18rem;--heading-4-size: 1.04rem;--heading-5-size: .96rem;--heading-6-size: .88rem;--active-highlight: var(--palette-primary-main);--active-highlight-edge: color-mix( in srgb, var(--active-highlight) 52%, transparent );--active-highlight-soft: color-mix( in srgb, var(--active-highlight) 12%, transparent );--active-highlight-selection: color-mix( in srgb, var(--active-highlight) 16%, transparent );--active-highlight-drop: color-mix( in srgb, var(--active-highlight) 20%, transparent );--active-highlight-tab-line: color-mix( in srgb, var(--active-highlight) 68%, var(--color-neutral-100) 32% );--diagram-background: var(--background-elevated);--diagram-surface: var(--background-paper);--diagram-text: var(--text-primary);--diagram-node-fill: var(--background-interactive);--diagram-node-stroke: var(--diagram-edge-stroke);--diagram-node-text: var(--text-primary);--diagram-node-font-family: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--diagram-node-font-size: 12px;--diagram-gateway-fill: color-mix( in srgb, var(--text-secondary) 52%, var(--background-paper) 48% );--diagram-gateway-hover: color-mix( in srgb, var(--text-primary) 62%, var(--background-paper) 38% );--diagram-edge-stroke: var(--text-primary);--diagram-edge-hover-stroke: color-mix( in srgb, var(--diagram-edge-stroke) 85%, var(--background-paper) 15% );--diagram-edge-dragger-stroke: color-mix( in srgb, var(--diagram-edge-stroke) 78%, var(--background-paper) 22% );--diagram-edge-dragger-hover-stroke: var(--diagram-edge-hover-stroke);--diagram-edge-stroke-width: 2px;--diagram-edge-hover-stroke-width: 2.25px;--diagram-selection-border: var(--active-highlight);--diagram-selection-fill: color-mix( in srgb, var(--active-highlight) 20%, transparent );--diagram-node-select-shadow: color-mix( in srgb, var(--active-highlight) 50%, transparent );--diagram-node-select-stroke: var(--active-highlight);--diagram-node-select-ring: color-mix( in srgb, var(--active-highlight) 25%, transparent );--diagram-node-select-fill-tint: color-mix( in srgb, var(--active-highlight) 12%, transparent );--diagram-grid-thin: var(--color-neutral-700);--diagram-grid-strong: #68686f;--diagram-grid-minor-min-weight: 62%;--diagram-grid-major-min-weight: 78%;--diagram-scrollbar-track: var(--background-paper);--diagram-scrollbar-thumb: var(--color-neutral-800);--diagram-scrollbar-thumb-hover: var(--color-neutral-700);--diagram-toolbar-border: var(--border-section);--diagram-toolbar-tool-border: var(--border-section);--diagram-tool-disabled-fg: var(--text-disabled);--diagram-tool-selected-bg: var(--state-selected-overlay);--diagram-tool-active-bg: var(--state-active-overlay);--diagram-context-menu-bg: var(--background-elevated);--diagram-context-menu-color: var(--text-primary);--diagram-context-menu-border: var(--border-section);--diagram-context-menu-hover-bg: var(--state-selected-overlay);--diagram-context-menu-danger: var(--text-error);--diagram-form-bg: var(--background-field);--diagram-form-border: var(--border-field);--diagram-form-text: var(--text-primary);--diagram-form-focus: var(--outline-focus);--diagram-stats-bg: var(--background-overlay);--diagram-stats-color: var(--text-primary);--diagram-stats-panel-surface: color-mix( in srgb, var(--background-elevated) 82%, var(--background-default) 18% );--diagram-stats-panel-surface-soft: color-mix( in srgb, var(--background-elevated) 92%, var(--background-paper) 8% );--diagram-stats-panel-border: var(--border-strong);--diagram-stats-panel-muted: var(--text-secondary);--diagram-stats-panel-shadow: var(--shadow-1);--diagram-alignment-suggestion: color-mix( in srgb, var(--palette-info-light) 30%, transparent );--diagram-distance-balance-suggestion: color-mix( in srgb, var(--palette-success-light) 45%, transparent );--diagram-path-finding-grid-edge: var(--palette-warning-main);--diagram-path-finding-grid-edge-highlight: var(--text-primary);--diagram-button-size: 20px;--diagram-node-tool-icon-size: 32px;--diagram-lane-toolbar-bg: var(--background-elevated);--diagram-lane-toolbar-fg: var(--text-primary);--diagram-lane-toolbar-border: var(--border-strong);--diagram-lane-toolbar-shadow: var(--shadow-2);--diagram-lane-toolbar-size: 24px;--diagram-resizer-highlight: color-mix( in srgb, var(--outline-focus) 72%, transparent );--diagram-edge-label-text: var(--diagram-edge-stroke);--diagram-edge-label-input-border: var(--outline-focus)}:where(body.light){--diagram-background: #f8fafc;--diagram-text: #0f172a;--diagram-gateway-fill: #0f172a;--diagram-gateway-hover: #2563eb;--diagram-node-fill: #ffffff;--diagram-node-stroke: #334155;--diagram-node-text: #0f172a;--diagram-edge-stroke: #334155;--diagram-edge-dragger-stroke: #64748b;--diagram-edge-dragger-hover-stroke: #2563eb;--diagram-node-select-shadow: rgba(37, 99, 235, .25);--diagram-node-select-stroke: #2563eb;--diagram-node-select-ring: rgba(37, 99, 235, .36);--diagram-node-select-fill-tint: #60a5fa;--diagram-grid-thin: #cbd5e1;--diagram-grid-strong: #94a3b8;--diagram-grid-minor-min-weight: 48%;--diagram-grid-major-min-weight: 66%;--diagram-stats-bg: #ffffff;--diagram-stats-color: #0f172a;--diagram-scrollbar-track: #e2e8f0;--diagram-scrollbar-thumb: #94a3b8;--diagram-scrollbar-thumb-hover: #64748b;--diagram-toolbar-border: #cbd5e1;--diagram-toolbar-tool-border: #cbd5e1;--diagram-context-menu-bg: #ffffff;--diagram-context-menu-color: #0f172a;--diagram-context-menu-border: #cbd5e1;--diagram-context-menu-hover-bg: #f1f5f9;--diagram-context-menu-danger: #dc2626;--diagram-tool-disabled-fg: #94a3b8;--diagram-tool-selected-bg: #dbeafe;--diagram-tool-active-bg: #bfdbfe;--diagram-lane-toolbar-bg: #ffffff;--diagram-lane-toolbar-fg: #0f172a;--diagram-lane-toolbar-border: #cbd5e1;--diagram-lane-toolbar-shadow: 0 6px 16px rgba(15, 23, 42, .16);--diagram-form-bg: #ffffff;--diagram-form-border: #cbd5e1;--diagram-form-text: #0f172a;--diagram-form-focus: #2563eb;--diagram-stats-panel-surface: #ffffff;--diagram-stats-panel-surface-soft: #f8fafc;--diagram-stats-panel-border: #cbd5e1;--diagram-stats-panel-muted: #64748b;--diagram-stats-panel-shadow: 0 8px 20px rgba(15, 23, 42, .08);--diagram-selection-border: #2563eb;--diagram-selection-fill: rgba(37, 99, 235, .12);--diagram-alignment-suggestion: #16a34a;--diagram-distance-balance-suggestion: #d97706;--diagram-path-finding-grid-edge: rgba(100, 116, 139, .18);--diagram-path-finding-grid-edge-highlight: #d97706;--diagram-resizer-highlight: #2563eb;--diagram-edge-label-text: #0f172a;--diagram-edge-label-input-border: #2563eb}:where(.stage,.canvas__frame,.diagram__left_panel_shell,.toolbar,.diagram__context_menu,.diagram__editor_mode_switcher){--bg: var(--diagram-background);--text: var(--diagram-text);--gateway-fill: var(--diagram-gateway-fill);--gateway-hover: var(--diagram-gateway-hover);--node-fill: var(--diagram-node-fill);--node-stroke: var(--diagram-node-stroke);--node-color: var(--diagram-node-text);--node-font-family: var(--diagram-node-font-family);--node-font-size: var(--diagram-node-font-size);--edge-stroke: var(--diagram-edge-stroke);--edge-dragger-stroke: var(--diagram-edge-dragger-stroke);--edge-dragger-hover-stroke: var(--diagram-edge-dragger-hover-stroke);--node-select-shadow: var(--diagram-node-select-shadow);--node-select-stroke: var(--diagram-node-select-stroke);--node-select-ring: var(--diagram-node-select-ring);--node-select-fill-tint: var(--diagram-node-select-fill-tint);--grid-thin: var(--diagram-grid-thin);--grid-strong: var(--diagram-grid-strong);--stats-bg: var(--diagram-stats-bg);--stats-color: var(--diagram-stats-color);--scrollbar-track: var(--diagram-scrollbar-track);--scrollbar-thumb: var(--diagram-scrollbar-thumb);--scrollbar-thumb-hover: var(--diagram-scrollbar-thumb-hover);--toolbar-border: var(--diagram-toolbar-border);--toolbar-tool-border: var(--diagram-toolbar-tool-border);--context-menu-bg: var(--diagram-context-menu-bg);--context-menu-color: var(--diagram-context-menu-color);--context-menu-border: var(--diagram-context-menu-border);--context-menu-hover-bg: var(--diagram-context-menu-hover-bg);--context-menu-danger: var(--diagram-context-menu-danger);--tool-disabled-fg: var(--diagram-tool-disabled-fg);--tool-selected-bg: var(--diagram-tool-selected-bg);--tool-active-bg: var(--diagram-tool-active-bg);--form-bg: var(--diagram-form-bg);--form-border: var(--diagram-form-border);--form-text: var(--diagram-form-text);--form-focus: var(--diagram-form-focus);--stats-panel-surface: var(--diagram-stats-panel-surface);--stats-panel-surface-soft: var(--diagram-stats-panel-surface-soft);--stats-panel-border: var(--diagram-stats-panel-border);--stats-panel-muted: var(--diagram-stats-panel-muted);--stats-panel-shadow: var(--diagram-stats-panel-shadow);--selection-border: var(--diagram-selection-border);--selection-fill: var(--diagram-selection-fill);--alignment-sugestion: var(--diagram-alignment-suggestion);--distance-balance-sugestion: var(--diagram-distance-balance-suggestion);--path-finding-grid-edge: var(--diagram-path-finding-grid-edge);--path-finding-grid-edge--highlight: var( --diagram-path-finding-grid-edge-highlight );--diagram-button: var(--diagram-button-size);--node-tool-icon-size: var(--diagram-node-tool-icon-size)}.grid_line{stroke:var(--grid-thin)}.grid_line.strong{stroke:var(--grid-strong)}.selection_square path{stroke:var(--selection-border);fill:var(--selection-fill)}.canvas__frame{background:var(--bg);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.canvas__frame--grid{--grid-thin-weight: calc( var(--diagram-grid-minor-min-weight, 62%) + var(--diagram-grid-zoom-ratio, 1) * (100% - var(--diagram-grid-minor-min-weight, 62%)) );--grid-strong-weight: calc( var(--diagram-grid-major-min-weight, 78%) + var(--diagram-grid-zoom-ratio, 1) * (100% - var(--diagram-grid-major-min-weight, 78%)) );--grid-thin-visible: color-mix( in srgb, var(--grid-thin) var(--grid-thin-weight), var(--bg) );--grid-strong-visible: color-mix( in srgb, var(--grid-strong) var(--grid-strong-weight), var(--bg) );background-color:var(--bg);background-image:linear-gradient(to right,var(--grid-strong-visible) 0 1px,transparent 1px),linear-gradient(to bottom,var(--grid-strong-visible) 0 1px,transparent 1px),linear-gradient(to right,var(--grid-thin-visible) 0 1px,transparent 1px),linear-gradient(to bottom,var(--grid-thin-visible) 0 1px,transparent 1px);background-position:var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0),var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0),var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0),var(--diagram-grid-offset-x, 0) var(--diagram-grid-offset-y, 0);background-size:var(--diagram-major-grid-size, 500px) var(--diagram-major-grid-size, 500px),var(--diagram-major-grid-size, 500px) var(--diagram-major-grid-size, 500px),var(--diagram-grid-size, 50px) var(--diagram-grid-size, 50px),var(--diagram-grid-size, 50px) var(--diagram-grid-size, 50px);background-repeat:repeat}.canvas__frame .foreground{z-index:1000}.canvas__frame .background{z-index:0}.canvas__frame .scalable_components{position:relative;z-index:100}.screen_renderers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:900}.edge-screen-label{position:absolute;left:calc(var(--diagram-canvas-translate-x, 0px) + var(--edge-label-x) * var(--diagram-canvas-scale, 1));top:calc(var(--diagram-canvas-translate-y, 0px) + var(--edge-label-y) * var(--diagram-canvas-scale, 1));z-index:950;display:block;width:var(--edge-label-width, min(30ch, calc(100vw - 32px) ));height:var(--edge-label-height, calc(2.4em + 2px) );box-sizing:border-box;transform:none;border:0;outline:0;background:transparent;color:var(--diagram-edge-label-text);font-family:var(--node-font-family);font-size:calc(12px * var(--diagram-canvas-scale, 1));line-height:1.2;max-width:none;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;text-align:var(--edge-label-text-align, left);pointer-events:all;cursor:move;-webkit-user-select:none;user-select:none}.edge-screen-label--editing{width:min(30ch,calc(100vw - 32px));height:calc(2.4em + 2px);max-width:calc(100vw - 32px);padding:0;border:0;outline:1px dashed var(--diagram-edge-label-input-border);outline-offset:2px;background:transparent;cursor:text;overflow:auto;resize:both;-webkit-user-select:text;user-select:text}.edge-label-editor{position:absolute;left:calc(var(--diagram-canvas-translate-x, 0px) + var(--edge-label-x) * var(--diagram-canvas-scale, 1));top:calc(var(--diagram-canvas-translate-y, 0px) + var(--edge-label-y) * var(--diagram-canvas-scale, 1));z-index:950;color:var(--diagram-edge-label-text);font-family:var(--node-font-family);font-size:calc(12px * var(--diagram-canvas-scale, 1));line-height:1.2;width:var(--edge-label-editor-width, min(30ch, calc(100vw - 32px) ));height:var(--edge-label-editor-height, calc(2.4em + 2px) );transform:translate(var(--edge-label-editor-offset-x, 0px),var(--edge-label-editor-offset-y, 0px));pointer-events:all}.edge-label-editor .edge-screen-label--editing{position:relative;left:0;top:0;display:block;width:100%;max-width:none;height:100%;box-sizing:border-box;transform:none;resize:none}.edge-label-editor__resize-handle{position:absolute;width:8px;height:8px;border:1px solid var(--diagram-edge-label-input-border);border-radius:2px;background:var(--diagram-background)}.edge-label-editor__resize-handle--n,.edge-label-editor__resize-handle--s{left:50%}.edge-label-editor__resize-handle--e,.edge-label-editor__resize-handle--w{top:50%}.edge-label-editor__resize-handle--n,.edge-label-editor__resize-handle--ne,.edge-label-editor__resize-handle--nw{top:-5px}.edge-label-editor__resize-handle--s,.edge-label-editor__resize-handle--se,.edge-label-editor__resize-handle--sw{bottom:-5px}.edge-label-editor__resize-handle--e,.edge-label-editor__resize-handle--ne,.edge-label-editor__resize-handle--se{right:-5px}.edge-label-editor__resize-handle--w,.edge-label-editor__resize-handle--nw,.edge-label-editor__resize-handle--sw{left:-5px}.edge-label-editor__resize-handle--n,.edge-label-editor__resize-handle--s,.edge-label-editor__resize-handle--e,.edge-label-editor__resize-handle--w{transform:none}.edge-label-editor__resize-handle--n,.edge-label-editor__resize-handle--s{transform:translate(-50%)}.edge-label-editor__resize-handle--e,.edge-label-editor__resize-handle--w{transform:translateY(-50%)}.edge-label-editor__resize-handle--n,.edge-label-editor__resize-handle--s{cursor:ns-resize}.edge-label-editor__resize-handle--e,.edge-label-editor__resize-handle--w{cursor:ew-resize}.edge-label-editor__resize-handle--ne,.edge-label-editor__resize-handle--sw{cursor:nesw-resize}.edge-label-editor__resize-handle--nw,.edge-label-editor__resize-handle--se{cursor:nwse-resize}.edge-label-editor__toolbar{position:absolute;top:0;left:calc(100% + 12px);display:flex;flex-direction:column;gap:2px;padding:3px;border:1px solid var(--diagram-lane-toolbar-border);border-radius:7px;background:var(--diagram-lane-toolbar-bg);box-shadow:var(--diagram-lane-toolbar-shadow);color:var(--diagram-lane-toolbar-fg)}.edge-label-editor__toolbar button{display:grid;width:26px;height:26px;padding:4px;place-items:center;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.edge-label-editor__toolbar button:hover,.edge-label-editor__toolbar button.selected{background:var(--diagram-context-menu-hover-bg)}.edge-label-editor__toolbar button.selected{background:var(--tool-selected-bg)}.edge-label-editor__toolbar button svg{width:100%;height:100%}.node__screenLabel,.lane__screenHeader,.lane__screenWidthResizeBar,.lane__screenWidthResize,.lane__screenHeightResize{position:absolute;left:calc(var(--diagram-canvas-translate-x, 0px) + var(--screen-renderer-x) * var(--diagram-canvas-scale, 1));top:calc(var(--diagram-canvas-translate-y, 0px) + var(--screen-renderer-y) * var(--diagram-canvas-scale, 1));z-index:var(--screen-renderer-z-index);width:calc(var(--screen-renderer-width) * var(--diagram-canvas-scale, 1));height:calc(var(--screen-renderer-height) * var(--diagram-canvas-scale, 1))}.node__screenLabel{display:flex;align-items:center;justify-content:center;margin:0;overflow:hidden;color:var(--node-color);font-family:var(--node-font-family);font-size:calc(var(--screen-label-font-size) * var(--diagram-canvas-scale, 1));font-weight:500;font-kerning:normal;font-variant-ligatures:contextual;line-height:1.18;letter-spacing:0;text-align:center;white-space:pre-wrap;pointer-events:all}.node__screenLabel[data-node-label-drag-handle=true]{cursor:move}.node__screenLabel.selected{font-weight:600}.node__screenLabel.editable__label{box-sizing:border-box;font-family:var(--node-font-family);font-size:calc(var(--screen-label-font-size) * var(--diagram-canvas-scale, 1));font-weight:500;font-kerning:normal;font-variant-ligatures:contextual;line-height:1.18;letter-spacing:0;padding-block:max(0px,calc((var(--screen-renderer-height) * var(--diagram-canvas-scale, 1) - var(--screen-label-font-size) * var(--diagram-canvas-scale, 1) * 1.18) / 2));padding-inline:0;border:0;outline:0;resize:none;overflow:hidden;pointer-events:all}.node__screenLabel.editable__label.selected{font-weight:600}.avoid-selection *{-webkit-user-select:none;user-select:none}.diagram__panzoom,.diagram__tools{width:0;height:0;position:absolute;inset:0}.diagram__extra{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.diagram__extension_ui{position:absolute;z-index:20;inset:0;overflow:hidden;pointer-events:none}.diagram__node{-webkit-user-select:none;user-select:none;cursor:pointer;transition:filter .2s ease;box-sizing:border-box}.diagram__node:is(div){background:var(--node-fill);border:2px solid var(--node-stroke);color:var(--node-color);font-family:var(--node-font-family);display:flex;align-items:center;justify-content:center;transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}.diagram__node path{fill:var(--node-fill);stroke:var(--node-stroke);transition:fill .22s ease,stroke .22s ease,stroke-width .22s ease}.diagram__node text{fill:var(--node-color);font-family:var(--node-font-family);font-size:var(--node-font-size)}.diagram__node.selected:not(div){z-index:1;filter:drop-shadow(0 0 7px var(--node-select-shadow)) drop-shadow(0 0 14px var(--node-select-ring))}.diagram__node.selected:is(div){z-index:1;filter:none;border-color:var(--node-select-stroke);background:color-mix(in oklab,var(--node-fill) 85%,var(--node-select-fill-tint) 15%);box-shadow:0 0 0 2px var(--node-select-ring),0 0 0 4px color-mix(in oklab,var(--node-select-ring) 70%,transparent 30%)}.diagram__node.selected path{stroke:var(--node-select-stroke);stroke-width:3.5px;fill:color-mix(in oklab,var(--node-fill) 86%,var(--node-select-fill-tint) 14%)}.diagram__node.selected text{font-weight:600}.base_shape{pointer-events:auto}.diagram__node__gateway{pointer-events:auto;z-index:2}.diagram__node__gateway path{fill:var(--gateway-fill)}.diagram__node__gateway:hover{cursor:pointer}.diagram__node__gateway:hover path{fill:var(--gateway-hover);stroke:var(--gateway-hover)}.diagram__node__edge_gateway{cursor:crosshair;pointer-events:stroke}.diagram__node_tools{position:absolute;background-color:var(--bg);color:var(--text);display:flex;align-items:center;transform:translateY(-50%)}.diagram__node_tool{cursor:pointer}.diagram__node_tool:hover path{color:var(--diagram-tool-disabled-fg)}.--selected-node{z-index:1;overflow:hidden;border-color:transparent}.--selected-node:before{content:"";position:absolute;inset:0 -4px;border-radius:inherit;padding:3px;background:repeating-linear-gradient(90deg,var(--text) 0 10px,transparent 10px 20px);background-size:20px 20px;animation:move-horizontal 1.8s linear infinite;-webkit-mask-composite:xor;mask-composite:exclude}.--selected-node:after{content:"";position:absolute;inset:-4px 0;border-radius:inherit;padding:3px;background:repeating-linear-gradient(0deg,var(--text) 0 10px,transparent 10px 20px);background-size:20px 20px;animation:move-vertical 1.8s linear infinite;-webkit-mask-composite:xor;mask-composite:exclude}@keyframes move-horizontal{0%{background-position:0 0}to{background-position:20px 0}}@keyframes move-vertical{0%{background-position:0 0}to{background-position:0 20px}}.diagram__stats>*{position:fixed;right:5px;bottom:5px;-webkit-user-select:none;user-select:none;background:var(--stats-bg);color:var(--stats-color);padding:8px 12px;border-radius:6px;transition:opacity .3s}.diagram__stats>*:hover{opacity:.05;pointer-events:none}.diagram__left_panel_shell{display:flex;flex-direction:column;padding:0;height:100%;min-height:0;background:var(--stats-bg);color:var(--stats-color);border-right:1px solid var(--toolbar-border);position:relative;flex-shrink:0;overflow:hidden}.diagram__left_panel_content{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.diagram__left_tabs{display:inline-flex;gap:6px;padding:6px 8px;border:none;background:var(--stats-bg);width:auto;border-bottom:1px solid var(--toolbar-border)}.diagram__left_tab{appearance:none;border:1px solid var(--toolbar-border);border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:12px;padding:6px 10px;cursor:pointer}.diagram__left_tab.active{background:var(--tool-selected-bg)}.diagram__left_panel_resizer{position:absolute;inset:0 0 0 auto;width:10px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-right:3px solid transparent;transition:border-color .5s}.diagram__left_panel_resizer:hover{border-right:3px solid var(--diagram-resizer-highlight)}.stage{display:flex;flex-direction:row;align-items:stretch;height:100%;position:fixed;inset:0;background:var(--bg)}.h_stack>*{height:100%}.h_stack>:last-child{flex:1 1 auto;min-width:0}.collapsible_panel{pointer-events:auto;display:flex;flex-direction:column;min-width:0;max-width:none;flex-shrink:0;height:100%;min-height:0;background:var(--bg);color:var(--text);border:1px solid var(--toolbar-border);overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.diagram__plain_panel{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--space-4)}.diagram__stats_section{display:grid;gap:var(--space-2)}.diagram__stats_actions{display:flex;gap:var(--space-2)}.diagram__stats_grid_2{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.diagram__stats_label{display:grid;gap:var(--space-1);font-size:12px}.diagram__stats_meta{font-size:12px;opacity:.9}.diagram__stats_meta_error{color:var(--context-menu-danger)}.diagram__stats_checkbox{display:flex;gap:var(--space-2);align-items:center}#BPMNStatisticsPanel,#BPMNShapesShowcasePanel{padding:var(--space-2) var(--space-2) var(--space-4)}#BPMNStatisticsPanel .collapsible_panel__header{margin-top:var(--space-2);padding:7px 10px;border:1px solid var(--stats-panel-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--stats-panel-surface);box-shadow:var(--stats-panel-shadow)}#BPMNStatisticsPanel>.collapsible_panel__header:first-child{margin-top:0}#BPMNStatisticsPanel .collapsible_panel__title{font-size:14px;letter-spacing:.1px}#BPMNStatisticsPanel .collapsible_panel__content{border:1px solid var(--stats-panel-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;padding:10px;background:var(--stats-panel-surface-soft);box-shadow:var(--stats-panel-shadow)}#BPMNShapesShowcasePanel .node__tools{display:none}#BPMNShapesShowcasePanel{padding:12px 10px 20px}#BPMNShapesShowcasePanel .bpmn__showcase_section+.bpmn__showcase_section{margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in oklab,var(--toolbar-border) 72%,transparent)}#BPMNShapesShowcasePanel .bpmn__showcase_heading{margin:0 0 5px;padding:0 8px;color:var(--stats-panel-muted);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:10px;font-weight:700;line-height:18px;letter-spacing:.09em;text-transform:uppercase}#BPMNShapesShowcasePanel .bpmn__showcase_content{min-width:0}#BPMNStatisticsPanel .diagram__stats_label{font-size:12px;color:var(--stats-panel-muted)}#BPMNStatisticsPanel .diagram__stats_label>input,#BPMNStatisticsPanel .diagram__stats_label>select,#BPMNStatisticsPanel .diagram__stats_label>textarea{color:var(--form-text)}#BPMNStatisticsPanel .diagram__stats_actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#BPMNStatisticsPanel .diagram__stats_actions>button{width:100%;min-height:34px;border-radius:var(--radius-sm)}#BPMNStatisticsPanel input[type=file]{background:var(--stats-panel-surface);border-color:var(--stats-panel-border)}#BPMNStatisticsPanel input[type=file]::file-selector-button{background:color-mix(in oklab,var(--stats-panel-surface) 60%,white 40%);border-color:var(--stats-panel-border);border-radius:var(--radius-sm)}#BPMNStatisticsPanel .diagram__stats_meta{color:var(--stats-panel-muted)}#BPMNStatisticsPanel .diagram__stats_checkbox{font-size:13px}#BPMNStatisticsPanel .diagram__stats_grid_2 input[type=color]{min-height:36px;padding:var(--space-1)}#BPMNShapesShowcasePanel .diagram__showcase_nodes{display:flex;flex-direction:column;gap:2px}#BPMNShapesShowcasePanel .diagram__showcase_groups{display:grid;grid-template-columns:1fr}#BPMNShapesShowcasePanel .diagram__showcase_item{width:100%;min-height:32px;display:flex;align-items:center;justify-content:flex-start;gap:9px;box-sizing:border-box;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-weight:500;font-size:12px;text-align:left;cursor:grab}#BPMNShapesShowcasePanel .diagram__showcase_item:hover,#BPMNShapesShowcasePanel .diagram__showcase_item:focus-visible{background:var(--diagram-context-menu-hover-bg);outline:none}#BPMNShapesShowcasePanel .diagram__showcase_item:active{cursor:grabbing}#BPMNShapesShowcasePanel .diagram__showcase_item>svg{width:17px;height:17px;flex:0 0 17px}@media(max-width:420px){#BPMNShapesShowcasePanel .diagram__showcase_nodes{grid-template-columns:1fr}}@media(max-width:420px){#BPMNStatisticsPanel .diagram__stats_grid_2{grid-template-columns:1fr}}.diagram__left_panel_content>.collapsible_panel{padding-bottom:100px;height:100%;flex:0 0 auto}.collapsible_panel::-webkit-scrollbar,.canvas__frame::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}.collapsible_panel::-webkit-scrollbar-track,.canvas__frame::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track)}.collapsible_panel::-webkit-scrollbar-thumb,.canvas__frame::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}.collapsible_panel::-webkit-scrollbar-thumb:hover,.canvas__frame::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.collapsible_panel.collapsed{min-width:unset;max-width:unset}.collapsible_panel__header{color:inherit;padding:8px 10px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.collapsible_panel__title{font-weight:600;font-size:14px}.collapsible_panel__content{border-top:1px solid var(--toolbar-border);padding:10px}.collapsible_panel input,.collapsible_panel select,.collapsible_panel button,.collapsible_panel textarea,.diagram__plain_panel input,.diagram__plain_panel select,.diagram__plain_panel button,.diagram__plain_panel textarea{font:inherit;color:var(--form-text);background:var(--form-bg);border:1px solid var(--form-border);border-radius:6px}.collapsible_panel input,.collapsible_panel select,.collapsible_panel textarea,.diagram__plain_panel input,.diagram__plain_panel select,.diagram__plain_panel textarea{width:100%;min-height:34px;padding:6px 10px;box-sizing:border-box}.collapsible_panel input[type=checkbox],.diagram__plain_panel input[type=checkbox]{width:16px;min-height:16px;height:16px;padding:0}.collapsible_panel input[type=color],.diagram__plain_panel input[type=color]{min-height:34px;padding:3px}.collapsible_panel input[type=file],.diagram__plain_panel input[type=file]{padding:5px 6px}.collapsible_panel input[type=file]::file-selector-button,.diagram__plain_panel input[type=file]::file-selector-button{font:inherit;color:var(--form-text);background:color-mix(in oklab,var(--form-bg) 70%,white 30%);border:1px solid var(--form-border);border-radius:6px;padding:4px 8px;margin-right:8px;cursor:pointer}.collapsible_panel button,.diagram__plain_panel button{padding:7px 10px;min-height:34px;cursor:pointer}.collapsible_panel button:disabled,.diagram__plain_panel button:disabled{opacity:.45;cursor:not-allowed}.collapsible_panel input:focus,.collapsible_panel select:focus,.collapsible_panel textarea:focus,.collapsible_panel button:focus-visible,.diagram__plain_panel input:focus,.diagram__plain_panel select:focus,.diagram__plain_panel textarea:focus,.diagram__plain_panel button:focus-visible{outline:2px solid var(--form-focus);outline-offset:1px}.collapsible_panel__resizer{position:absolute;inset:0 0 0 auto;width:10px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.collapsible_panel--resizer-left .collapsible_panel__resizer{inset:0 auto 0 0;border-left:3px solid transparent;border-color:transparent;transition:border-color .5s}.collapsible_panel--resizer-left .collapsible_panel__resizer:hover{border-left:3px solid var(--diagram-resizer-highlight)}.collapsible_panel--resizer-right .collapsible_panel__resizer{border-right:3px solid transparent;border-color:transparent;transition:border-color .5s}.collapsible_panel--resizer-right .collapsible_panel__resizer:hover{border-right:3px solid var(--diagram-resizer-highlight)}.collapsible_panel.collapsed .collapsible_panel__content{display:none}.toolbar{inset:unset;position:fixed;bottom:5px;right:5px;display:flex;gap:3px;padding:3px;background:var(--bg);border:1px solid var(--toolbar-border);border-radius:4px;align-items:center}.toolbar .separator{border-left:1px solid var(--toolbar-border);border-right:1px solid var(--toolbar-border);padding-left:1px;height:25px;margin:0 3px}.toolbar .tool{cursor:pointer;padding:6px;border:1px solid var(--toolbar-tool-border);border-radius:4px;color:var(--text);transition:background-color .2s}.toolbar .tool.disabled path{color:var(--tool-disabled-fg)}.toolbar .tool:active{background:var(--tool-active-bg)}.tool.selected{background:var(--tool-selected-bg)}.diagram__context_menu_layer{position:fixed;inset:0;pointer-events:none;z-index:999}.diagram__context_menu{position:fixed;min-width:220px;max-width:280px;padding:3px;border-radius:4px;background:var(--context-menu-bg);color:var(--context-menu-color);border:1px solid var(--context-menu-border);overflow:visible;pointer-events:auto;-webkit-user-select:none;user-select:none}.diagram__context_menu--nested{position:static}.diagram__context_menu_list{list-style:none;margin:0;padding:0}.diagram__context_menu_item{position:relative}.diagram__context_menu_button{width:100%;border:none;border-radius:3px;background:transparent;color:inherit;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;cursor:pointer}.diagram__context_menu_item:hover>.diagram__context_menu_button,.diagram__context_menu_item:focus-within>.diagram__context_menu_button,.diagram__context_menu_item.submenu_open>.diagram__context_menu_button{background:var(--context-menu-hover-bg)}.diagram__context_menu_item.disabled>.diagram__context_menu_button{opacity:.45;cursor:not-allowed}.diagram__context_menu_item.danger>.diagram__context_menu_button .diagram__context_menu_label{color:var(--context-menu-danger);font-weight:600}.diagram__context_menu_chevron{opacity:.8;font-size:12px}.diagram__context_menu_submenu{position:absolute;z-index:2}.diagram__editor_mode_switcher{position:fixed;top:8px;right:8px;z-index:1001;display:inline-flex;gap:6px;padding:4px;border-radius:6px;border:1px solid var(--toolbar-border);background:color-mix(in oklab,var(--bg) 85%,white 15%)}.diagram__editor_mode_switcher>button{font:inherit;border:1px solid var(--toolbar-border);border-radius:4px;background:transparent;color:var(--text);padding:5px 10px;cursor:pointer}.diagram__editor_mode_switcher>button.active{background:var(--tool-selected-bg)}.edge{pointer-events:auto}.edge_marker_path{fill:var(--edge-stroke);transition:fill .22s ease,stroke .22s ease}.edge path{stroke:var(--edge-stroke);transition:stroke .22s ease,stroke-width .22s ease,fill .22s ease}.edge path.edge-hover-area{pointer-events:stroke;stroke:transparent;transition:none}.edge path.edge-path{pointer-events:none}:is(.edge:hover,.edge.hover,.edge.dragging) .edge_drag_point{cursor:pointer;fill:var(--edge-dragger-hover-stroke)}:is(.edge:hover,.edge.hover,.edge.dragging) path.edge-hover-area{cursor:pointer;stroke:transparent}:is(.edge:hover,.edge.hover,.edge.dragging) path.edge-path{stroke:var(--edge-dragger-hover-stroke);stroke-width:var( --edge-hover-stroke-width, var(--diagram-edge-hover-stroke-width) )}.edge.selected path.edge-path{stroke:var(--node-select-stroke);stroke-width:var(--edge-selected-stroke-width, 4px);filter:drop-shadow(0 0 2px var(--node-select-shadow)) drop-shadow(0 0 5px var(--node-select-ring))}.edge.selected .edge_marker_path{fill:var(--node-select-stroke)}.edge.selected .edge_marker_outline{stroke:var(--node-select-stroke)}.edge_drag_point{width:12px;height:12px;fill:var(--edge-stroke)}.edge_endpoint_drag_handle{cursor:pointer}.edge_endpoint_drag_hit_area{fill:transparent;pointer-events:all;stroke:transparent}.edge_endpoint_drag_point{fill:var(--bg);pointer-events:none;stroke:var(--edge-dragger-stroke);stroke-width:2px;transition:r .12s ease,stroke-width .12s ease}.edge_endpoint_drag_handle:hover .edge_endpoint_drag_point{r:10px;stroke-width:3px}.edge.selected .edge_endpoint_drag_point,.edge.dragging .edge_endpoint_drag_point{stroke:var(--edge-dragger-hover-stroke)}.measurement marker path{stroke:var(--diagram-path-finding-grid-edge-highlight);stroke-width:3px}.measurement path{stroke:var(--edge-stroke);stroke-width:1px}.alignment_sugestion path{stroke:var(--alignment-sugestion);stroke-width:1px;stroke-dasharray:10 10}.distance_balance_sugestion path{stroke:var(--distance-balance-sugestion);stroke-width:1px}.path_finding_grid_edge path{stroke:var(--path-finding-grid-edge);stroke-width:1px}.path_finding_grid_edge_chosen path{stroke:var(--path-finding-grid-edge--highlight);stroke-width:1px}.node__tools{position:absolute;left:calc(100% + 10px);top:0;width:200px}.node__tools svg{width:var(--node-tool-icon-size);height:var(--node-tool-icon-size)}.node__tools svg path{fill:var(--node-stroke)}