.demo-diagram{--diagram-muted: var(--demo-muted, #64748b);--diagram-accent: var(--demo-accent, #0f766e);--diagram-accent-soft: var(--demo-accent-soft, #ccfbf1);--diagram-indigo: var(--demo-indigo, #4f46e5);--diagram-node: var(--demo-node, #f8fafc);--diagram-node-border: var(--demo-node-border, #94a3b8);--diagram-node-label: var(--demo-node-label, #1e293b);--diagram-node-type: var(--demo-node-type, #475569)}.dark .demo-diagram{--diagram-muted: var(--demo-muted, #b4c3db);--diagram-accent: var(--demo-accent, #5eead4);--diagram-accent-soft: var(--demo-accent-soft, #143e3d);--diagram-indigo: var(--demo-indigo, #a5b4fc);--diagram-node: var(--demo-node, #1c2b42);--diagram-node-border: var(--demo-node-border, #51698e);--diagram-node-label: var(--demo-node-label, #f1f5f9);--diagram-node-type: var(--demo-node-type, #a8b9d1)}.demo-diagram{width:100%;padding:12px 16px;color:var(--diagram-muted)}.demo-node-type{font-family:var(--font-code)}.demo-diagram svg{width:100%;display:block}.demo-boundary{fill:var(--diagram-accent-soft);fill-opacity:.34;stroke:var(--diagram-accent);stroke-dasharray:5 5}.demo-boundary-label{fill:var(--diagram-accent);font-size:12px}.demo-connector{stroke:currentColor;stroke-width:1.5;fill:none}.demo-connector-highlighted{color:#0ea5e9;stroke-width:3.5;filter:drop-shadow(0 0 5px rgba(14,165,233,.65))}.demo-node rect{fill:var(--diagram-node);stroke:var(--diagram-node-border)}.demo-node circle{fill:var(--diagram-indigo)}.demo-node-label{fill:var(--diagram-node-label);font-size:14px;font-weight:500}.demo-node-type{fill:var(--diagram-node-type);font-size:10px}.demo-node-edited rect{fill:var(--diagram-accent-soft);stroke:var(--diagram-accent);stroke-width:2px}.demo-node-edited circle{fill:var(--diagram-accent)}.demo-node-highlighted rect{fill:var(--diagram-node);stroke:#0ea5e9;stroke-width:2px;filter:drop-shadow(0 0 7px rgba(14,165,233,.65))}.demo-node-highlighted circle{fill:#0ea5e9}.demo-mobile-flow{display:none}@media(max-width:480px){.demo-diagram svg{display:none}.demo-mobile-flow{display:grid;gap:8px;list-style:none;margin:0;padding:4px}.demo-diagram-presenting svg{display:block}.demo-diagram-presenting .demo-mobile-flow{display:none}.demo-mobile-flow li{border:1px solid var(--diagram-node-border);border-radius:9px;padding:12px;background:var(--diagram-node);font-size:13px;color:var(--diagram-node-label)}.demo-mobile-flow span{color:var(--diagram-indigo);margin-right:10px;font-size:10px}.demo-mobile-flow small{display:block;color:var(--diagram-muted);margin:6px 0 0 25px;font-size:11px}.demo-mobile-flow .demo-mobile-edited{border-color:var(--diagram-accent);background:var(--diagram-accent-soft)}}