.sop{font-family:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;color:#f0f2f5;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid;position:relative}.sop__rail{z-index:5;background:#1a2332;border:1px solid #4ade8047;border-radius:14px;width:232px;max-height:min(560px,62vh);padding:14px 14px 18px;position:absolute;top:52px;left:0;overflow-y:auto;box-shadow:0 0 0 1px #4ade8014,0 18px 40px #0a0f198c}.sop__railhead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sop__railheadtitle{color:#f0f2f5;font-size:12.5px;font-weight:700}.sop__railclose,.sop__panelclose{color:#b0b8c4;min-height:24px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:7px;padding:4px 9px;font-size:11px;transition:border-color .2s,color .2s}.sop__railclose:hover,.sop__panelclose:hover{color:#f0f2f5;border-color:#4ade808c}.sop__railclose:active,.sop__panelclose:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.94)}.sop__railclose:focus-visible,.sop__panelclose:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__panelhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.sop__panelhead .sop__paneltitle{margin-bottom:0}.sop__railnote{color:#b0b8c4;margin:0 0 14px;font-size:12.5px;line-height:1.5}.sop__railgroup+.sop__railgroup{margin-top:18px}.sop__railtitle{letter-spacing:.09em;text-transform:uppercase;color:#7d8799;margin:0 0 8px;font-size:11px;font-weight:600}.sop__railitems{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sop__chip{box-sizing:border-box;cursor:grab;background:#131c2a;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;flex:0 calc(50% - 4px);align-items:center;gap:5px;padding:9px 5px 8px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s;display:flex}.sop__chip:hover{background:#16202f;border-color:#4ade808c;transform:translateY(-3px)}.sop__chip:active{cursor:grabbing;transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.955)}.sop__chip:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__chipart{width:100%;height:42px;overflow:visible}.sop__chiplabel{text-align:center;color:#b0b8c4;font-size:10.5px;line-height:1.25}.sop__main{min-width:0}.sop__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.sop__title{min-width:260px;font:inherit;color:#f0f2f5;background:0 0;border:1px solid #0000;border-radius:8px;flex:300px;padding:7px 10px;font-size:19px;font-weight:600}.sop__title:hover{border-color:#ffffff1a}.sop__title:focus{background:#131c2a;border-color:#4ade8080;outline:none}.sop__baractions{flex:none;gap:8px;display:flex}.sop__sheetwrap{background:#131c2a;border:1px solid #ffffff17;border-radius:14px;overflow:hidden}.sop__sheet{aspect-ratio:1000/934;touch-action:none;width:100%;height:auto;display:block}.sop__node{cursor:grab}.sop__node:active{cursor:grabbing}.sop__nodelabel,.sop__ownercap,.sop__sheettitle,.sop__stepnum{pointer-events:none;font-family:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif}.sop__port{cursor:crosshair}.sop__edges path{cursor:pointer}.sop__props{flex-direction:column;gap:14px;display:flex}.sop__panel{background:#1a2332;border:1px solid #ffffff14;border-radius:14px;padding:16px 15px 17px}.sop__paneltitle{color:#f0f2f5;margin:0 0 6px;font-size:14px;font-weight:600}.sop__hint{color:#b0b8c4;margin:0 0 11px;font-size:12.5px;line-height:1.55}.sop__textarea{box-sizing:border-box;width:100%;font-family:var(--font-fira-code), ui-monospace, monospace;color:#f0f2f5;resize:vertical;background:#131c2a;border:1px solid #ffffff17;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.72}.sop__textarea:focus{border-color:#4ade8080;outline:none}.sop__field{margin-bottom:11px;display:block}.sop__field span{color:#7d8799;margin-bottom:5px;font-size:11.5px;display:block}.sop__field input,.sop__field select{box-sizing:border-box;width:100%;font:inherit;color:#f0f2f5;background:#131c2a;border:1px solid #ffffff17;border-radius:8px;padding:8px 10px;font-size:13px}.sop__field input:focus,.sop__field select:focus{border-color:#4ade8080;outline:none}.sop__btn{appearance:none;color:#f0f2f5;font:inherit;cursor:pointer;background:#131c2a;border:1px solid #ffffff1f;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:500;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s,border-color .2s;position:relative;overflow:hidden}.sop__btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000,#ffffff29,#0000);width:45%;position:absolute;inset:0 auto 0 -60%;transform:translate(-120%)skew(-14deg)}.sop__btn:hover:not(:disabled):after{opacity:1;transition:transform .62s cubic-bezier(.22,.7,.3,1),opacity .16s;transform:translate(360%)skew(-14deg)}.sop__btn:hover:not(:disabled){border-color:#ffffff47;transform:translateY(-2.5px)}.sop__btn:active:not(:disabled){transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.965)}.sop__btn:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__btn--primary{color:#06160f;background:#4ade80;border-color:#4ade80;font-weight:600;box-shadow:0 0 18px #4ade8040}.sop__btn--primary:hover:not(:disabled){border-color:#4ade80;box-shadow:0 8px 26px #4ade8073}.sop__btn--primary:active:not(:disabled){box-shadow:0 2px 10px #4ade8059}.sop__btn--primary:after{background:linear-gradient(100deg,#0000,#06160f38,#0000)}.sop__btn--wide{width:100%;margin-top:11px}.sop__btn--danger{color:#ef4444;border-color:#ef444459;width:100%}.sop__btn--danger:hover{border-color:#ef444499}.sop__panel--lane .sop__field input{padding:12px;font-size:17px}.sop__panel--lane .sop__field span{font-size:12px}.sop__examples{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.sop__exampleshead{color:#7d8799;flex:1 0 100%;margin-bottom:2px;font-size:11.5px}.sop__example{color:#b0b8c4;min-height:36px;font:inherit;cursor:pointer;background:#131c2a;border:1px solid #4ade8052;border-radius:999px;padding:8px 11px;font-size:12px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s}.sop__example:hover{color:#f0f2f5;border-color:#4ade80;transform:translateY(-2.5px)}.sop__example:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.96)}.sop__example:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__ghost{opacity:.17;pointer-events:none}.sop__ghost text{opacity:1}.sop__disclose{color:#b0b8c4;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffffff2e;border-radius:10px;padding:12px 14px;font-size:13px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s}.sop__disclose:hover{color:#f0f2f5;border-color:#4ade8080;transform:translateY(-2px)}.sop__disclose:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.985)}.sop__disclose:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__lanerow{gap:10px;display:flex}.sop__lanerow .sop__field{flex:1 1 0;min-width:0}.sop__lanestatus{color:#4ade80;margin:2px 0 10px;font-size:12.5px;font-weight:600}.sop__lanestatus.is-error{color:#ef4444;font-weight:500}a.sop__btn{text-align:center;box-sizing:border-box;text-decoration:none;display:block}.sop__readback{color:#7d8799;margin:12px 0 7px;font-size:11.5px;font-weight:500}.sop__matches{max-height:208px;margin:0;padding:0;list-style:none;overflow-y:auto}.sop__match{border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:3px 5px;display:flex}.sop__match+.sop__match{margin-top:2px}.sop__match.is-unmatched{background:#ef44440f;border-color:#ef444457}.sop__matchnum{text-align:center;color:#4ade80;flex:0 0 17px;font-size:10px;font-weight:700}.sop__match.is-unmatched .sop__matchnum{color:#ef4444}.sop__matchart{flex:0 0 30px;height:22px;overflow:visible}.sop__matchart--none{border:1px dashed #ef444480;border-radius:4px;height:16px}.sop__matchname{color:#b0b8c4;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sop__match.is-unmatched .sop__matchname{color:#ef4444}.sop__check{vertical-align:-2px;width:14px;height:14px;margin-right:6px}.sop__btn--primary.is-saved{color:#4ade80;background:#131c2a;border-color:#4ade808c}.sop__after:empty{display:none}.sop__after{background:#1a2332;border:1px solid #4ade8047;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding:13px 16px;display:flex}.sop__aftertext{color:#f0f2f5;flex:220px;margin:0;font-size:13.5px}.sop__aftertext--warn{color:#ef4444}@keyframes sopStepIn{0%{opacity:0;transform:translateY(9px)scale(.965)}to{opacity:1;transform:none}}.sop__node.is-entering .sop__nodeinner{animation:.38s cubic-bezier(.22,.9,.3,1) both sopStepIn;animation-delay:inherit}.sop__nodeinner{transform-box:fill-box;transform-origin:50%;transition:transform .16s cubic-bezier(.2,.7,.3,1),opacity .16s}.sop__node.is-dragging .sop__nodeinner{transform:scale(1.045)}.sop__node.is-peer .sop__nodeinner{transform:scale(1.05)}.sop__node.is-peer .sop__nodelabel{fill:#4ade80}@keyframes sopNumPop{0%{transform:scale(1)}38%{transform:scale(1.55)}to{transform:scale(1)}}.sop__stepnum{transform-box:fill-box;transform-origin:50%;animation:.32s cubic-bezier(.3,1.4,.4,1) sopNumPop}@keyframes sopEdgeDraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.sop__edges path.is-entering{stroke-dasharray:1;animation:.42s cubic-bezier(.3,.8,.35,1) both sopEdgeDraw;animation-delay:inherit}@keyframes sopSettle{0%{transform:scale(1.045)}55%{transform:scale(.988)}to{transform:scale(1)}}.sop__node.is-settling .sop__nodeinner{animation:.28s cubic-bezier(.3,1.2,.4,1) sopSettle}@keyframes sopGuideSnap{0%{opacity:0;stroke-width:3.4px}45%{opacity:1;stroke-width:1px}to{opacity:1;stroke-width:1px}}line[data-chrome=guide]{animation:.2s ease-out sopGuideSnap}.sop__edges path{transition:stroke .14s,stroke-width .14s}.sop__edges path:hover{stroke:#ef4444;stroke-width:3.4px}@keyframes sopBandIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sop__band--live{animation:.42s cubic-bezier(.22,.9,.3,1) both sopBandIn}@media (prefers-reduced-motion:reduce){.sop__node.is-entering .sop__nodeinner,.sop__node.is-settling .sop__nodeinner,.sop__edges path.is-entering,line[data-chrome=guide],.sop__stepnum,.sop__band--live{animation:none}.sop__edges path.is-entering{stroke-dasharray:none}.sop__nodeinner,.sop__btn,.sop__chip,.sop__railtoggle,.sop__suggestchip{transition:none}.sop__btn:hover:not(:disabled),.sop__btn:active:not(:disabled),.sop__roleletter:hover,.sop__roleletter:active,.sop__example:hover,.sop__example:active,.sop__disclose:hover,.sop__disclose:active,.sop__chip:hover,.sop__chip:active,.sop__railtoggle:hover,.sop__railtoggle:active,.sop__suggestchip:hover,.sop__suggestchip:active,.sop__node.is-dragging .sop__nodeinner,.sop__node.is-peer .sop__nodeinner{transform:none}.sop__btn:after{display:none}.sop__tip:before{transition:none;transform:translate(-50%)}}.sop__node:focus{outline:none}.sop__node:focus-visible{outline-offset:3px;outline:2px solid #4ade80}.sop__tip{display:inline-flex;position:relative}.sop__tip:before{content:attr(data-tip);z-index:40;color:#f0f2f5;text-align:center;pointer-events:none;opacity:0;background:#06160f;border:1px solid #4ade8059;border-radius:8px;width:max-content;max-width:210px;padding:7px 10px;font-size:11.5px;line-height:1.45;transition:opacity .14s,transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(5px)scale(.95)}.sop__tip:hover:before{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.sop__tip:has(:focus-visible):before{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.sop__tip:has(:disabled):before{border-color:#ffffff2e}.sop__match.is-unmatched{flex-wrap:wrap}.sop__suggest{flex:1 0 100%;gap:6px;margin:6px 0 2px 25px;display:flex}.sop__suggestchip{color:#b0b8c4;min-height:32px;font:inherit;cursor:pointer;background:#131c2a;border:1px solid #4ade8066;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:10.5px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s;display:flex}.sop__suggestchip:hover{color:#f0f2f5;border-color:#4ade80;transform:translateY(-1px)}.sop__suggestchip:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.94)}.sop__suggestchip:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__suggestchip svg{flex:0 0 22px;width:22px;height:16px;overflow:visible}.sop__props.has-selection{flex-direction:column;display:flex}.sop__props.has-selection .sop__panel--step{order:0}.sop__props.has-selection .sop__panel--lane{order:1}.sop__props.has-selection .sop__panel--sop{order:2}.sop__roles{margin:4px 0 10px}.sop__roleshead{color:#7d8799;margin-bottom:7px;font-size:11.5px;display:block}.sop__pick{flex-wrap:wrap;gap:6px;display:flex}.sop__pickchip{color:#b0b8c4;min-height:32px;font:inherit;cursor:pointer;background:#131c2a;border:1px solid #ffffff1a;border-radius:999px;padding:7px 11px;font-size:12px;line-height:1.1;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s,background .2s}.sop__pickchip--sm{min-height:28px;padding:6px 10px;font-size:11.5px}.sop__pickchip:hover:not(:disabled){color:#f0f2f5;border-color:#4ade8080;transform:translateY(-2px)}.sop__pickchip:active:not(:disabled){transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.96)}.sop__pickchip:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__pickchip.is-on{color:#4ade80;background:#4ade8029;border-color:#4ade80;font-weight:600}.sop__pickchip:disabled{opacity:.32;cursor:not-allowed;transform:none}.sop__rolegroup{margin-top:12px}.sop__rolegrouphead{color:#7d8799;margin-bottom:6px;font-size:11.5px;display:block}.sop__disclose--tight{min-height:36px;margin-top:10px;padding:9px 12px;font-size:12px}.sop__hint--tight{margin:8px 0 0;font-size:11.5px}.sop__exception{border-top:1px solid #ffffff1a;margin:14px 0 12px;padding-top:12px}.sop__exceptionrow{grid-template-columns:34px minmax(0,1fr);gap:8px;margin:0 0 8px;display:grid}.sop__exceptionrow:last-child{margin-bottom:0}.sop__exceptionmark{font-family:var(--font-fira-code), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#7d8799;font-size:10px;line-height:1.7}.sop__exceptionwhen{color:#f0f2f5;font-size:12.5px;line-height:1.5}.sop__exceptionthen{color:#b0b8c4;font-size:12.5px;line-height:1.55}.sop__removestep{color:#b0b8c4;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #ef444473;margin-top:14px;padding:0;font-size:12px;transition:color .2s,border-color .2s;display:block}.sop__removestep:hover{color:#ef4444;border-bottom-color:#ef4444}.sop__removestep:focus-visible{outline-offset:3px;outline:2px solid #4ade80}.sop__lanesummary{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:2px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);display:block}.sop__lanesummary:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.99)}.sop__lanesummary:focus-visible{outline-offset:3px;outline:2px solid #4ade80}.sop__lanesummaryhead{letter-spacing:.08em;text-transform:uppercase;color:#7d8799;font-size:11px;display:block}.sop__lanesummaryplaces{color:#f0f2f5;margin-top:4px;font-size:15px;font-weight:700;display:block}.sop__lanesummarymeta{color:#4ade80;margin-top:3px;font-size:12.5px;display:block}.sop__lanesummaryedit{color:#b0b8c4;border-bottom:1px dashed #ffffff47;margin-top:8px;font-size:11.5px;display:inline-block}.sop__lanesummary:hover .sop__lanesummaryedit{color:#f0f2f5;border-bottom-color:#4ade80}.sop__conditions{background:#131c2a;border:1px solid #ffffff14;border-left:2px solid #ffffff38;border-radius:0 10px 10px 0;margin:12px 0 4px;padding:10px 12px 11px}.sop__conditions.is-alert{border-left-color:#f0f2f5}.sop__conditionshead{letter-spacing:.08em;text-transform:uppercase;color:#7d8799;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.sop__conditionsline{color:#f0f2f5;margin:0;font-size:12.5px;line-height:1.5}.sop__conditionsrec{color:#b0b8c4;margin:5px 0 0;font-size:12px;line-height:1.5}.sop__lanesummarycond{color:#b0b8c4;border-left:2px solid #ffffff38;margin-top:6px;padding-left:8px;font-size:11.5px;line-height:1.45;display:block}.sop__lanesummarycond.is-alert{color:#f0f2f5;border-left-color:#f0f2f5}.sop__placerow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.sop__placeside{color:#7d8799;flex:none;width:34px;font-size:11px}.sop__placename{color:#f0f2f5;min-width:0;min-height:32px;font:inherit;background:#131c2a;border:1px solid #ffffff17;border-radius:8px;flex:130px;padding:7px 10px;font-size:12.5px}.sop__placename:focus-visible{outline-offset:1px;outline:2px solid #4ade80}.sop__placealts{flex-wrap:wrap;flex:100%;gap:4px;padding-left:40px;display:flex}.sop__placealt{color:#7d8799;min-height:24px;font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffffff29;border-radius:999px;padding:3px 8px;font-size:11px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s}.sop__placealt:hover{color:#f0f2f5;border-color:#4ade8080}.sop__placealt:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,.4,1);transform:translateY(1px)scale(.94)}.sop__placealt:focus-visible{outline-offset:2px;outline:2px solid #4ade80}.sop__edges path.is-handoff{stroke-dasharray:.028 .016;stroke:#4ade80e6;stroke-width:2.6px}.sop__deadend{margin-top:12px}.sop__node.is-waiting{opacity:.26;transition:opacity .32s}.sop__node.is-played{opacity:.72;transition:opacity .32s}.sop__node.is-playing{opacity:1;transition:opacity .2s}.sop__node.is-playing .sop__nodeinner{transform-box:fill-box;transform-origin:50% 60%;animation:.62s cubic-bezier(.34,1.56,.64,1) both sop-arrive}.sop__node.is-playhandoff .sop__nodeinner{animation:1.05s cubic-bezier(.33,1,.68,1) both sop-changehands}@keyframes sop-arrive{0%{transform:scale(1)}38%{transform:scale(1.055)}to{transform:scale(1)}}@keyframes sop-changehands{0%{transform:scale(1)translateY(0)}22%{transform:scale(1.075)translateY(-3px)}46%{transform:scale(1)translateY(0)}64%{transform:scale(1.035)translateY(-1.5px)}to{transform:scale(1)translateY(0)}}.sop__handoffcount{color:#f0f2f5;white-space:nowrap;cursor:help;border:1px dashed #ffffff38;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.sop__btn.is-on{color:#4ade80;background:#4ade8029;border-color:#4ade80}.sop__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){.sop__chip,.sop__btn{transition:none}.sop__node.is-playing .sop__nodeinner,.sop__node.is-playhandoff .sop__nodeinner{animation:none;transform:none}.sop__pickchip:active,.sop__placealt:active,.sop__railclose:active,.sop__panelclose:active,.sop__lanesummary:active{transform:none}}@media (max-width:1100px){.sop{grid-template-columns:minmax(0,1fr)}.sop__props{flex-direction:column;order:1;display:flex}.sop__panel--lane{order:1}.sop__panel--sop{order:2}.sop__panel--step{order:3}.sop__matches{max-height:168px}.sop__main{order:2}.sop__rail{width:auto;max-height:58vh;left:8px;right:8px}.sop__railitems{justify-content:flex-start}.sop__chip{flex:0 118px;padding:10px 6px}.sop__btn,.sop__field input,.sop__field select,.sop__title{min-height:44px}.sop__baractions .sop__btn{flex:auto}.sop__bar{flex-wrap:wrap}}@media (max-width:520px){.sop__title{min-width:0;font-size:17px}}@media (max-width:400px){.sop__title{padding-left:6px;padding-right:6px;font-size:15px}}