@layer sf{:where([data-part=agent-demo]){min-width:0;font-size:var(--sf-font-size,.875rem);color:var(--sf-fg,inherit);background:var(--sf-bg,transparent);border:1px solid var(--sf-border,color-mix(in srgb, currentColor 15%, transparent));border-radius:var(--sf-radius,.75rem);box-shadow:var(--sf-demo-shadow,none);flex-direction:column;gap:0;display:flex;overflow:hidden}:where([data-part=agent-demo][data-layout=terminal]){font-family:var(--sf-font,ui-monospace, monospace);line-height:1.55}:where([data-part=agent-demo][data-layout=chat]){font-family:var(--sf-demo-prose-font,inherit);line-height:1.5}:where([data-part=agent-demo]:has(>[data-part=window])){box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}:where([data-part=agent-demo] [data-part=header]){border-bottom:1px solid var(--sf-demo-border-subtle,var(--sf-border,transparent));background:var(--sf-demo-subtle-bg,transparent);color:var(--sf-muted,inherit);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}:where([data-part=agent-demo] [data-part=controls]){flex-wrap:wrap;align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}:where([data-part=agent-demo] [data-part=turn-jumps]){border:0;gap:.25rem;margin:0;padding:0;display:flex}:where([data-part=agent-demo] [data-part=control]){min-width:2rem;min-height:1.5rem;font:inherit;color:var(--sf-muted,inherit);border:1px solid var(--sf-border,currentColor);border-radius:calc(var(--sf-radius,.75rem) / 2);cursor:pointer;background:0 0;padding:.125rem .5rem;font-size:.75rem}:where([data-part=agent-demo] [data-part=control]:hover){color:var(--sf-fg,inherit)}:where([data-part=agent-demo] [data-part=control][aria-current=step]){color:var(--sf-bg,Canvas);background:var(--sf-fg,CanvasText);border-color:var(--sf-fg,CanvasText)}:where([data-part=agent-demo] [data-part=control]:disabled){opacity:.5;cursor:default}:where([data-part=agent-demo] [data-part=transcript]){height:var(--sf-demo-height,20rem);overscroll-behavior:contain;flex-direction:column-reverse;min-height:0;display:flex;overflow-y:auto}:where([data-part=agent-demo][data-static] [data-part=transcript]){height:auto;max-height:var(--sf-demo-height,none)}:where([data-part=agent-demo] [data-part=transcript]:focus-visible){outline:2px solid var(--sf-accent,Highlight);outline-offset:-2px}:where([data-part=agent-demo] [data-part=turns]){flex-direction:column;flex:none;gap:1rem;padding:1rem 1.25rem;display:flex}:where([data-part=agent-demo][data-layout=terminal] [data-part=turns]){gap:.25rem;padding:.5rem .75rem}:where([data-part=agent-demo] [data-part=turns]>*){flex:none;min-width:0}:where([data-part=agent-demo] [data-part=glyph]){-webkit-user-select:none;user-select:none;color:var(--sf-muted,inherit);flex:none}:where([data-part=agent-demo] [data-part=text]){white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin:0}:where([data-part=agent-demo] [data-part=message]){gap:1ch;display:flex}:where([data-part=agent-demo][data-layout=chat] [data-part=message][data-from=user]){justify-content:flex-end}:where([data-part=agent-demo][data-layout=chat] [data-part=message][data-from=user] [data-part=text]){background:var(--sf-demo-bubble-bg,var(--sf-surface,transparent));border:1px solid var(--sf-demo-border-subtle,var(--sf-border,transparent));border-radius:var(--sf-radius,.75rem);max-width:min(78%,36rem);padding:.75rem .875rem}:where([data-part=agent-demo][data-layout=terminal] [data-part=message][data-from=user]){background:var(--sf-surface,transparent);border-radius:calc(var(--sf-radius,.75rem) / 3);margin-block:.25rem;margin-inline:-.25rem;padding-inline:.25rem}:where([data-part=agent-demo][data-layout=terminal] [data-from=agent] [data-part=glyph]){color:var(--sf-fg,inherit)}:where([data-part=agent-demo][data-layout=terminal] [data-from=user] [data-part=glyph]),:where([data-part=agent-demo] [data-part=command] [data-part=glyph]){color:var(--sf-accent,inherit)}:where([data-part=agent-demo] [data-part=command]){gap:1ch;display:flex}:where([data-part=agent-demo] [data-part=output]){min-width:0;color:var(--sf-muted,inherit)}:where([data-part=agent-demo] [data-part=line]){white-space:pre-wrap;overflow-wrap:anywhere}:where([data-part=agent-demo] [data-tone=ok]){color:var(--sf-ok,inherit)}:where([data-part=agent-demo] [data-tone=fail]){color:var(--sf-fail,inherit)}:where([data-part=agent-demo] [data-tone=warn]){color:var(--sf-warn,inherit)}:where([data-part=agent-demo] [data-tone=muted]),:where([data-part=agent-demo] [data-part=more]){color:var(--sf-muted,inherit)}:where([data-part=agent-demo] [data-part=tool-header]){align-items:center;gap:.625rem;min-width:0;display:flex}:where([data-part=agent-demo] [data-part=tool-label]){white-space:nowrap;flex:none;font-weight:600}:where([data-part=agent-demo] [data-part=tool-args]){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sf-muted,inherit);flex:auto;overflow:hidden}:where([data-part=agent-demo] [data-part=tool-meta]){font-family:var(--sf-font,ui-monospace, monospace);color:var(--sf-muted,inherit);flex:none;margin-inline-start:auto;font-size:.75rem}:where([data-part=agent-demo] [data-part=tool-status]){flex:none;justify-content:center;align-items:center;display:inline-flex}:where([data-part=agent-demo][data-layout=terminal] [data-part=tool-call]){margin-block:.25rem}:where([data-part=agent-demo][data-layout=terminal] [data-part=tool-args]){white-space:pre-wrap;overflow-wrap:anywhere;flex:0 auto}:where([data-part=agent-demo][data-layout=terminal] [data-part=tool-header]){align-items:baseline;gap:0}:where([data-part=agent-demo][data-layout=terminal] [data-part=tool-status]){width:2ch;color:var(--sf-ok,inherit);justify-content:flex-start}:where([data-part=agent-demo][data-layout=terminal] [data-status=running] [data-part=tool-status]){color:var(--sf-warn,inherit)}:where([data-part=agent-demo][data-layout=terminal] [data-status=error] [data-part=tool-status]){color:var(--sf-fail,inherit)}:where([data-part=agent-demo][data-layout=terminal] [data-part=tool-body]){grid-template-columns:auto minmax(0,1fr);gap:1ch;padding-inline-start:1ch;display:grid}:where([data-part=agent-demo] [data-part=tool-working]){color:var(--sf-muted,inherit)}:where([data-part=agent-demo] summary[data-part=tool-header]){cursor:pointer}:where([data-part=agent-demo] summary[data-part=tool-header])::-webkit-details-marker{display:none}:where([data-part=agent-demo] summary[data-part=tool-header]):after{content:var(--sf-demo-disclosure,"▾");content:var(--sf-demo-disclosure,"▾") / "";color:var(--sf-muted,inherit);flex:none;margin-inline-start:.5rem}:where([data-part=agent-demo] details[data-part=tool-call]:not([open])>summary[data-part=tool-header]):after{transform:rotate(-90deg)}:where([data-part=agent-demo] summary[data-part=tool-header]:focus-visible){outline:2px solid var(--sf-accent,Highlight);outline-offset:2px}:where([data-part=agent-demo][data-layout=chat] summary[data-part=tool-header]:focus-visible){outline-offset:-2px}:where([data-part=agent-demo][data-layout=chat] [data-part=tool-call]){background:var(--sf-surface,transparent);border:1px solid var(--sf-border,currentColor);border-radius:calc(var(--sf-radius,.75rem) * .75);overflow:hidden}:where([data-part=agent-demo][data-layout=chat] [data-part=tool-call][data-status=running]){border-color:color-mix(in srgb, var(--sf-tool-accent,var(--sf-accent,currentColor)) 35%, transparent)}:where([data-part=agent-demo][data-layout=chat] [data-part=tool-call][data-status=error]){border-color:color-mix(in srgb, var(--sf-fail,currentColor) 35%, transparent)}:where([data-part=agent-demo][data-layout=chat] [data-part=tool-header]){padding:.625rem .875rem;font-size:.8125rem}:where([data-part=agent-demo][data-layout=chat] [data-part=tool-status]){width:1.125rem;height:1.125rem;color:var(--sf-ok,inherit);background:color-mix(in srgb, var(--sf-ok,currentColor) 15%, transparent);border-radius:50%;font-size:.6875rem;font-weight:700}:where([data-part=agent-demo][data-layout=chat] [data-status=error] [data-part=tool-status]){color:var(--sf-fail,inherit);background:color-mix(in srgb, var(--sf-fail,currentColor) 15%, transparent)}:where([data-part=agent-demo][data-layout=chat] [data-status=running] [data-part=tool-status]){box-sizing:border-box;border:2px solid color-mix(in srgb, var(--sf-tool-accent,var(--sf-accent,currentColor)) 30%, transparent);border-top-color:var(--sf-tool-accent,var(--sf-accent,currentColor));background:0 0}:where([data-part=agent-demo] [data-part=tool-icon]){width:1.375rem;height:1.375rem;color:var(--sf-tool-accent,var(--sf-accent,inherit));background:color-mix(in srgb, var(--sf-tool-accent,var(--sf-accent,currentColor)) 15%, transparent);border-radius:.375rem;flex:none;justify-content:center;align-items:center;display:inline-flex}:where([data-part=agent-demo][data-layout=chat] [data-part=tool-body]){border-top:1px solid var(--sf-demo-border-subtle,var(--sf-border,transparent));font-family:var(--sf-font,ui-monospace, monospace);padding:.75rem .875rem;font-size:.75rem;position:relative}:where([data-part=agent-demo] [data-part=tool-body][data-loading]){min-height:4.5rem}:where([data-part=agent-demo] [data-part=skeleton]){flex-direction:column;gap:.5rem;transition:opacity .3s ease-out;display:flex;position:absolute;inset:.75rem .875rem}:where([data-part=agent-demo] [data-part=skeleton][data-state=leaving]){opacity:0;pointer-events:none}:where([data-part=agent-demo] [data-part=skeleton-bar]){background:var(--sf-demo-shimmer,color-mix(in srgb, currentColor 8%, transparent));border-radius:.25rem;height:.875rem;display:block}:where([data-part=agent-demo] [data-part=skeleton-bar]:nth-child(2)){width:80%}:where([data-part=agent-demo] [data-part=skeleton-bar]:nth-child(3)){width:60%}:where([data-part=agent-demo] [data-part=code]){font-family:var(--sf-font,ui-monospace, monospace);background:var(--sf-demo-subtle-bg,transparent);border-radius:calc(var(--sf-radius,.75rem) / 2);margin:0;padding:.5rem .75rem;overflow-x:auto}:where([data-part=agent-demo] [data-part=code-collapse]>summary){cursor:pointer;color:var(--sf-muted,inherit)}:where([data-part=agent-demo] [data-part=steps]){margin:0;padding-inline-start:1.25rem}:where([data-part=agent-demo] [data-part=error]){color:var(--sf-fail,inherit);margin:0}:where([data-part=agent-demo] [data-part=output]+[data-part]){margin-top:.5rem}:where([data-part=agent-demo] [data-part=thinking]){gap:.375rem;padding-block:.25rem;display:flex}:where([data-part=agent-demo] [data-part=thinking-dot]){background:var(--sf-muted,currentColor);opacity:.6;border-radius:50%;width:.375rem;height:.375rem}:where([data-part=agent-demo] [data-part=caret]){vertical-align:text-bottom;background:var(--sf-demo-caret,var(--sf-accent,currentColor));width:1.5px;height:1em;margin-inline-start:1px;display:inline-block}:where([data-part=agent-demo] [data-part=composer]){background:var(--sf-demo-subtle-bg,var(--sf-surface,transparent));border:1px solid var(--sf-border,currentColor);border-radius:var(--sf-radius,.75rem);flex:none;align-items:center;gap:.625rem;min-width:0;margin:.75rem;padding:.75rem .875rem;display:flex}:where([data-part=agent-demo][data-layout=terminal] [data-part=composer]){background:0 0;border-inline:0;border-radius:0;margin:0 .75rem .75rem;padding:.75rem .25rem}:where([data-part=agent-demo] [data-part=composer-start]){color:var(--sf-muted,inherit);flex:none;align-items:center;display:inline-flex}:where([data-part=agent-demo] [data-part=composer-text]){white-space:nowrap;scrollbar-width:none;flex:auto;min-width:0;overflow:hidden}:where([data-part=agent-demo] [data-part=placeholder]){color:var(--sf-muted,inherit)}:where([data-part=agent-demo] [data-part=submit]){width:1.75rem;height:1.75rem;color:var(--sf-demo-accent-fg,var(--sf-bg,Canvas));background:var(--sf-accent,CanvasText);border-radius:.5rem;flex:none;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,opacity .2s;display:inline-flex}:where([data-part=agent-demo][data-layout=terminal] [data-part=submit]){width:auto;height:auto;color:var(--sf-muted,inherit);opacity:.4;background:0 0}:where([data-part=agent-demo] [data-part=submit][data-flash]){background:var(--sf-demo-accent-strong,var(--sf-accent,CanvasText));opacity:1;transform:scale(.9)}:where([data-part=agent-demo] [data-part=stage]){min-width:0}@media (prefers-reduced-motion:no-preference){:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=turns]>:is([data-part=message],[data-part=command],[data-part=output],[data-part=thinking])){--sf-demo-enter-y:12px;animation:.45s cubic-bezier(.45,.05,.25,1) both sf-agent-demo-enter}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=turns]>[data-part=tool-call]){--sf-demo-enter-y:18px;animation:.6s cubic-bezier(.45,.05,.25,1) both sf-agent-demo-enter}:where([data-sf-animating][data-layout=terminal] [data-part=turns]>*){animation:none}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=caret]){animation:1s step-end infinite sf-agent-demo-blink}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=thinking-dot]){animation:1.2s ease-in-out infinite sf-agent-demo-pulse}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=thinking-dot]:nth-child(2)){animation-delay:.15s}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=thinking-dot]:nth-child(3)){animation-delay:.3s}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=tool-working]){animation:1.6s ease-in-out infinite sf-agent-demo-working}:where([data-sf-animating][data-layout=chat]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-status=running] [data-part=tool-status]){animation:.9s linear infinite sf-agent-demo-spin}:where([data-sf-animating]:not([data-sf-motion=reduce],[data-sf-motion=reduce] *) [data-part=skeleton-bar]){background:linear-gradient(90deg, var(--sf-demo-shimmer,color-mix(in srgb, currentColor 8%, transparent)), var(--sf-demo-shimmer-hi,color-mix(in srgb, currentColor 16%, transparent)), var(--sf-demo-shimmer,color-mix(in srgb, currentColor 8%, transparent)));background-size:200% 100%;animation:1.4s linear infinite sf-agent-demo-shimmer}}:where([data-sf-animating][data-paused],[data-sf-animating][data-paused] *){animation-play-state:paused}@keyframes sf-agent-demo-enter{0%{opacity:0;transform:translateY(var(--sf-demo-enter-y,12px))}to{opacity:1;transform:none}}@keyframes sf-agent-demo-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes sf-agent-demo-pulse{0%,to{opacity:.25}50%{opacity:.9}}@keyframes sf-agent-demo-working{50%{color:var(--sf-fg,currentColor)}}@keyframes sf-agent-demo-spin{to{transform:rotate(360deg)}}@keyframes sf-agent-demo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{.dark .mcp-demo{--mcp-bg:#0a0a0c;--mcp-bg-elev:#ffffff0a;--mcp-bg-hover:#ffffff12;--mcp-bg-faint:#ffffff04;--mcp-border:#ffffff17;--mcp-border-subtle:#ffffff0f;--mcp-text:#ffffffeb;--mcp-text-secondary:#ffffff9e;--mcp-text-muted:#ffffff6b;--mcp-text-faint:#ffffff4d;--mcp-accent:#67e8f9;--mcp-accent-strong:#22d3ee;--mcp-accent-contrast:#0c4a4a;--mcp-status:#4ade80;--mcp-status-glow:#4ade8099;--mcp-shimmer-from:#ffffff0a;--mcp-shimmer-to:#ffffff1a;--mcp-stream-cursor:#ffffffb3;--mcp-shadow:inset 0 1px 0 #ffffff0a, 0 30px 60px #0006}@scope(.mcp-demo){:scope{--mcp-bg:#fff;--mcp-bg-elev:#09090b09;--mcp-bg-hover:#09090b0f;--mcp-bg-faint:#09090b05;--mcp-border:#09090b1a;--mcp-border-subtle:#09090b0f;--mcp-text:#09090beb;--mcp-text-secondary:#09090b9e;--mcp-text-muted:#09090b6b;--mcp-text-faint:#09090b4d;--mcp-accent:#0891b2;--mcp-accent-strong:#06b6d4;--mcp-accent-contrast:#fff;--mcp-status:#16a34a;--mcp-status-glow:#16a34a59;--mcp-shimmer-from:#09090b0a;--mcp-shimmer-to:#09090b1a;--mcp-stream-cursor:#09090bb3;--mcp-shadow:inset 0 1px 0 #09090b0a, 0 30px 60px #09090b1f;--sf-bg:var(--mcp-bg);--sf-fg:var(--mcp-text);--sf-muted:var(--mcp-text-muted);--sf-border:var(--mcp-border);--sf-accent:var(--mcp-accent);--sf-demo-border-subtle:var(--mcp-border-subtle);--sf-demo-bubble-bg:var(--mcp-bg-elev);--sf-demo-subtle-bg:var(--mcp-bg-elev);--sf-demo-caret:var(--mcp-stream-cursor);--sf-demo-accent-strong:var(--mcp-accent-strong);--sf-demo-accent-fg:var(--mcp-accent-contrast);--sf-demo-shadow:var(--mcp-shadow);font-size:inherit;line-height:inherit;color:var(--mcp-text);background:var(--mcp-bg);box-shadow:var(--mcp-shadow)}[data-part=header]{display:contents}[data-part=transcript]{overscroll-behavior:auto;flex:1 1 0;height:auto;min-height:0}[data-part=transcript]::-webkit-scrollbar{width:8px}[data-part=transcript]::-webkit-scrollbar-thumb{background:var(--mcp-border);border-radius:4px}[data-part=turns]{gap:1rem;padding:1.25rem 1.25rem 1rem}[data-part=message] [data-part=text]{color:var(--mcp-text);font-size:.875rem}[data-part=message][data-from=agent] [data-part=text]{line-height:1.625}[data-part=message][data-from=user] [data-part=text]{border-radius:.75rem;max-width:78%;padding:.75rem .875rem;line-height:1.5}[data-part=message] [data-part=caret]{animation-duration:.6s}[data-part=thinking-dot]{background:var(--mcp-text-secondary)}[data-part=composer]{border-radius:.75rem;gap:.625rem;margin:.75rem;padding:.75rem .875rem}[data-part=composer-start]{color:var(--mcp-text-muted)}[data-part=composer-text]{color:var(--mcp-text);align-items:center;gap:1px;font-size:13.5px;display:inline-flex}[data-part=composer] [data-part=caret]{background:var(--mcp-accent);flex:none;width:1px;height:.875rem}[data-part=submit]{margin-inline-start:auto;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-part=submit][data-flash]{filter:brightness(1.25)}@media (width<=639px){[data-part=turns]{gap:.75rem;padding:.875rem .875rem .625rem}[data-part=message][data-from=user] [data-part=text]{max-width:92%}}.mcp-demo-step{background:0 0;border:0;border-radius:0;overflow:visible}[data-part=turns]>*{will-change:opacity, transform}[data-entered]{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.45,.05,.25,1),transform .6s cubic-bezier(.45,.05,.25,1);transform:translateY(18px)}[data-entered=true]{opacity:1;transform:none}.mcp-demo-shimmer{background:linear-gradient(90deg, var(--mcp-shimmer-from), var(--mcp-shimmer-to), var(--mcp-shimmer-from));background-size:200% 100%;animation:1.4s linear infinite mcp-demo-shimmer}@media (prefers-reduced-motion:reduce){[data-entered]{opacity:1;transition:none;transform:none}}}}@keyframes mcp-demo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}