.interconnection-container-node{background-color:rgba(71,27,159,.1);border:2px solid #5e5e82;border-radius:12px;min-width:400px;min-height:300px;width:100%;height:100%;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),inset 0 0 40px rgba(100,85,130,.04)}.interconnection-container-header{position:absolute;top:-24px;left:24px;background:linear-gradient(135deg,#5e5e82,#4a4a6a);border-radius:8px;padding:10px 24px;font-size:39px;font-weight:600;color:#e2e8f0;letter-spacing:.5px;z-index:10;box-shadow:0 2px 8px rgba(94,94,130,.4);text-transform:uppercase}.interconnection-container-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.interconnection-container-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;gap:8px;padding:40px}.interconnection-container-empty .empty-icon{font-size:48px;margin-bottom:8px;opacity:.7}.interconnection-container-empty .empty-title{font-size:16px;font-weight:600;color:#e2e8f0}.interconnection-container-empty .empty-subtitle{font-size:13px;color:#64748b;max-width:220px;line-height:1.5}.react-flow__node-container.selected .interconnection-container-node{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.3),0 4px 6px -1px rgba(0,0,0,.3)}.react-flow__node-container .react-flow__handle{display:none!important}.interconnection-node{position:relative;background-color:#0f172a;border:2px solid #334155;border-radius:8px;transition:all .2s ease;min-width:180px;overflow:visible}.interconnection-handle{width:28px!important;height:28px!important;background-color:#1b1b2f!important;border:3px solid #5e5e82!important;border-radius:4px!important;z-index:10!important}.interconnection-handle:hover{background-color:#2d2b4e!important;border-color:#8b8bb0!important;box-shadow:0 0 12px rgba(139,139,176,.8)}.port-handle-container{position:absolute;z-index:10000}.port-handle-container:hover{z-index:100000!important}.port-tooltip{background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;z-index:999999!important;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.5);border:2px solid #475569;letter-spacing:.3px}.interconnection-node:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.3)}.interconnection-node.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 16px rgba(59,130,246,.25)}.interconnection-part-content{background-color:#0f172a!important;border:none!important;box-shadow:none!important;position:relative}.interconnection-review-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 6px rgba(245,158,11,.4);z-index:10}@media (prefers-color-scheme:dark){.interconnection-node{background-color:#0f172a}}.state-node{position:relative;background-color:#0f172a;border:2px solid #334155;border-radius:8px;min-width:160px;min-height:60px;padding:0;font-family:JetBrains Mono,Fira Code,monospace;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2);transition:all .2s ease;overflow:hidden}.state-node:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.3)}.state-node.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 16px rgba(59,130,246,.25)}.state-node.initial{border-color:#334155}.state-node.initial:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.3)}.state-header{background:linear-gradient(135deg,#5e5e82,#4a4a6a);padding:8px 16px 10px;border-bottom:1px solid #334155;text-align:center}.state-stereotype{display:block;color:#a5b4fc;font-size:10px;font-style:italic;margin-bottom:2px;letter-spacing:.5px}.state-name{color:#e2e8f0;font-size:14px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.state-body{padding:0;background-color:#0f172a}.state-actions-header{padding:6px 14px;font-size:10px;font-style:italic;color:#a5b4fc;border-bottom:1px dashed #334155;text-align:center}.state-actions-list{padding:8px 14px}.state-action{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:12px;color:#94a3b8}.state-action:last-child{margin-bottom:0}.state-action-keyword{color:#60a5fa;font-weight:700;flex-shrink:0}.state-action-value{color:#e2e8f0;word-break:break-word}.initial-indicator{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;border:2px solid #334155;box-shadow:0 2px 6px rgba(0,0,0,.4)}.initial-indicator,.initial-state-node{background:linear-gradient(135deg,#1e293b,#0f172a)}.initial-state-node{width:24px;height:24px;border:3px solid #334155;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:all .2s ease}.initial-state-node:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.4)}.initial-state-node.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 12px rgba(59,130,246,.3)}.state-handle{width:14px!important;height:14px!important;background-color:#1b1b2f!important;border:2px solid #5e5e82!important;border-radius:3px!important;opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.state-handle:hover{background-color:#2d2b4e!important;border-color:#8b8bb0!important;box-shadow:0 0 8px rgba(139,139,176,.6)}.state-handle-side{width:10px!important;height:10px!important}.initial-handle{width:8px!important;height:8px!important;opacity:0!important}.initial-state-node:hover .initial-handle{opacity:.5!important}.final-state-node{width:28px;height:28px;background:transparent;border:3px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.final-state-inner{width:14px;height:14px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%}.final-state-node:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.4)}.final-state-node.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 12px rgba(59,130,246,.3)}.final-handle{width:8px!important;height:8px!important;opacity:0!important}.final-state-node:hover .final-handle{opacity:.5!important}.state-container-node{background-color:rgba(71,27,159,.1);border:2px solid #5e5e82;border-radius:12px;min-width:400px;min-height:300px;width:100%;height:100%;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),inset 0 0 40px rgba(100,85,130,.04)}.state-container-header{left:24px;background:linear-gradient(135deg,#5e5e82,#4a4a6a);border-radius:8px;padding:10px 24px;font-size:24px;font-weight:600;color:#e2e8f0;letter-spacing:.5px;box-shadow:0 2px 8px rgba(94,94,130,.4)}.state-container-header,.state-container-subtitle{position:absolute;top:-24px;z-index:10;font-family:JetBrains Mono,Fira Code,monospace}.state-container-subtitle{right:24px;background:linear-gradient(135deg,#334155,#1e293b);border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;color:#94a3b8;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.state-container-content{width:100%;height:100%;padding:24px;box-sizing:border-box}.state-container-content,.state-container-empty{display:flex;align-items:center;justify-content:center}.state-container-empty{flex-direction:column;text-align:center;color:#94a3b8;gap:8px;padding:40px}.state-container-empty .empty-icon{font-size:48px;margin-bottom:8px;opacity:.7}.state-container-empty .empty-title{font-size:16px;font-weight:600;color:#e2e8f0}.state-container-empty .empty-subtitle{font-size:13px;color:#64748b;max-width:240px;line-height:1.5}.react-flow__node-stateContainer.selected .state-container-node{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.3),0 4px 6px -1px rgba(0,0,0,.3)}.react-flow__node-stateContainer .react-flow__handle{display:none!important}.transition-edge{stroke:#6fd0e1;stroke-width:2;fill:none;transition:stroke .2s ease,stroke-width .2s ease}.transition-edge-hovered{stroke:#f0a0f0;stroke-width:3}.transition-hitarea{stroke:transparent;stroke-width:20;fill:none;pointer-events:stroke}.transition-label{font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;fill:#e8f0f8;pointer-events:none;transition:fill .2s ease}.transition-label-hovered{fill:#f0a0f0}.transition-label-background{fill:rgba(30,45,69,.9);rx:4;ry:4}.transition-trigger{font-weight:600;fill:#7dd87d}.transition-guard{fill:#f0c060}.transition-effect{fill:#a0a0f0}.self-transition-edge{stroke:#6fd0e1;stroke-width:2;fill:none;transition:stroke .2s ease,stroke-width .2s ease}.self-transition-edge-hovered{stroke:#f0a0f0;stroke-width:3}.self-transition-hitarea{stroke:transparent;stroke-width:20;pointer-events:stroke;fill:none}.initial-transition-edge{stroke:#7dd87d;stroke-width:2;fill:none}.initial-transition-edge-hovered{stroke:#a0f0a0;stroke-width:3}.action-node{position:relative;background-color:#0f172a;border:2px solid #d6b915;border-radius:8px;width:220px;min-height:56px;box-sizing:border-box;padding:0;font-family:JetBrains Mono,Fira Code,monospace;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2);transition:all .2s ease;overflow:visible}.action-node:hover{border-color:#f0c060;box-shadow:0 0 12px rgba(240,192,96,.3)}.action-node.selected{border-color:#d6b915;box-shadow:0 0 0 2px rgba(214,185,21,.3),0 0 16px rgba(214,185,21,.25)}.action-unit{padding:10px 16px 12px;text-align:center;display:flex;flex-direction:column;gap:4px}.action-stereotype{display:block;color:#a5b4fc;font-size:10px;font-style:italic;letter-spacing:.5px}.action-name{color:#e2e8f0;font-size:14px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.action-handle-wrapper{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.action-handle-wrapper-input{top:-7px}.action-handle-wrapper-output{bottom:-7px}.action-port-label{font-size:9px;color:#94a3b8;white-space:nowrap;margin-bottom:4px;pointer-events:none;font-weight:500;background:rgba(15,23,42,.92);padding:2px 5px;border-radius:4px;border:1px solid rgba(148,163,184,.25)}.action-port-label-bottom{margin-bottom:0;margin-top:4px}.action-handle,.action-node.has-ports .action-handle{opacity:0!important}.action-handle{width:14px!important;height:14px!important;background-color:transparent!important;border:2px solid transparent!important;border-radius:3px!important;transition:none}.action-handle:hover,.action-node.has-ports .action-handle:hover{opacity:0!important}.control-node{position:relative;font-family:JetBrains Mono,Fira Code,monospace;transition:all .2s ease;background-color:#324070;border:2px solid #1b1818;border-radius:8px;box-sizing:border-box;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2)}.control-node:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),0 0 12px rgba(50,64,112,.6),0 0 24px rgba(50,64,112,.35)}.control-node.selected,.control-node:hover{background-color:#324070;border-color:#1b1818}.control-node.selected{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),0 0 0 2px rgba(50,64,112,.4),0 0 16px rgba(50,64,112,.5),0 0 32px rgba(50,64,112,.3)}.fork-node{width:320px;height:48px}.fork-bar{border-radius:6px}.fork-bar,.fork-bar-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fork-label{color:#e2e8f0;font-weight:600;letter-spacing:1px;font-size:1rem;text-align:center}.join-node{width:320px;height:48px}.join-bar{border-radius:6px}.join-bar,.join-bar-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.join-label{color:#e2e8f0;font-weight:600;letter-spacing:1px;font-size:1rem;text-align:center}.decision-node{width:70px;height:70px;box-shadow:none!important}.decision-node,.decision-node.selected,.decision-node:hover{background:transparent!important;border:none!important}.decision-diamond{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(45deg);background-color:#324070;border:2px solid #1b1818;border-radius:4px;box-sizing:border-box;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2)}.decision-node:hover .decision-diamond{background-color:#324070;border-color:#1b1818;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),0 0 12px rgba(50,64,112,.6),0 0 24px rgba(50,64,112,.35)}.decision-node.selected .decision-diamond{background-color:#324070;border-color:#1b1818;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),0 0 0 2px rgba(50,64,112,.4),0 0 16px rgba(50,64,112,.5),0 0 32px rgba(50,64,112,.3)}.decision-diamond-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.decision-label{color:#e2e8f0;font-size:10px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.merge-node{width:60px;height:60px;box-shadow:none!important}.merge-node,.merge-node.selected,.merge-node:hover{background:transparent!important;border:none!important}.merge-diamond{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(45deg);background-color:#324070;border:2px solid #1b1818;border-radius:4px;box-sizing:border-box;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2)}.merge-node:hover .merge-diamond{background-color:#324070;border-color:#1b1818;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),0 0 12px rgba(50,64,112,.6),0 0 24px rgba(50,64,112,.35)}.merge-node.selected .merge-diamond{background-color:#324070;border-color:#1b1818;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),0 0 0 2px rgba(50,64,112,.4),0 0 16px rgba(50,64,112,.5),0 0 32px rgba(50,64,112,.3)}.merge-diamond-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.merge-label{color:#e2e8f0;font-size:10px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.flow-start-node{width:24px;height:24px;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #334155;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:all .2s ease}.flow-start-node:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.4)}.flow-start-node.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 12px rgba(59,130,246,.3)}.flow-done-node{width:28px;height:28px;background:transparent;border:3px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.flow-done-inner{width:14px;height:14px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%}.flow-done-node:hover{border-color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.4)}.flow-done-node.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 12px rgba(59,130,246,.3)}.control-handle{width:12px!important;height:12px!important;background-color:#1b1b2f!important;border:2px solid #60a5fa!important;border-radius:3px!important;opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.control-node:hover .control-handle{opacity:1}.control-handle:hover{background-color:#2d2b4e!important;border-color:#93c5fd!important;box-shadow:0 0 8px rgba(147,197,253,.6)}.flow-container-node{background-color:rgba(214,185,21,.05);border:2px solid #d6b915;border-radius:12px;min-width:400px;min-height:300px;width:100%;height:100%;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),inset 0 0 40px rgba(214,185,21,.04)}.flow-container-header{left:24px;background:linear-gradient(135deg,#d6b915,#b8940e);border-radius:8px;padding:10px 24px;font-size:24px;font-weight:600;color:#0f172a;letter-spacing:.5px;box-shadow:0 2px 8px rgba(214,185,21,.4)}.flow-container-header,.flow-container-subtitle{position:absolute;top:-24px;z-index:10;font-family:JetBrains Mono,Fira Code,monospace}.flow-container-subtitle{right:24px;background:linear-gradient(135deg,#334155,#1e293b);border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;color:#94a3b8;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.flow-container-content{width:100%;height:100%;padding:24px;box-sizing:border-box}.flow-container-content,.flow-container-empty{display:flex;align-items:center;justify-content:center}.flow-container-empty{flex-direction:column;text-align:center;color:#94a3b8;gap:8px;padding:40px}.flow-container-empty .empty-icon{font-size:48px;margin-bottom:8px;opacity:.7}.flow-container-empty .empty-title{font-size:16px;font-weight:600;color:#e2e8f0}.flow-container-empty .empty-subtitle{font-size:13px;color:#64748b;max-width:240px;line-height:1.5}.react-flow__node-flowContainer.selected .flow-container-node{border-color:#f0c060;box-shadow:0 0 0 2px rgba(240,192,96,.3),0 4px 6px -1px rgba(0,0,0,.3)}.react-flow__node-flowContainer .react-flow__handle{display:none!important}.succession-label{font-family:JetBrains Mono,Fira Code,monospace}.sequence-container-node{background-color:rgba(71,27,159,.1);border:2px solid #5e5e82;border-radius:12px;min-width:400px;min-height:300px;width:100%;height:100%;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2),inset 0 0 40px rgba(100,85,130,.04)}.sequence-container-header{position:absolute;top:-24px;left:24px;background:linear-gradient(135deg,#5e5e82,#4a4a6a);border-radius:8px;padding:10px 24px;font-size:39px;font-weight:600;color:#e2e8f0;letter-spacing:.5px;z-index:10;box-shadow:0 2px 8px rgba(94,94,130,.4);text-transform:uppercase}.sequence-container-content{width:100%;height:100%;padding:24px;box-sizing:border-box}.sequence-container-content,.sequence-container-empty{display:flex;align-items:center;justify-content:center}.sequence-container-empty{flex-direction:column;text-align:center;color:#94a3b8;gap:8px;padding:40px}.sequence-container-empty .empty-icon{font-size:48px;margin-bottom:8px;opacity:.7}.sequence-container-empty .empty-title{font-size:16px;font-weight:600;color:#e2e8f0}.sequence-container-empty .empty-subtitle{font-size:13px;color:#64748b;max-width:220px;line-height:1.5}.react-flow__node-sequenceContainer.selected .sequence-container-node{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.3),0 4px 6px -1px rgba(0,0,0,.3)}.react-flow__node-sequenceContainer .react-flow__handle{display:none!important}.lifeline-node{position:relative;width:100%;height:100%;min-height:60px;display:flex;flex-direction:column;background:transparent}.lifeline-part-header{flex-shrink:0;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;border:2px solid #334155;border-radius:8px;background-color:#0f172a;font-weight:600;color:#e2e8f0;font-size:13px;text-align:center}.lifeline-part-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.lifeline-ports-below{flex-shrink:0;margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}.lifeline-ports-below.lifeline-ports-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;width:100%}.lifeline-port-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.lifeline-port{width:10px;height:10px;border:1.5px solid #5e5e82;border-radius:1px;background:transparent;flex-shrink:0}.lifeline-port-name{font-size:10px;color:#94a3b8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.lifeline-verticals-row{flex:1;min-height:24px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.lifeline-vertical-cell{display:flex;justify-content:center;min-width:0}.lifeline-vertical{width:0;flex:none;align-self:stretch;min-height:24px;border-left:1px dashed #5e5e82}.lifeline-handle-wrapper{position:absolute;display:flex;align-items:center;gap:4px;pointer-events:all;z-index:10}.lifeline-handle-left{flex-direction:row}.lifeline-handle-right{flex-direction:row-reverse}.lifeline-port-label{font-size:10px;color:#94a3b8;white-space:nowrap;pointer-events:none;max-width:72px;overflow:hidden;text-overflow:ellipsis}.lifeline-port-label-in{margin-left:2px}.lifeline-port-label-out{margin-right:2px}.lifeline-flow-handle{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;background:transparent!important;border:1px solid rgba(94,94,130,.5)!important;border-radius:0!important;opacity:0}.lifeline-flow-handle:hover{opacity:1;border-color:#8b8bb0!important;background:rgba(94,94,130,.2)!important}.lifeline-node.selected .lifeline-part-header{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3),0 0 16px rgba(59,130,246,.25)}