.mflow{margin-top:30px}.mflow .mf-lanes{grid-template-columns:1.15fr 34px 1fr;display:grid}.mflow .mf-lane{flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.mflow .mf-lane.provider{background:var(--surface-wash,var(--muted))}.mflow .mf-boundary{border-left:2px dashed var(--border);margin:14px 0;position:relative}.mflow .mf-boundary span{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg3);white-space:nowrap;background:0 0;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.mflow .mf-step{align-items:flex-start;gap:11px;display:flex}.mflow .mf-n{flex:none;margin-top:1px}.mflow .mf-step b{letter-spacing:-.01em;font-size:12.5px;display:block}.mflow .mf-sample{border:1px solid var(--border);background:var(--surface-wash,var(--background));color:var(--muted-foreground);border-radius:8px;margin-top:6px;padding:6px 10px;font-size:11.5px;line-height:1.45;display:inline-block}.mflow .mf-sample.mono{font-family:var(--font-mono);font-size:10.5px}.mflow .mf-sample em{font-style:normal}.mflow .mf-raw{background:var(--destructive-surface);color:var(--destructive-on-surface);border-radius:4px;padding:0 4px;font-weight:600}.mflow .mf-tok{font-family:var(--font-mono);background:var(--accent);color:var(--primary-text);border-radius:4px;padding:1px 4px;font-size:10.5px}.mflow .mf-ok{color:var(--primary-text);font-weight:600}.mflow .mf-map{font-family:var(--font-mono);color:var(--fg3);margin-top:5px;font-size:9.5px}.mflow .mf-map b{color:var(--muted-foreground);font-size:9.5px;display:inline}.mflow .mf-sub{color:var(--fg3);margin-top:4px;font-size:10.5px}.mflow .mf-callout{border:1px solid var(--primary-border);background:var(--accent);color:var(--muted-foreground);border-radius:12px;margin-top:18px;padding:14px 18px;font-size:13.5px;line-height:1.6}.mflow .mf-callout b{color:var(--primary-text)}[data-rv].on .mflow .mf-step{animation:mfstep .4s var(--ease-decelerate) both;animation-delay:calc(var(--i,0) * .38s + .25s)}[data-rv] .mflow .mf-step{opacity:0}[data-rv].on .mflow .mf-callout{animation:mfstep .45s var(--ease-decelerate) both;animation-delay:calc(var(--i,0) * .38s + .35s)}[data-rv] .mflow .mf-callout{opacity:0}[data-rv].on .mflow .mf-gone{animation:mfgone 1s var(--ease-standard) 3.4s both}@media (prefers-reduced-motion:reduce){[data-rv] .mflow .mf-step,[data-rv] .mflow .mf-callout{opacity:1;animation:none!important}[data-rv].on .mflow .mf-gone{opacity:.4;animation:none}}@media (width<=760px){.mflow .mf-lanes{grid-template-columns:1fr}.mflow .mf-boundary{border-left:0;border-top:2px dashed var(--border);margin:0 18px}.mflow .mf-boundary span{transform:translate(-50%,-50%)}}@keyframes mfstep{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mfgone{to{opacity:.3;filter:blur(1.2px);text-decoration:line-through}}
