@focus.matters/diagrams 0.0.7

package/dist/Diagrams/util/paths/stepBackFromGateway.d.ts

@@ -0,0 +1,5 @@
+import { Coordinates } from '../../store/primitives/Coordinates';
+import { Dimensions } from '../../store/primitives/Dimensions';
+import { TOrientation } from '../../store/types';
+export declare function stepFromGateway(gridSize: number, coordinates: Coordinates, orientation: TOrientation): Coordinates;
+export declare function oppositeStepFromGateway(gridSize: number, parent: Dimensions, coordinates: Coordinates, orientation: TOrientation): Coordinates;

package/dist/Diagrams/util/readFile.d.ts

@@ -0,0 +1,8 @@
+export type ReadFileResult = {
+    fileName: string;
+    mimeType: string;
+    content: string;
+};
+export declare function readFile(options?: {
+    accept?: string;
+}): Promise<ReadFileResult | null>;

package/dist/Diagrams/util/shapes.d.ts

@@ -0,0 +1,13 @@
+import { Coordinates } from '../store/primitives/Coordinates';
+import { Dimensions } from '../store/primitives/Dimensions';
+export declare const getRectPath: (bound: Dimensions, r?: number) => string;
+export declare const getCirclePath: (center: Coordinates, r: number) => string;
+/**
+ * Genera un path SVG para un rombo centrado en (cx, cy).
+ * @param cx - Coordenada X del centro
+ * @param cy - Coordenada Y del centro
+ * @param size - Tamaño total (distancia de vértice a vértice vertical u horizontal)
+ * @returns Atributo `d` para un <path>
+ */
+export declare function getDiamondPath(center: Coordinates, size: number): string;
+export declare function getPathDimensions(d: string): Dimensions;

package/dist/Diagrams/util/throttle.d.ts

@@ -0,0 +1 @@
+export declare function throtthle<T extends Array<any>>(fn: (...args: T) => unknown, ms?: number): (...args: T) => void;

package/dist/DirectedPoint-HRgiLZeU.js

@@ -0,0 +1,53 @@
+var a = Object.defineProperty;
+var e = (i, r) => a(i, "name", { value: r, configurable: !0 });
+import { C as h } from "./index-DZNvKq1b.js";
+const t = class t extends h {
+  direction = "left";
+  get rawDirectedPoint() {
+    return {
+      x: this.x,
+      y: this.y,
+      direction: this.direction
+    };
+  }
+  stepBack() {
+    switch (this.direction) {
+      case "down":
+        this.y--;
+        break;
+      case "left":
+        this.x++;
+        break;
+      case "right":
+        this.x--;
+        break;
+      case "up":
+        this.y++;
+        break;
+    }
+    return this;
+  }
+  stepForward() {
+    switch (this.direction) {
+      case "down":
+        this.y++;
+        break;
+      case "left":
+        this.x--;
+        break;
+      case "right":
+        this.x++;
+        break;
+      case "up":
+        this.y--;
+        break;
+    }
+    return this;
+  }
+};
+e(t, "DirectedPoint");
+let s = t;
+export {
+  s as DirectedPoint
+};
+//# sourceMappingURL=DirectedPoint-HRgiLZeU.js.map

package/dist/DirectedPoint-HRgiLZeU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectedPoint-HRgiLZeU.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

@@ -0,0 +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-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-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}.canvas__frame--screen-labels .scalable_components .bpm__node:not(.bpm__lanes)>.editable__label:not(textarea){visibility:hidden}.screen_labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:900}.screen_label{position:absolute;left:calc(var(--diagram-canvas-translate-x, 0px) + var(--screen-label-x) * var(--diagram-canvas-scale, 1));top:calc(var(--diagram-canvas-translate-y, 0px) + var(--screen-label-y) * var(--diagram-canvas-scale, 1));z-index:var(--screen-label-z-index);display:flex;align-items:center;justify-content:center;width:calc(var(--screen-label-width) * var(--diagram-canvas-scale, 1));height:calc(var(--screen-label-height) * var(--diagram-canvas-scale, 1));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}.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}.diagram__node.bpm__lanes .lane__label,.diagram__node.bpm__lanes .lane__labelInput{font-size:22px}.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.bpm__lanes .lane__label{font-size:64px}#BPMNShapesShowcasePanel .diagram__showcase_groups .diagram__node_tools,#BPMNShapesShowcasePanel .diagram__showcase_groups .lane__labelInput{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,#Showcase .lane__resize,#Showcase .lane__resizeBar{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;padding-top:25px;padding-bottom:25px;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 .lane__label{pointer-events:none;fill:currentColor;dominant-baseline:middle;text-anchor:middle;-webkit-user-select:none;user-select:none}.diagram__node.bpm__lanes .lane__labelInput{position:absolute;background:transparent;color:inherit;border:none;outline:none;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);pointer-events:all;box-sizing:border-box;padding:8px 0;transform-origin:center}.diagram__node.bpm__lanes .lane__resizeBar{position:absolute;top:25px;bottom:25px;right:-4px;width:8px;cursor:col-resize;pointer-events:all}.diagram__node.bpm__lanes .lane__resize{position:absolute;right:-5px;top:50%;background:#fff;border:1px solid black;cursor:col-resize;width:10px;height:10px;pointer-events:all}.diagram__node.bpm__lanes .node__tools{top:25px;pointer-events:all}.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}