.live-workflow{isolation:isolate;margin-top:55px;position:relative}.workflow-toolbar{letter-spacing:.08em;color:#9eb18d;border-block:1px solid #b5f57325;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font:9px monospace;display:flex}.workflow-toolbar>span{align-items:center;gap:8px;display:flex}.workflow-toolbar>span>i{background:#b5f573;border-radius:50%;width:5px;height:5px}.workflow-toolbar>div{align-items:center;gap:24px;display:flex}.workflow-play-state{color:#718665;font-size:8px}.workflow-toolbar button{color:#b5f573;cursor:pointer;background:0 0;border:0;padding:5px;font:10px monospace}.workflow-toolbar button:disabled{color:#829476;cursor:default}.workflow-toolbar button:last-child{font-size:20px;line-height:1}.workflow-side-head{letter-spacing:.09em;color:#b5f573;padding:35px 0 24px;font:10px monospace}.workflow-side-head>span:last-child{display:none}.workflow-side-head small,.workflow-operations-label small{color:#718665;margin-left:14px;font-size:7px}.workflow-map{position:relative}.workflow-connections{color:#b5f573;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.workflow-columns{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.workflow-pair{flex-direction:column;gap:100px;min-width:0;display:flex;position:relative}.workflow-node{z-index:1;text-align:left;cursor:pointer;color:#d9e6cf;background:#151c14;border:1px solid #62764d65;border-radius:9px;flex-direction:column;align-items:start;height:150px;padding:18px 16px;transition:border-color .4s,background .4s,box-shadow .4s;display:flex;position:relative}.operations-node{background:#111912;border-style:dashed}.workflow-node:hover{background:#1c2819;border-color:#b5f57390}.workflow-node-top{letter-spacing:.05em;color:#829b6b;justify-content:space-between;align-items:center;gap:5px;width:100%;font:7px monospace;display:flex}.workflow-node-top i{font-size:13px;font-style:normal}.workflow-node h3{letter-spacing:-.045em;max-width:170px;margin:15px 0 12px;font-size:clamp(15px,1.45vw,22px);font-weight:450;line-height:1.22}.workflow-node-kind{letter-spacing:.07em;color:#738965;margin-top:auto;font:6px monospace}.workflow-node.node-active{background:#283a1e;border-color:#b5f573;box-shadow:0 0 28px #b5f5730c}.business-node.node-active{color:#1a2c14;background:#bfdba3;border-color:#d1edb4}.business-node.node-active .workflow-node-top,.business-node.node-active .workflow-node-kind{color:#38542a}.node-passed{border-color:#8aab695e}.workflow-operations-label{color:#9dbb86;letter-spacing:.08em;font:9px monospace;position:absolute;top:220px;left:0}.workflow-handoff{z-index:1;background:var(--bg);color:#6e855f;letter-spacing:.1em;padding:7px 9px;font:6px monospace;position:absolute;top:178px;left:50%;transform:translate(-50%)}.workflow-packet{stroke:#b5f573;animation:2.8s linear infinite paused workflow-transfer}.live-workflow[data-running=true] .workflow-packet{animation-play-state:running}.workflow-packet-still{stroke-dasharray:none;stroke-opacity:.5;animation:none!important}.workflow-feedback{letter-spacing:.07em;color:#7f9471;align-items:center;gap:24px;padding:24px 0;font:7px monospace;display:flex}.workflow-feedback>div{background:#b5f57320;flex:1;height:1px}.workflow-feedback i{background:#b5f57390;height:1px;transition:width .8s;display:block}.workflow-feedback>span:last-child{color:#b5f573}.workflow-inspector{border-top:1px solid #b5f57330;min-height:205px;padding:30px 0}.workflow-inspector>div{grid-template-columns:1.1fr 1fr 1fr;gap:7%;display:grid}.workflow-inspector span{letter-spacing:.08em;color:#95af7f;font:8px monospace}.workflow-inspector h3{letter-spacing:-.05em;margin:12px 0 16px;font-size:25px;font-weight:450;line-height:1.15}.workflow-inspector a{color:#b5f573;font-size:10px}.workflow-inspector p{color:#a4b29a;margin-top:12px;font-size:13px;line-height:1.8}.workflow-inspector small{color:#7c9470;margin-top:13px;font:8px/1.8 monospace;display:block}.live-workflow button:focus-visible,.live-workflow a:focus-visible{outline-offset:5px;outline:2px solid #b5f573}@keyframes workflow-transfer{to{stroke-dashoffset:-100px}}@media (max-width:1050px){.live-workflow{margin-top:35px}.workflow-toolbar{gap:10px;padding:14px 0;font-size:7px}.workflow-toolbar>div{gap:12px}.workflow-play-state{display:none}.workflow-toolbar button{font-size:9px}.workflow-side-head{grid-template-columns:1fr 1fr;gap:32px;padding:25px 0 18px;font-size:8px;line-height:1.8;display:grid}.workflow-side-head>span:last-child{color:#9dbb86;display:block}.workflow-side-head small{margin:0;font-size:6px;display:block}.workflow-operations-label{display:none}.workflow-columns{grid-template-columns:1fr;gap:42px}.workflow-pair{grid-template-columns:1fr 1fr;gap:32px;display:grid}.workflow-node{border-radius:7px;height:148px;padding:16px 12px}.workflow-node h3{margin-top:14px;font-size:19px}.workflow-node-top{font-size:6px}.workflow-node-kind{font-size:5px}.workflow-handoff{display:none}.workflow-feedback{gap:12px;padding:25px 0}.workflow-feedback>span:first-child{max-width:165px;font-size:6px;line-height:1.7}.workflow-inspector{min-height:330px;padding-top:24px}.workflow-inspector>div{grid-template-columns:1fr;gap:25px}.workflow-inspector h3{font-size:28px}.workflow-inspector p{margin-top:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.workflow-packet{animation:none}.workflow-node,.workflow-feedback i{transition:none}}.reduced-motion .workflow-feedback i{transition:none}
