.sd{margin:2rem auto;max-width:72rem;padding:18px;border:1px solid hsl(var(--border));border-radius:22px;background:hsl(var(--secondary) / .55)}.sd-cap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;color:hsl(var(--foreground))}.sd-live{width:8px;height:8px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / .15);flex-shrink:0}.sd-note{margin-inline-start:auto;padding:2px 10px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--card));font-size:11.5px;font-weight:600;color:hsl(var(--muted-foreground))}.sd-flow{display:flex;flex-direction:column}.sd-stage-wrap{display:flex;flex-direction:column;min-width:0}.sd-stage{min-width:0;padding:14px;border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));box-shadow:0 10px 28px -22px hsl(var(--primary) / .45)}.sd-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1.35;color:hsl(var(--foreground))}.sd-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.sd-icon svg{width:16px;height:16px}.sd-link{position:relative;display:block;width:2px;height:18px;margin-inline-start:28px;background:hsl(var(--primary) / .3);border-radius:2px}.sd-link i{position:absolute;inset-inline-start:-2px;top:0;width:6px;height:6px;border-radius:50%;background:hsl(var(--primary));opacity:0}.sd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sd-chips li{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 10px;border-radius:999px;border:1px solid hsl(var(--primary) / .25);background:hsl(var(--primary) / .05);font-size:12px;font-weight:600;color:hsl(var(--foreground));overflow-wrap:anywhere}.sd-chips svg{width:12px;height:12px;flex-shrink:0;color:hsl(var(--primary))}.sd-src li{border-color:hsl(var(--border));background:hsl(var(--secondary))}.sd-rows{display:grid;gap:6px;margin-top:10px}.sd-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:hsl(var(--secondary));font-size:12px}.sd-rows s{min-width:0;color:hsl(var(--muted-foreground));text-decoration-color:hsl(var(--primary) / .6);overflow-wrap:anywhere}.sd-row-arrow{width:14px;height:14px;color:hsl(var(--primary) / .7)}.sd-after{display:inline-flex;align-items:center;gap:5px;min-width:0;font-weight:600;color:hsl(var(--foreground));overflow-wrap:anywhere}.sd-after svg{width:13px;height:13px;flex-shrink:0;color:hsl(var(--primary))}.sd-qa{display:grid;gap:6px;margin-top:10px}.sd-q,.sd-a{padding:7px 11px;border-radius:12px;font-size:12.5px;line-height:1.5}.sd-q{justify-self:start;border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--foreground));border-end-start-radius:4px}.sd-a{justify-self:end;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600;border-end-end-radius:4px}.sd-a span{display:block;margin-top:2px;font-size:10.5px;font-weight:500;opacity:.85}.sd-agent{display:grid;gap:8px;margin-top:10px;justify-items:start}.sd-task{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:hsl(var(--foreground))}.sd-task svg{width:14px;height:14px;flex-shrink:0;color:hsl(var(--primary))}.sd-wait{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px dashed hsl(var(--primary) / .5);font-size:11.5px;font-weight:600;color:hsl(var(--primary))}.sd-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--primary))}.sd-steps{display:grid;gap:8px;margin-top:10px}.sd-steps li{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:12px;background:hsl(var(--secondary))}.sd-num{display:grid;place-items:center;min-width:28px;height:24px;border-radius:8px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:11px;font-weight:700}.sd-steps b{display:block;font-size:13px;color:hsl(var(--foreground))}.sd-steps em{display:block;font-style:normal;font-size:12px;line-height:1.45;color:hsl(var(--muted-foreground))}@media (min-width: 640px){.sd{padding:22px}.sd-steps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sd-steps li{flex-direction:column}}@media (min-width: 1024px){.sd-flow{flex-direction:row;align-items:stretch}.sd-stage-wrap{flex-direction:row;flex:1 1 0}.sd-stage-wrap:has(.sd-k-steps){flex:2.4 1 0}.sd-stage{flex:1}.sd-link{width:22px;height:2px;margin:0;align-self:center;flex-shrink:0}.sd-link i{top:-2px;inset-inline-start:0}.sd-rows li{grid-template-columns:1fr;gap:2px}.sd-row-arrow{display:none}}.dark .sd{background:hsl(var(--card) / .5)}.dark .sd-stage{box-shadow:none}@media (prefers-reduced-motion: no-preference){.sd[data-state=idle] .sd-stage-wrap{opacity:0}.sd[data-state=play] .sd-stage-wrap{animation:sd-in .55s cubic-bezier(.2,.75,.2,1) calc(var(--i) * .55s) both}.sd[data-state=play] .sd-chips li,.sd[data-state=play] .sd-steps li{animation:sd-pop .4s cubic-bezier(.3,.9,.35,1.25) calc(var(--i) * .12s + .3s) both}.sd[data-state=play] .sd-rows s{animation:sd-strike .4s ease .5s both}.sd[data-state=play] .sd-after{animation:sd-tick .45s cubic-bezier(.2,.75,.2,1) .8s both}.sd[data-state=play] .sd-a{animation:sd-tick .45s ease .9s both}.sd:not([data-state=still]) .sd-link i{animation:sd-drop 2.4s cubic-bezier(.45,0,.35,1) calc(var(--i) * .3s + 1s) infinite}.sd:not([data-state=still]) .sd-wait{animation:sd-ring 2s ease-out 2s infinite}.sd:not([data-state=still]) .sd-live{animation:sd-ring 2.2s ease-out infinite}.sd:hover,.sd:hover *{animation-play-state:paused!important}}@media (prefers-reduced-motion: no-preference) and (min-width: 1024px){.sd:not([data-state=still]) .sd-link i{animation-name:sd-slide}[dir=rtl] .sd:not([data-state=still]) .sd-link i{animation-name:sd-slide-rtl}}@keyframes sd-in{0%{opacity:0;translate:0 14px}}@keyframes sd-pop{0%{opacity:0;scale:.7}}@keyframes sd-strike{0%{text-decoration-color:transparent}}@keyframes sd-tick{0%{opacity:0;translate:0 4px}}@keyframes sd-drop{0%{top:-4px;opacity:0}25%,70%{opacity:1}to{top:100%;opacity:0}}@keyframes sd-slide{0%{left:-4px;opacity:0}25%,70%{opacity:1}to{left:100%;opacity:0}}@keyframes sd-slide-rtl{0%{right:-4px;opacity:0}25%,70%{opacity:1}to{right:100%;opacity:0}}@keyframes sd-ring{0%{box-shadow:0 0 hsl(var(--primary) / .35)}70%,to{box-shadow:0 0 0 7px hsl(var(--primary) / 0)}}