.svg-workflows{border-top:1px solid hsl(var(--border));padding-top:24px}.svg-workflows>h2,.svg-example h2{font-size:18px;font-weight:400;line-height:1.4}.svg-workflow{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:baseline;gap:16px 32px;padding:20px 0;display:flex}.svg-workflow>div{max-width:620px}.svg-workflow h3{margin-bottom:6px;font-size:14px;font-weight:400;line-height:1.5}.svg-workflow p,.svg-example-copy p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.7}.svg-tool-link{flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:inline-flex}.svg-tool-link:hover{text-underline-offset:3px;text-decoration:underline}.svg-tool-link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.svg-example{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:32px;margin-top:32px;padding-bottom:32px;display:grid}.svg-example-copy>p{margin-top:10px}.svg-example-copy .svg-example-detail{font-size:12px}.svg-example-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.svg-example-copy .svg-example-status{font-size:12px}.svg-example-copy [role=alert]{color:hsl(var(--destructive))}.svg-example-preview{aspect-ratio:3/2;border:1px solid hsl(var(--border));background:hsl(var(--muted) / .3);border-radius:6px;width:min(100%,240px);overflow:hidden}.svg-example-preview>svg{width:100%;height:100%}@media (width<=767px){.svg-workflow{flex-direction:column;gap:12px}.svg-example{grid-template-columns:minmax(0,1fr);gap:20px}.svg-example-preview{grid-row:1}}