:is(.v48-shell,.v48-scope) .workflow-story-section{padding:24px 0 65px;max-width:1160px;margin:0 auto}
@media(max-width:600px){:is(.v48-shell,.v48-scope) .workflow-story-section{padding:15px 10px 40px}}
:is(.v48-shell,.v48-scope) .as-player{--as-ink:#26352b;--as-muted:#58665a;--as-line:#dfe6dc;color:var(--as-ink);background:#fff;border:1px solid #d8e1d4;border-radius:16px;overflow:hidden;box-shadow:0 16px 50px #33472d08;font-family:'DM Sans',Arial,sans-serif;isolation:isolate;text-align:left}
:is(.v48-shell,.v48-scope) .as-player *{box-sizing:border-box}:is(.v48-shell,.v48-scope) .as-player button,:is(.v48-shell,.v48-scope) .as-player input,:is(.v48-shell,.v48-scope) .as-player textarea{font:inherit}:is(.v48-shell,.v48-scope) .as-chrome{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 26px;border-bottom:1px solid var(--as-line);font-size:15px;font-weight:500}:is(.v48-shell,.v48-scope) .as-chrome>span:first-child{display:flex;align-items:center;gap:10px}:is(.v48-shell,.v48-scope) .as-position{font:11px 'IBM Plex Mono',monospace;white-space:nowrap;color:var(--as-muted)}
:is(.v48-shell,.v48-scope) .as-stage{position:relative;background:linear-gradient(140deg,#f6f8f2,#fff 65%,#fcf8f1);padding:26px;min-height:460px;overflow:hidden}:is(.v48-shell,.v48-scope) .as-screen{display:grid;min-height:408px;align-items:center}:is(.v48-shell,.v48-scope) .as-panel{min-width:0;width:100%;animation:as-enter .65s cubic-bezier(.22,1,.36,1) both}:is(.v48-shell,.v48-scope) .as-player h2,:is(.v48-shell,.v48-scope) .as-player h3,:is(.v48-shell,.v48-scope) .as-player h4,:is(.v48-shell,.v48-scope) .as-player p{margin:0;letter-spacing:normal;color:var(--as-ink)}:is(.v48-shell,.v48-scope) .as-player h3{font-size:20px;line-height:1.25;font-weight:500}:is(.v48-shell,.v48-scope) .as-player h4{font-size:16px;line-height:1.35;font-weight:500}:is(.v48-shell,.v48-scope) .as-player p{font-size:13px;line-height:1.65}:is(.v48-shell,.v48-scope) .as-player small{font-size:11px;color:var(--as-muted)}:is(.v48-shell,.v48-scope) .as-player code,:is(.v48-shell,.v48-scope) .as-player pre{font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#35513c}:is(.v48-shell,.v48-scope) .as-player button{cursor:pointer}:is(.v48-shell,.v48-scope) .as-player button:focus-visible{outline:2px solid #547344;outline-offset:4px}:is(.v48-shell,.v48-scope) .as-player svg{max-width:100%}:is(.v48-shell,.v48-scope) .as-player .as-caption{padding:20px 26px;font-size:13px;line-height:1.6;min-height:62px;border-top:1px solid var(--as-line);color:#46573f;background:#fff}:is(.v48-shell,.v48-scope) .as-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--as-line);background:#fff}:is(.v48-shell,.v48-scope) .as-steps button{position:relative;border:0;border-right:1px solid var(--as-line);background:white;padding:17px 16px 21px;color:#52624e;text-align:left;display:flex;gap:9px;align-items:baseline;line-height:1.4;font-size:12px;min-width:0}:is(.v48-shell,.v48-scope) .as-steps button:last-child{border-right:0}:is(.v48-shell,.v48-scope) .as-steps button[aria-current=step]{background:#f1f5eb;color:#263f28}:is(.v48-shell,.v48-scope) .as-steps small{font:10px 'IBM Plex Mono',monospace}:is(.v48-shell,.v48-scope) .as-steps i{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#829d64;transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .15s linear}
:is(.v48-shell,.v48-scope) .as-workspace{background:white;border:1px solid var(--as-line);border-radius:10px;overflow:hidden}:is(.v48-shell,.v48-scope) .as-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--as-line);font-size:13px;flex-wrap:wrap}:is(.v48-shell,.v48-scope) .as-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}:is(.v48-shell,.v48-scope) .as-card{padding:20px;border:1px solid var(--as-line);background:#fff;border-radius:9px;min-width:0}:is(.v48-shell,.v48-scope) .as-label{font:10px/1.5 'IBM Plex Mono',monospace;color:#5b6a52;text-transform:uppercase;letter-spacing:1px}:is(.v48-shell,.v48-scope) .as-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;padding:5px 9px;border:1px solid #dbe6cb;border-radius:6px;background:#edf4e4;color:#405b34}:is(.v48-shell,.v48-scope) .as-badge.warn{background:#fcf0e2;border-color:#ecd7bd;color:#825b30}:is(.v48-shell,.v48-scope) .as-table{width:100%;border-collapse:collapse;font-size:12px}:is(.v48-shell,.v48-scope) .as-table th,:is(.v48-shell,.v48-scope) .as-table td{padding:12px;text-align:left;border-bottom:1px solid var(--as-line);overflow-wrap:anywhere}:is(.v48-shell,.v48-scope) .as-table th{font-weight:500;color:#5a6b53;background:#f7f9f4}:is(.v48-shell,.v48-scope) .as-code{display:block;padding:14px;background:#f3f6ef;border:1px solid var(--as-line);border-radius:7px}:is(.v48-shell,.v48-scope) .as-list{display:grid;gap:12px}:is(.v48-shell,.v48-scope) .as-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}:is(.v48-shell,.v48-scope) .as-metric{font-size:28px;line-height:1.2;letter-spacing:-1px}:is(.v48-shell,.v48-scope) .as-muted{color:var(--as-muted)}:is(.v48-shell,.v48-scope) .as-button,:is(.v48-shell,.v48-scope) .as-player button[data-action]{background:#354d31;color:#fff;border:1px solid #354d31;border-radius:6px;padding:10px 15px;font-size:12px;line-height:1.4;max-width:100%;transition:background .3s,box-shadow .3s,transform .3s}:is(.v48-shell,.v48-scope) .as-player button[data-action]:hover{background:#49663f;color:#fff}:is(.v48-shell,.v48-scope) .as-player button[data-action].is-pressed{box-shadow:0 0 0 4px #9ebd7a30}:is(.v48-shell,.v48-scope) .as-input{display:block;width:100%;padding:13px;border:1px solid #c9d8be;border-radius:7px;background:white;color:#26352b;min-height:46px;resize:none;font-size:13px!important}:is(.v48-shell,.v48-scope) .as-document{padding:25px;border:1px solid var(--as-line);border-radius:4px;background:white;box-shadow:0 8px 20px #26352b06}:is(.v48-shell,.v48-scope) .as-lines{display:grid;gap:10px}:is(.v48-shell,.v48-scope) .as-lines i{display:block;height:5px;background:#e5eadf;border-radius:3px}:is(.v48-shell,.v48-scope) .as-lines i:last-child{width:65%}
:is(.v48-shell,.v48-scope) .as-panel [data-reveal]{opacity:0;transform:translateY(10px);visibility:hidden;transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1),visibility .55s}:is(.v48-shell,.v48-scope) .as-panel.is-acted [data-reveal="1"],:is(.v48-shell,.v48-scope) .as-panel.is-settled [data-reveal="2"],:is(.v48-shell,.v48-scope) .as-panel.is-complete [data-reveal="3"]{opacity:1;transform:none;visibility:visible}:is(.v48-shell,.v48-scope) .as-panel [data-hide]{transition:opacity .4s,transform .5s,visibility .4s}:is(.v48-shell,.v48-scope) .as-panel.is-acted [data-hide="1"],:is(.v48-shell,.v48-scope) .as-panel.is-settled [data-hide="2"],:is(.v48-shell,.v48-scope) .as-panel.is-complete [data-hide="3"]{opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none}
:is(.v48-shell,.v48-scope) .as-cursor{position:absolute;z-index:10;top:0;left:0;width:23px;height:30px;pointer-events:none;transition:transform 1.05s cubic-bezier(.22,.7,.25,1),opacity .3s;filter:drop-shadow(0 2px 3px #23382033)}:is(.v48-shell,.v48-scope) .as-cursor svg{width:23px;height:30px;fill:#2c4329;stroke:white;stroke-width:1.7}:is(.v48-shell,.v48-scope) .as-cursor i{position:absolute;left:-10px;top:-10px;width:30px;height:30px;border:2px solid #9aac84;border-radius:50%;opacity:0}:is(.v48-shell,.v48-scope) .as-cursor.is-clicking i{animation:as-click .65s ease-out}:is(.v48-shell,.v48-scope) .as-player[data-running=false] *{animation-play-state:paused!important}
@keyframes as-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes as-click{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(1.7)}}
@media(max-width:600px){:is(.v48-shell,.v48-scope) .as-chrome{padding:16px;font-size:13px}:is(.v48-shell,.v48-scope) .as-stage{padding:14px;min-height:420px}:is(.v48-shell,.v48-scope) .as-screen{min-height:380px}:is(.v48-shell,.v48-scope) .as-grid{grid-template-columns:1fr;gap:12px}:is(.v48-shell,.v48-scope) .as-card{padding:15px}:is(.v48-shell,.v48-scope) .as-player .as-caption{padding:16px}:is(.v48-shell,.v48-scope) .as-steps{grid-template-columns:repeat(2,1fr)}:is(.v48-shell,.v48-scope) .as-steps button{padding:14px;border-bottom:1px solid var(--as-line)}:is(.v48-shell,.v48-scope) .as-table th,:is(.v48-shell,.v48-scope) .as-table td{padding:8px 5px;font-size:10px}:is(.v48-shell,.v48-scope) .as-row{flex-wrap:wrap}:is(.v48-shell,.v48-scope) .as-cursor{width:19px}:is(.v48-shell,.v48-scope) .as-player h3{font-size:18px}:is(.v48-shell,.v48-scope) .as-player code,:is(.v48-shell,.v48-scope) .as-player pre{font-size:11px}}
@media(prefers-reduced-motion:reduce){:is(.v48-shell,.v48-scope) .as-player *{animation:none!important;transition:none!important}:is(.v48-shell,.v48-scope) .as-cursor{display:none}}