.workflow-simulator{min-width:0}.simulator-intro{justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px;display:flex}.simulator-intro h2{margin-bottom:23px;font-size:clamp(32px,3.3vw,46px)}.simulator-intro p{max-width:68ch;font-size:15px;line-height:1.85}.simulator-intro>span{color:var(--muted);text-align:right;white-space:nowrap;font-size:11px}.simulator-layout{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:.85fr 1.35fr;display:grid;overflow:hidden}.simulator-input{background:#edf3ef;padding:34px}.simulator-input h3,.simulation-run-heading h3{margin-bottom:20px;font-size:21px}.simulation-switch{cursor:pointer;border-bottom:1px solid #ccdbd1;justify-content:space-between;align-items:center;gap:18px;padding:19px 0;display:flex;position:relative}.simulation-switch>span:first-child{font-size:13px;font-weight:600}.simulation-switch small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;line-height:1.6;display:block}.simulation-switch input{opacity:0;cursor:pointer;width:42px;height:26px;margin:0;position:absolute;right:0}.simulation-toggle{pointer-events:none;background:#bacac1;border-radius:16px;flex:none;width:42px;height:26px;transition:background .2s;position:relative}.simulation-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.simulation-switch input:checked+.simulation-toggle{background:var(--green)}.simulation-switch input:checked+.simulation-toggle:after{transform:translate(16px)}.simulation-switch input:focus-visible+.simulation-toggle{outline:3px solid var(--green);outline-offset:4px}.simulation-select{margin-top:25px;font-size:12px;font-weight:600;display:block}.simulation-select select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #b8cec0;border-radius:4px;margin-top:9px;padding:10px;font-size:13px;display:block}.simulation-payload{border-bottom:1px solid #ccdbd1;margin-top:12px}.simulation-payload summary{color:var(--green);cursor:pointer;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;list-style:none;display:flex}.simulation-payload summary::-webkit-details-marker{display:none}.simulation-payload pre{font-family:var(--mono);white-space:pre;color:var(--green-dark);background:#fff;border-radius:4px;max-width:100%;margin-bottom:20px;padding:16px;font-size:10px;line-height:1.8;overflow-x:auto}.simulation-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px;display:flex}.simulation-actions .button{border-radius:4px;gap:10px;min-height:44px;padding:12px 16px;font-size:12px}.simulation-actions button:disabled{opacity:.55;cursor:default}.simulation-step{color:var(--green);background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:0;font-size:12px;display:flex}.simulation-reset{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;margin-top:5px;padding:0;font-size:11px;display:flex}.simulator-output{min-width:0;padding:34px;scroll-margin-top:100px}.simulation-run-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:10px;display:flex}.simulation-run-heading>span{font-family:var(--mono);color:var(--green);white-space:nowrap;font-size:10px}.simulation-run-heading .simulation-step{border-bottom:1px solid var(--line);flex-basis:100%;margin:0 0 12px;padding-bottom:12px}.simulation-run-heading .simulation-step:disabled{opacity:.6;cursor:default}.simulation-stages{margin:0;padding:0;list-style:none}.simulation-stages li{grid-template-columns:30px 1fr 62px;gap:16px;min-height:90px;padding:0 0 28px;display:grid;position:relative}.simulation-stages li:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:28px;bottom:0;left:14px}.simulation-sequence{background:var(--paper);border:1px solid var(--line);width:30px;height:30px;font-family:var(--mono);z-index:1;border-radius:50%;place-items:center;font-size:11px;transition:background .25s,color .25s;display:grid;position:relative}.simulation-stages h4{margin:2px 0 6px;font-size:14px;font-weight:600}.simulation-stages p{font-size:12px;line-height:1.8}.simulation-stage-state{color:var(--muted);text-align:right;margin-top:5px;font-size:10px}.simulation-stages li[data-state=complete] .simulation-sequence{background:var(--green);border-color:var(--green);color:#fff}.simulation-stages li[data-state=held] .simulation-sequence,.simulation-stages li[data-state=queued] .simulation-sequence{color:#685527;background:#efe5cf;border-color:#c6b280}.simulation-stages li[data-state=skipped]{opacity:1}.simulation-stages li:not([data-state=waiting]){animation:.3s ease-out simulation-step}.simulation-outcome{background:#f0f4f0;border-radius:5px;margin-top:8px;padding:23px 25px}.simulation-outcome-heading{color:var(--green);align-items:flex-start;gap:14px;display:flex}.simulation-outcome-heading .icon{margin-top:3px}.simulation-outcome h3{text-wrap:initial;font-size:20px;line-height:1.4}.simulation-outcome p{margin-top:13px;font-size:12px;line-height:1.85}.simulation-outcome[data-result=queued],.simulation-outcome[data-result=held]{background:#f4eedf}.simulation-outcome button{border:0;border-bottom:1px solid var(--green);color:var(--green);background:0 0;align-items:center;gap:13px;min-height:44px;margin-top:9px;padding:12px 0 6px;font-size:12px;display:flex}.simulator-footnote{justify-content:space-between;align-items:start;gap:50px;margin-top:24px;display:flex}.simulator-footnote p{max-width:76ch;font-size:11px;line-height:1.8}.simulator-footnote a{color:var(--green);white-space:nowrap;align-items:center;gap:13px;font-size:12px;display:flex}@keyframes simulation-step{0%{opacity:.5}to{opacity:1}}@media (width<=1199px){.simulator-layout{grid-template-columns:.9fr 1.1fr}.simulator-input,.simulator-output{padding:26px}.simulation-stages li{grid-template-columns:30px 1fr;gap:12px}.simulation-stage-state{text-align:left;grid-column:2;margin-top:-8px}.simulation-stages li{padding-bottom:24px}.simulation-actions{gap:8px}.simulator-footnote{gap:25px}}@media (width<=767px){.simulator-intro{display:block}.simulator-intro>span{text-align:left;margin-top:20px;display:block}.simulator-intro>span br{display:none}.simulator-intro h2{font-size:32px}.simulator-intro p{font-size:14px}.simulator-layout{grid-template-columns:1fr}.simulator-input,.simulator-output{padding:25px 20px}.simulation-select select{font-size:16px}.simulator-footnote{flex-direction:column;gap:15px}.simulator-footnote a{white-space:normal}.simulation-switch>span:first-child{font-size:13px}.simulation-stages{margin-top:15px}.simulation-stages p{font-size:13px}.simulation-outcome{padding:20px}.simulation-outcome p{font-size:13px}.simulation-outcome h3{font-size:21px}.simulation-switch{min-height:72px}.simulation-actions{gap:20px}}@media (prefers-reduced-motion:reduce){.simulation-stages li{animation:none!important}.simulation-sequence,.simulation-toggle,.simulation-toggle:after{transition:none}}