.OperationsDemo_demo__HpYLs{border:1px solid #d6c4ed;border-radius:18px;background:#fff;overflow:hidden}.OperationsDemo_controls__kffD4,.OperationsDemo_playback__o0hux,.OperationsDemo_top__JShqL{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #e6dcf1}.OperationsDemo_top__JShqL>span{display:flex;align-items:center;gap:10px;font-size:13px}.OperationsDemo_top__JShqL img{border-radius:7px}.OperationsDemo_controls__kffD4>span,.OperationsDemo_top__JShqL small{font-size:10px;color:#766585}.OperationsDemo_paths__nQq__{display:flex;gap:8px;flex-wrap:wrap}.OperationsDemo_demo__HpYLs button{font:inherit;cursor:pointer}.OperationsDemo_paths__nQq__ button,.OperationsDemo_playback__o0hux button{border:1px solid #d8c5ed;border-radius:7px;padding:10px 14px;font-size:12px;background:#fff;color:#7040af}.OperationsDemo_paths__nQq__ button[aria-pressed=true]{background:#7545d9;color:#fff;border-color:#7545d9}.OperationsDemo_demo__HpYLs button:focus-visible{outline:3px solid #ac85e6;outline-offset:3px}.OperationsDemo_steps__pEZiC{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;background:#f7f2ff}.OperationsDemo_steps__pEZiC button{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #e0d2ef;padding:12px;border-radius:9px;font-size:12px;color:#63546f}.OperationsDemo_steps__pEZiC button>span{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eee4fc;font-size:10px}.OperationsDemo_steps__pEZiC button[aria-current]{border-color:#8450db;color:#6032a4}.OperationsDemo_steps__pEZiC button[aria-current]>span{background:#7545d9;color:#fff}.OperationsDemo_label__hZPGc{font-size:10px;letter-spacing:.08em;font-weight:500;color:#7447a9;margin-bottom:14px}.OperationsDemo_transaction__8OJLx{display:grid;grid-template-columns:1fr .85fr 1fr;gap:20px;padding:28px;background-image:radial-gradient(#e1d4ee .7px,transparent 0);background-size:16px 16px}.OperationsDemo_transaction__8OJLx article{z-index:1;min-width:0;background:#fff;border:1px solid #e0d4ec;border-radius:12px;padding:22px}.OperationsDemo_demo__HpYLs h3{font-size:20px;line-height:1.4}.OperationsDemo_identity__i__JK{display:flex;gap:12px;align-items:center}.OperationsDemo_identity__i__JK img,.OperationsDemo_role__X2Ren img{border-radius:16px}.OperationsDemo_identity__i__JK p{font-size:11px;color:#786a84}.OperationsDemo_transaction__8OJLx blockquote{font-size:14px;line-height:1.7;padding:15px;border-radius:8px;background:#f0e7fc;margin:22px 0}.OperationsDemo_transaction__8OJLx dt{font-size:10px;color:#7852a0;margin-top:12px}.OperationsDemo_transaction__8OJLx dd{font-size:12px;line-height:1.7}.OperationsDemo_gateway__xusal{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:15px;min-width:0}.OperationsDemo_gateway__xusal>svg{color:#7545d9}.OperationsDemo_gateway__xusal p,.OperationsDemo_gateway__xusal>span{font-size:11px;color:#786586}.OperationsDemo_gateway__xusal code{background:#28163b;color:#e6d4ff;padding:14px;border-radius:9px;font-size:11px;line-height:1.7;overflow-wrap:anywhere;z-index:1}.OperationsDemo_wire__YbQOj{position:absolute;left:-24px;right:-24px;top:50%;height:2px;background:#c5a4e9;z-index:0}.OperationsDemo_wire__YbQOj:after{content:"";position:absolute;width:18px;height:4px;top:-1px;background:#7545d9;border-radius:5px}.OperationsDemo_transaction__8OJLx[data-playing=true] .OperationsDemo_wire__YbQOj:after{animation:OperationsDemo_travel__GKlrI 2s linear infinite}.OperationsDemo_transaction__8OJLx article>h3{display:flex;align-items:center;gap:8px}.OperationsDemo_field__a8M1L{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #eee6f6;padding:16px 0}.OperationsDemo_field__a8M1L span{font-size:10px;color:#7b6b88}.OperationsDemo_field__a8M1L strong{font-size:12px;font-weight:500}.OperationsDemo_outcome__WtGvD{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.7;background:#eaf6f0;color:#2b6e51;padding:12px;margin-top:20px;border-radius:8px}.OperationsDemo_outcome__WtGvD[data-warning=true]{background:#fff3db;color:#815921}.OperationsDemo_outcome__WtGvD svg{flex-shrink:0}.OperationsDemo_orchestration__8t812{padding:28px}.OperationsDemo_shared__OEGM6{display:flex;align-items:center;gap:18px;padding:24px;background:#251438;color:#fff;border-radius:12px}.OperationsDemo_shared__OEGM6 .OperationsDemo_label__hZPGc{color:#ceb1ff;margin-bottom:8px}.OperationsDemo_shared__OEGM6 p:not(.OperationsDemo_label__hZPGc){font-size:12px;line-height:1.8;color:#dbccec;margin-top:10px}.OperationsDemo_shared__OEGM6>svg{flex-shrink:0;color:#bd94ff}.OperationsDemo_routes__E9EAZ{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:center;margin:30px 0;position:relative}.OperationsDemo_routes__E9EAZ:before{content:"";position:absolute;left:0;right:0;height:2px;background:#c8aceb;top:50%}.OperationsDemo_gate__VNUQi,.OperationsDemo_role__X2Ren{position:relative;background:#fff;border:1px solid #e0d2ef;border-radius:12px;padding:22px;text-align:center;z-index:1}.OperationsDemo_role__X2Ren h3{margin:10px 0}.OperationsDemo_gate__VNUQi p,.OperationsDemo_gate__VNUQi span,.OperationsDemo_role__X2Ren p{font-size:12px;line-height:1.7;color:#796987}.OperationsDemo_role__X2Ren[data-active=true]{border-color:#8452d3;box-shadow:0 0 0 4px #eee3fc}.OperationsDemo_gate__VNUQi{background:#f6f0ff}.OperationsDemo_gate__VNUQi>svg{color:#7545d9}.OperationsDemo_gate__VNUQi h3{margin:12px 0}.OperationsDemo_gate__VNUQi span{display:block;color:#7240ad;margin-top:12px}.OperationsDemo_human__A2ehO{display:flex;align-items:center;gap:18px;margin:0 auto;max-width:700px;padding:20px;border:1px dashed #c9b4dc;border-radius:12px;background:#faf7fe}.OperationsDemo_human__A2ehO h3{font-size:17px}.OperationsDemo_human__A2ehO p{font-size:12px;line-height:1.8;color:#786585}.OperationsDemo_human__A2ehO>span{font-size:10px;flex-shrink:0}.OperationsDemo_human__A2ehO>svg{flex-shrink:0;color:#7849ab}.OperationsDemo_human__A2ehO[data-active=true]{background:#fff3db;border-color:#bf995c}.OperationsDemo_detail__2ewy1{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:26px;border-top:1px solid #e8dff2}.OperationsDemo_detail__2ewy1 h3{margin-bottom:12px}.OperationsDemo_detail__2ewy1>div>p:not(.OperationsDemo_label__hZPGc){font-size:14px;line-height:1.8;color:#706178}.OperationsDemo_history__MG8TY{padding:18px;border-radius:10px;background:#f7f3fb}.OperationsDemo_history__MG8TY p:not(.OperationsDemo_label__hZPGc){display:flex;gap:12px;font-size:11px;border-bottom:1px solid #e9dff3;padding:8px 0}.OperationsDemo_history__MG8TY span{color:#8952c7}.OperationsDemo_playback__o0hux{border-top:1px solid #e8dff2;border-bottom:0}.OperationsDemo_playback__o0hux p{font-size:11px;color:#74627f}.OperationsDemo_playback__o0hux button{display:flex;align-items:center;gap:8px}.OperationsDemo_orchestration__8t812[data-playing=true] .OperationsDemo_role__X2Ren[data-active=true]{animation:OperationsDemo_pulse__KIwCf 1.5s ease-in-out infinite alternate}@keyframes OperationsDemo_travel__GKlrI{0%{left:0}to{left:95%}}@keyframes OperationsDemo_pulse__KIwCf{to{box-shadow:0 0 0 8px #eee3fc88}}@media(max-width:800px){.OperationsDemo_transaction__8OJLx{grid-template-columns:1fr;padding:20px}.OperationsDemo_gateway__xusal{padding:18px}.OperationsDemo_wire__YbQOj{display:none}.OperationsDemo_routes__E9EAZ{gap:12px}.OperationsDemo_gate__VNUQi,.OperationsDemo_role__X2Ren{padding:16px}.OperationsDemo_detail__2ewy1{grid-template-columns:1fr}.OperationsDemo_steps__pEZiC button{flex-direction:column;align-items:flex-start}.OperationsDemo_controls__kffD4{flex-wrap:wrap}}@media(max-width:550px){.OperationsDemo_top__JShqL{align-items:flex-start;flex-direction:column;padding:18px}.OperationsDemo_steps__pEZiC{grid-template-columns:repeat(2,1fr);padding:16px}.OperationsDemo_steps__pEZiC button{flex-direction:row;font-size:11px}.OperationsDemo_routes__E9EAZ{grid-template-columns:1fr;gap:20px}.OperationsDemo_routes__E9EAZ:before{left:50%;width:2px;top:0;bottom:0;height:auto}.OperationsDemo_orchestration__8t812{padding:18px}.OperationsDemo_shared__OEGM6{padding:20px;align-items:flex-start}.OperationsDemo_human__A2ehO{flex-wrap:wrap}.OperationsDemo_human__A2ehO>div{flex:1}.OperationsDemo_human__A2ehO>span{width:100%;text-align:center}.OperationsDemo_detail__2ewy1{padding:20px}.OperationsDemo_gateway__xusal>svg:last-child{transform:rotate(90deg)}.OperationsDemo_playback__o0hux{flex-wrap:wrap;padding:18px}.OperationsDemo_shared__OEGM6>svg{display:none}}@media(prefers-reduced-motion:reduce){.OperationsDemo_demo__HpYLs *{animation:none!important;transition:none!important}}