:root{--mx-accent:#0078d4;--mx-accent-soft:#e8f3fc;--mx-ink:#0f172a;--mx-ink-2:#475569;--mx-ink-3:#64748b;--mx-line:#e2e8f0;--mx-surface:#fff;--mx-surface-2:#f8fafc;--mx-flow:#0ea5e9;--mx-lit:#10b981;--mx-radius:16px}.mx-node{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:3px;max-width:260px;padding:2px 0;line-height:1.3;display:flex}.mx-node:not(.mx-node--detailed){text-align:center;align-items:center}.mx-head{align-items:center;gap:8px;display:flex}.mx-icon{border-radius:5px;flex:none;width:20px!important;max-width:none!important;height:20px!important;display:block!important}.mx-title{color:var(--mx-ink);letter-spacing:-.005em;white-space:normal;font-size:13px;font-weight:650}.mx-line{color:var(--mx-ink-2);white-space:normal;font-size:11.5px;font-weight:500}.mx-line:before{content:"";opacity:.55;vertical-align:middle;background:currentColor;border-radius:50%;width:4px;height:4px;margin:0 7px 2px 1px;display:inline-block}.mx-stage{isolation:isolate;background:#fff;border:1px solid #e5e5ea;border-radius:24px;margin:2.25rem 0;position:relative;overflow:hidden;box-shadow:0 1px 1px #00000008,0 8px 24px #0000000f}.mx-stage--fullscreen{border:0;border-radius:0;flex-direction:column;margin:0;display:flex}.mx-hud{z-index:3;background:#ffffffd9;border-radius:999px;align-items:center;gap:4px;display:flex;position:absolute;top:14px;right:12px}.mx-hud__btn{color:#6e6e73;border-radius:999px;place-items:center;width:34px;height:34px;transition:background-color .12s ease-out,color .12s ease-out;display:grid}.mx-hud__btn svg{width:15px;height:15px}.mx-hud__btn:hover{color:#1d1d1f;background:#f5f5f7}.mx-hud__btn:focus-visible{outline-offset:2px;outline:2px solid #0078d4}.mx-viewport{background-color:#fbfbfd;background-image:radial-gradient(circle,#e3e3e8 1px,#0000 1px);background-size:22px 22px;position:relative;overflow:hidden}.mx-viewport--tap{cursor:zoom-in}.mx-stage--fullscreen .mx-viewport{flex:1}.mx-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.mx-canvas svg{display:block;overflow:visible}.mx-tap-hint{color:#fff;pointer-events:none;background:#0078d4;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .16s ease-out;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (hover:hover){.mx-tap-hint{opacity:0}.mx-viewport--tap:hover .mx-tap-hint{opacity:1}}.mx-state{text-align:center;color:#5b6b82;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.mx-state--error strong{color:#0b1b33}.mx-skeleton{background:linear-gradient(90deg,#eaf1f9 0%,#d6e6f7 50%,#eaf1f9 100%) 0 0/200% 100%;border-radius:999px;width:min(320px,70%);height:8px;animation:1.4s ease-in-out infinite mx-shimmer}.mx-caption{color:#5b6b82;background:#fff;border-top:1px solid #e1e8f2;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-height:50px;padding:14px 18px;font-size:13.5px;line-height:1.45;display:flex;position:relative}.mx-caption__step{font-family:var(--font-mono), ui-monospace, monospace;color:#0078d4;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.mx-caption__step span{color:#94a3b8}.mx-caption__text{color:#0b1b33;font-weight:650;animation:.3s cubic-bezier(.32,.72,0,1) mx-rise}.mx-caption__via,.mx-caption__hint{color:#5b6b82;font-weight:500}.mx-caption__progress{height:2px;position:absolute;top:-1px;left:0;right:0}.mx-caption__progress span{transform-origin:0;background:#0078d4;height:100%;transition:transform .5s cubic-bezier(.32,.72,0,1);display:block}.mx-canvas .node rect,.mx-canvas .node polygon,.mx-canvas .node circle,.mx-canvas .node path{filter:drop-shadow(0 2px 4px #003c781a);transition:opacity .28s ease-out,filter .28s ease-out,stroke .28s ease-out}.mx-canvas .cluster rect{stroke-width:1px}.mx-canvas .cluster.mx-cluster--vnet rect{stroke-dasharray:6 5;stroke:#0078d4!important;fill:#eaf4fdb3!important}.mx-canvas .cluster.mx-cluster--subnet rect{stroke-dasharray:3 4;stroke:#00b1eb!important;fill:#ffffffd9!important}.mx-canvas .flowchart-link{stroke-width:1.6px;transition:stroke .28s ease-out,stroke-width .28s ease-out,opacity .28s ease-out}.mx-canvas .edgeLabel,.mx-canvas .edgeLabel p,.mx-canvas .edgeLabel span{background-color:#0000!important}.mx-canvas .edgeLabel .label>foreignObject>div{overflow:visible}.mx-canvas .edgeLabel p{border-radius:4px;margin:0;box-shadow:0 0 0 3px #fffffff5,0 0 0 4px #0078d42e;color:#334155!important;background:#fffffff5!important}.mx-canvas svg.mx-sim .node,.mx-canvas svg.mx-sim .cluster>rect,.mx-canvas svg.mx-sim .flowchart-link,.mx-canvas svg.mx-sim .edgeLabel{opacity:.4;transition:opacity .28s ease-out}.mx-canvas svg.mx-sim .node.mx-lit,.mx-canvas svg.mx-sim .node.mx-current,.mx-canvas svg.mx-sim .cluster.mx-current>rect,.mx-canvas svg.mx-sim .cluster.mx-lit>rect,.mx-canvas svg.mx-sim .flowchart-link.mx-trail,.mx-canvas svg.mx-sim .flowchart-link.mx-flow{opacity:1}.mx-canvas svg.mx-sim .flowchart-link.mx-trail{stroke-width:2.2px;stroke:#6ba7dd!important}.mx-canvas svg.mx-sim .flowchart-link.mx-flow{stroke-width:2.6px;stroke:#0078d4!important}.mx-canvas svg.mx-sim .node.mx-current rect,.mx-canvas svg.mx-sim .node.mx-current polygon,.mx-canvas svg.mx-sim .node.mx-current circle,.mx-canvas svg.mx-sim .node.mx-current path,.mx-canvas svg.mx-sim .cluster.mx-current>rect{filter:none;stroke:#0078d4!important;stroke-width:2.5px!important}.mx-canvas svg.mx-sim .node.mx-lit rect,.mx-canvas svg.mx-sim .node.mx-lit polygon,.mx-canvas svg.mx-sim .node.mx-lit path{stroke:#6ba7dd!important;stroke-width:1.8px!important}.mx-bullet{fill:#0078d4;stroke:#fff;stroke-width:2px;filter:none;pointer-events:none}.mx-bullet-trail{fill:none;stroke:#0078d4;stroke-width:3px;stroke-linecap:round;opacity:.35;pointer-events:none}.mx-canvas rect.actor,.mx-canvas .actor-top rect,.mx-canvas .actor-bottom rect{fill:#fff!important;stroke:#0078d4!important}.mx-canvas text.actor,.mx-canvas text.actor>tspan,.mx-canvas .actor-man text{fill:#0b1b33!important}.mx-canvas .actor-man line,.mx-canvas .actor-man circle{stroke:#0078d4!important}.mx-canvas .actor-man circle{fill:#fff!important}@keyframes mx-pulse{50%{opacity:.45}}@keyframes mx-shimmer{to{background-position:-200% 0}}@keyframes mx-rise{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.mx-skeleton,.mx-caption__text{animation:none}.mx-canvas .node rect,.mx-canvas .flowchart-link,.mx-caption__progress span,.mx-hud__btn{transition:none}}.mx-ambient{fill:none;stroke:#0078d4;stroke-width:2px;stroke-linecap:round;stroke-dasharray:.1 18;opacity:.35;pointer-events:none;animation:1.1s linear infinite paused mx-ambient}.mx-stage.is-live .mx-ambient{animation-play-state:running}.mx-canvas svg.mx-sim .mx-ambient{opacity:.3}@keyframes mx-ambient{to{stroke-dashoffset:-18.1px}}.mx-ripple{fill:none;stroke:#0078d4;stroke-width:2px;transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:1.2s cubic-bezier(.22,1,.36,1) forwards mx-ripple}@keyframes mx-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.mx-ambient,.mx-ripple{display:none}}.mx-canvas .node{cursor:crosshair}.mx-canvas svg.mx-trace .node:not(.mx-hl),.mx-canvas svg.mx-trace .flowchart-link:not(.mx-hl),.mx-canvas svg.mx-trace .mx-ambient,.mx-canvas svg.mx-trace .edgeLabel{transition:opacity .18s ease-out;opacity:.14!important}.mx-canvas svg.mx-trace .node.mx-hl{opacity:1!important}.mx-canvas svg.mx-trace .node.mx-hl rect,.mx-canvas svg.mx-trace .node.mx-hl polygon,.mx-canvas svg.mx-trace .node.mx-hl path{filter:none;stroke:#0078d4!important;stroke-width:2.2px!important}.mx-canvas svg.mx-trace .flowchart-link.mx-hl{stroke-dasharray:8 5;animation:.6s linear infinite mx-trace-flow;opacity:1!important;stroke:#0078d4!important;stroke-width:2.8px!important}@keyframes mx-trace-flow{to{stroke-dashoffset:-13px}}@media (prefers-reduced-motion:reduce){.mx-canvas svg.mx-trace .flowchart-link.mx-hl{stroke-dasharray:none;animation:none}}[data-motion=paused] .mx-ambient,[data-motion=paused] .mx-canvas svg.mx-trace .flowchart-link,[data-motion=paused] .hero-pipe *,[data-motion=paused] .sim-beacon,[data-motion=paused] .sim-conduit{animation-play-state:paused!important}.mx-canvas svg .mx-seq-icon{pointer-events:none}.mx-canvas svg.mx-seq-sim .mx-seq-msg{opacity:.35;transition:opacity .3s ease-out,stroke .3s ease-out}.mx-canvas svg.mx-seq-sim .messageText{opacity:.4;transition:opacity .3s ease-out,fill .3s ease-out}.mx-canvas svg.mx-seq-sim .mx-seq-msg.mx-seq-done,.mx-canvas svg.mx-seq-sim .messageText.mx-seq-done{opacity:.85}.mx-canvas svg.mx-seq-sim .mx-seq-msg.mx-seq-on{opacity:1;stroke:#0078d4!important;stroke-width:2.5px!important}.mx-canvas svg.mx-seq-sim .messageText.mx-seq-on{opacity:1;fill:#0058a3!important;font-weight:700!important}.mx-canvas svg.mx-seq-sim .sequenceNumber.mx-seq-on{font-weight:800}