.operating-demo .demo-reference{display:block;font-size:17px;font-weight:500;letter-spacing:-.025em;color:var(--story-ink);margin-bottom:24px}.operating-demo .demo-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}.operating-demo .demo-pipeline li{display:flex;flex-direction:column;gap:12px;position:relative;font-size:13px;font-weight:500;color:var(--story-muted)}.operating-demo .demo-pipeline li:not(:last-child):after{content:"";position:absolute;top:14px;left:42px;right:0;height:1px;background:var(--story-rule)}.operating-demo .demo-check-marker,.operating-demo .demo-stage-marker{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex-shrink:0;border:1px solid var(--story-rule);border-radius:50%;font-family:var(--font-mono);font-size:11px;color:var(--story-muted);background:#fff}.operating-demo .demo-pipeline li[data-state=current]{color:var(--story-blue)}.operating-demo .demo-pipeline li[data-state=current] .demo-stage-marker{background:var(--story-blue);color:#fff;border-color:var(--story-blue)}.operating-demo .demo-check-marker.is-done,.operating-demo .demo-pipeline li[data-state=done] .demo-stage-marker{color:var(--story-blue);background:#edf2fd;border-color:#cbd9f8}.operating-demo p.demo-flow-summary{font-size:14px;line-height:1.6;margin-top:24px;color:var(--story-muted)}.operating-demo .demo-flow-open{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;margin-top:22px;padding:14px 0;text-align:left;border:0;border-block:1px solid var(--story-rule);background:transparent;font-size:14px;font-weight:500;color:var(--story-blue);cursor:pointer}.operating-demo .demo-flow-open svg{flex-shrink:0;transition:transform .2s var(--story-ease)}.operating-demo .demo-flow-open:hover svg{transform:translateX(3px)}.operating-demo .demo-order-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.operating-demo .demo-order-checks li{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:55px;padding:12px 0;border-bottom:1px solid var(--story-rule)}.operating-demo .demo-order-checks strong{font-size:13px;font-weight:500;color:var(--story-ink);line-height:1.4}.operating-demo .demo-check-status{font-size:12px;line-height:1.4;color:var(--story-muted)}.operating-demo .demo-check-status.is-waiting{color:#805815}.operating-demo .demo-sales-record{display:flex;flex-direction:column;padding:0;margin:22px 0 0;border-top:1px solid var(--story-rule)}.operating-demo .demo-sales-record>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--story-rule)}.operating-demo .demo-sales-record dt{font-size:12px;color:var(--story-muted)}.operating-demo .demo-sales-record dd{font-size:13px;font-weight:500;color:var(--story-ink);margin:0;text-align:right;overflow-wrap:anywhere}.operating-demo .demo-change-trace{margin-top:24px}.operating-demo .demo-change-trace ol{list-style:none;display:flex;flex-direction:column;gap:9px;margin:12px 0 0;padding:0}.operating-demo .demo-change-trace li{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.45;color:var(--story-ink)}.operating-demo .demo-change-trace svg{flex-shrink:0;color:var(--story-blue)}.operating-demo .demo-next-action{display:flex;flex-direction:column;gap:7px;margin-top:22px;font-size:12px;color:var(--story-muted)}.operating-demo .demo-next-action strong{font-size:13px;color:var(--story-ink);font-weight:500;line-height:1.5}.operating-demo .demo-detail>.demo-back{min-height:44px;font-size:12px!important;margin-top:-14px}.operating-demo .demo-detail>.demo-assign,.operating-demo .demo-detail>.story-text-link{min-height:48px}.operating-demo .demo-toast{position:relative;inset:auto;align-items:flex-start;font-size:12px;line-height:1.45;margin:0 18px 18px}.operating-demo .demo-toast-dot{margin-top:1px}.operating-demo .demo-bottom-line{align-items:flex-start;line-height:1.5}.operating-demo .demo-bottom-line>span:first-child{flex-shrink:0;margin-top:7px}@media(max-width:560px){.operating-demo .demo-pipeline{gap:10px}.operating-demo .demo-pipeline li{font-size:12px;gap:10px}.operating-demo .demo-reference{font-size:16px;margin-bottom:20px}.operating-demo .demo-flow-open{font-size:13px;gap:12px}.operating-demo .demo-order-checks li{grid-template-columns:25px minmax(0,1fr);gap:5px 10px;padding-block:12px}.operating-demo .demo-order-checks .demo-check-marker{grid-row:1/3;width:25px;height:25px}.operating-demo .demo-check-status{grid-column:2;font-size:12px}.operating-demo .demo-sales-record>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.operating-demo .demo-sales-record dd{font-size:12px}.operating-demo .demo-toast{margin:0 12px 12px;padding:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.operating-demo .demo-flow-open svg{transition:none}.operating-demo .demo-flow-open:hover svg{transform:none}}