.workflow-graph-canvas{overflow:auto;max-height:780px;padding:0!important;position:relative;direction:ltr}.workflow-canvas-help{position:sticky;top:0;left:0;z-index:2;background:#f5f8f6;padding:12px 16px;white-space:normal;max-width:100%;font-size:13px;direction:rtl;border-bottom:1px solid #dce6e1}.workflow-canvas-help button{margin-inline-start:8px}.workflow-graph{display:block;max-width:none;touch-action:none}.workflow-graph-node>rect{fill:#fff;stroke:#ccdcd5;stroke-width:1.5}.workflow-graph-node.selected>rect{stroke:#008562;stroke-width:2}.workflow-graph-node text{fill:#526778;font-family:inherit;font-size:12px;pointer-events:none}.workflow-graph-node .workflow-graph-title{fill:#173044;font-weight:700;font-size:14px}.workflow-drag-handle{fill:transparent;cursor:grab}.workflow-drag-handle:active{cursor:grabbing}.workflow-graph-node circle{fill:#fff;stroke:#008562;stroke-width:2;cursor:crosshair}.workflow-graph-node circle:hover,.workflow-graph-node circle:focus,.workflow-graph-node circle.connecting{fill:#008562;outline:none;stroke-width:4}.workflow-graph-edge{fill:none;stroke:#609d89;stroke-width:2;pointer-events:none}.workflow-edge-label{font-family:inherit;font-size:12px;fill:#28664f}.workflow-graph-config{font-size:12px!important;min-height:26px!important;padding:2px 10px!important;float:right}.workflow-graph-node foreignObject{overflow:hidden}html[data-theme="dark"] .workflow-canvas-help{background:#19262f;border-color:#33425c}html[data-theme="dark"] .workflow-graph-node>rect{fill:#19262f;stroke:#456354}html[data-theme="dark"] .workflow-graph-node text{fill:#b5c6d3}html[data-theme="dark"] .workflow-graph-node .workflow-graph-title{fill:#edf5fa}html[data-theme="dark"] .workflow-graph-node circle{fill:#19262f}html[data-theme="dark"] .workflow-edge-label{fill:#8cd2b9}
.workflow-preview-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(170px,1fr);gap:18px}.workflow-preview-chat{background:#f1f5f3;border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:12px}.workflow-preview-chat article{max-width:90%;padding:12px;border-radius:9px;overflow-wrap:anywhere}.workflow-preview-chat p{white-space:pre-wrap;margin:6px 0 0}.workflow-preview-chat small{font-size:12px}.workflow-preview-incoming{background:white;align-self:flex-start}.workflow-preview-reply{background:#d9f7e4;align-self:flex-end}.workflow-preview-event{background:#e8eef3;align-self:center;font-size:12px}.workflow-preview li{padding:8px 0}.workflow-preview aside small{font-size:12px}dialog:has(.workflow-preview){width:min(880px,calc(100vw - 32px));max-width:calc(100vw - 32px)}html[data-theme="dark"] .workflow-preview-chat{background:#111c24}html[data-theme="dark"] .workflow-preview-incoming{background:#253746}html[data-theme="dark"] .workflow-preview-reply{background:#164b3b}html[data-theme="dark"] .workflow-preview-event{background:#25313e}@media(max-width:650px){.workflow-preview-columns{grid-template-columns:1fr}}

.workflow-canvas-tools{display:flex;align-items:center;gap:8px;direction:rtl;position:sticky;top:0;left:0;z-index:3;padding:10px 14px;background:#f5f8f6;border-bottom:1px solid #dce6e1}.workflow-canvas-tools button{min-height:30px;padding:4px 10px}.workflow-canvas-tools small{margin-inline-start:auto;color:#64748b}.workflow-graph{margin-inline:auto}.workflow-graph-canvas .workflow-canvas-help{position:static;padding:10px 14px;font-size:12px}.workflow-inspector{max-height:780px;overflow:auto;min-width:0}.workflow-inspector>h2{position:sticky;top:-22px;background:inherit;z-index:2;padding:12px 0;margin-top:0}.workflow-graph-node.selected>rect{filter:drop-shadow(0 3px 5px rgba(0,134,100,.18));stroke-width:3}.workflow-graph-config{cursor:pointer}html[data-theme=dark] .workflow-canvas-tools{background:#19262f;border-color:#33425c}html[data-theme=dark] .workflow-canvas-tools small{color:#b5c6d3}@media(max-width:760px){.workflow-inspector{max-height:none;overflow:visible}.workflow-inspector>h2{position:static}.workflow-graph-canvas{max-height:550px}.workflow-canvas-tools{flex-wrap:wrap}}