.workflow-demo[data-astro-cid-eu7zo3po]{border:1px solid var(--line);background:radial-gradient(circle, var(--line) 1px, transparent 1.25px) 0 0 / 15px 15px, var(--soft);border-radius:20px;margin-block:2rem 3rem;padding:clamp(1rem,4vw,2rem)}.workflow-demo[data-astro-cid-eu7zo3po] [data-astro-cid-eu7zo3po][hidden]{display:none}.demo-header[data-astro-cid-eu7zo3po],.demo-options[data-astro-cid-eu7zo3po],.demo-footer[data-astro-cid-eu7zo3po]{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.demo-header[data-astro-cid-eu7zo3po]{justify-content:space-between;margin-bottom:1rem}.workflow-demo[data-astro-cid-eu7zo3po] .demo-header[data-astro-cid-eu7zo3po] h2[data-astro-cid-eu7zo3po]{margin:0;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.2}.demo-badge[data-astro-cid-eu7zo3po]{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;background:#fff;border-radius:999px;padding:.3rem .55rem;font-size:.69rem;font-weight:750}.demo-options[data-astro-cid-eu7zo3po] button[data-astro-cid-eu7zo3po],.demo-footer[data-astro-cid-eu7zo3po] button[data-astro-cid-eu7zo3po]{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.84rem;font-weight:700;display:inline-flex}.demo-options[data-astro-cid-eu7zo3po] button[data-astro-cid-eu7zo3po][aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.demo-footer[data-astro-cid-eu7zo3po] button[data-astro-cid-eu7zo3po]{border-color:var(--accent);background:var(--accent);color:#fff}.demo-prompt[data-astro-cid-eu7zo3po]{border-inline-start:3px solid var(--accent);background:#fff;border-radius:8px;margin-block:1rem;padding:.75rem 1rem}.workflow-demo[data-astro-cid-eu7zo3po] .demo-prompt[data-astro-cid-eu7zo3po] p[data-astro-cid-eu7zo3po],.workflow-demo[data-astro-cid-eu7zo3po] .demo-result[data-astro-cid-eu7zo3po]{margin:0;font-size:.92rem;line-height:1.5}.workflow-demo[data-astro-cid-eu7zo3po] .demo-steps[data-astro-cid-eu7zo3po]{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.workflow-demo[data-astro-cid-eu7zo3po] .demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po]{border:1px solid var(--line);min-height:52px;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:.6rem;margin:0;padding:.55rem .75rem;font-size:.84rem;font-weight:700;line-height:1.35;transition:border-color .25s,box-shadow .25s,color .25s;display:flex;position:relative}.demo-steps[data-astro-cid-eu7zo3po] svg[data-astro-cid-eu7zo3po]{flex:none}.demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po]:not(:last-child):after{background:var(--line);content:"";width:2px;height:.9rem;transition:background-color .25s;position:absolute;top:100%;left:1.35rem}.workflow-demo[data-astro-cid-eu7zo3po] .demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po][data-state]{border-color:var(--accent);color:var(--accent)}.demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po][data-state=active]{box-shadow:0 0 0 3px var(--accent-border)}.demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po][data-state=done]:after{background:var(--accent)}.workflow-demo[data-astro-cid-eu7zo3po] .demo-result[data-astro-cid-eu7zo3po]{color:var(--muted);margin-top:1rem}.demo-footer[data-astro-cid-eu7zo3po]{margin-top:1rem}.demo-footer[data-astro-cid-eu7zo3po] [data-astro-cid-eu7zo3po][role=status]{color:var(--muted);font-size:.84rem}@media (width>=700px){.workflow-demo[data-astro-cid-eu7zo3po] .demo-steps[data-astro-cid-eu7zo3po]{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-demo[data-astro-cid-eu7zo3po] .demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po]{flex-direction:column;align-items:flex-start}.demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po]:not(:last-child):after{width:.9rem;height:2px;top:50%;left:100%}}@media (prefers-reduced-motion:no-preference){.demo-panel[data-astro-cid-eu7zo3po]:not([hidden]) .demo-prompt[data-astro-cid-eu7zo3po]{animation:.32s ease-out both prompt-in}@keyframes prompt-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.workflow-demo[data-astro-cid-eu7zo3po] .demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po],.demo-steps[data-astro-cid-eu7zo3po] li[data-astro-cid-eu7zo3po]:after{transition:none}}