.sp-mcp-demo{--mcp-ink: var(--color-sp-light-heading);--mcp-body: var(--color-sp-light-body);--mcp-muted: var(--color-sp-light-muted);--mcp-line: var(--color-sp-light-border);--mcp-card: #fff;--mcp-soft: #f5f5f4;--mcp-ok-ink: #4d7c0f;--flow-ease: cubic-bezier(.22, .7, .2, 1)}.dark .sp-mcp-demo{--mcp-card: var(--color-sp-card-bg);--mcp-soft: rgb(255 255 255 / .06);--mcp-ok-ink: var(--color-sp-accent)}.sp-mcp-demo{padding:28px 16px;border:1px solid rgb(15 23 42 / .05);border-radius:16px;background:radial-gradient(90% 70% at 0% 0%,var(--color-sp-accent-subtle),transparent 60%),#fafdf5}@media(min-width:640px){.sp-mcp-demo{padding:36px}}.sp-mcp-demo.sp-mcp-demo--right{background:radial-gradient(90% 70% at 100% 0%,var(--color-sp-accent-subtle),transparent 60%),#fafdf5}.dark .sp-mcp-demo{border-color:var(--color-sp-border);background:radial-gradient(90% 70% at 0% 0%,rgb(160 224 13 / .06),transparent 60%),var(--color-sp-card-bg)}.sp-mcp-top{max-width:600px;margin-right:auto;margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.sp-mcp-stages{display:flex;gap:28px}.sp-mcp-stage,.sp-mcp-replay{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:15px;font-weight:500;color:var(--mcp-muted);cursor:pointer;transition:color .25s ease}.sp-mcp-replay{font-size:var(--sp-text-sm)}.sp-mcp-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid var(--mcp-line);border-radius:9999px;background:var(--mcp-card);font-size:var(--sp-text-sm);font-weight:700;color:var(--mcp-muted);transition:border-color .3s ease,color .3s ease,box-shadow .3s ease}.sp-mcp-stage:hover,.sp-mcp-replay:hover{color:var(--mcp-body)}.sp-mcp-stage.is-current{color:var(--mcp-ink)}.sp-mcp-stage.is-current .sp-mcp-num{border-color:var(--color-sp-accent);color:var(--mcp-ok-ink);box-shadow:0 0 0 5px var(--color-sp-accent-subtle)}.sp-mcp-stage:focus-visible,.sp-mcp-replay:focus-visible{outline:2px solid var(--color-sp-accent);outline-offset:4px;border-radius:6px}.sp-mcp-replay svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sp-mcp-replay:not(.is-ready){visibility:hidden}.sp-mcp-chat{max-width:600px;margin:0 auto;overflow:hidden;border:1px solid var(--mcp-line);border-radius:14px;background:var(--mcp-card);box-shadow:0 1px 2px #0f172a0f,0 22px 48px -18px #0f172a59;font-size:var(--sp-text-sm);line-height:1.6;color:var(--mcp-body);text-align:left}.sp-mcp-head{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 16px;border-bottom:1px solid var(--mcp-line)}.sp-mcp-title{font-size:var(--sp-text-sm);font-weight:600;color:var(--mcp-ink)}.sp-mcp-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:9999px;background:#d97757;color:#fff}.sp-mcp-avatar svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.sp-mcp-connected{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:2px 8px 2px 3px;border:1px solid var(--color-sp-accent-border);border-radius:9999px;background:var(--color-sp-accent-subtle);font-size:var(--sp-text-xs);font-weight:600;color:var(--mcp-ok-ink)}.sp-mcp-connected img{width:14px;height:14px;border-radius:3px}.sp-mcp-body{display:flex;flex-direction:column;margin:0;padding:20px;list-style:none}.sp-mcp-item{margin-top:20px}.sp-mcp-item:first-child{margin-top:0}.sp-mcp-item p{margin:0}.sp-mcp-user{display:flex;justify-content:flex-end}.sp-mcp-user p{max-width:82%;padding:9px 13px;border:1px solid var(--mcp-line);border-radius:12px 12px 4px;background:#fafdf5}.dark .sp-mcp-user p{background:#ffffff0f}.sp-mcp-ai{display:flex}.sp-mcp-msg strong,.sp-mcp-msg b{font-weight:600}.sp-mcp-msg{min-width:0;flex:1}.sp-mcp-item .sp-mcp-msg>*+*{margin-top:8px}.sp-mcp-item .sp-mcp-msg>.sp-mcp-table{margin-top:14px}.sp-mcp-msg code{padding:1px 5px;border-radius:5px;background:var(--mcp-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.sp-mcp-ctx{opacity:.5}.sp-mcp-ctx,.sp-mcp-ctx *{color:var(--mcp-muted)!important}.sp-mcp-ctx .sp-mcp-done svg{stroke:var(--mcp-muted)}.sp-mcp-ctx code{background:transparent;padding:0}.sp-mcp-demo:not([data-armed]) .sp-mcp-ctx{display:none}.sp-mcp-table{width:100%;border-collapse:collapse;font-size:var(--sp-text-sm)}.sp-mcp-table th,.sp-mcp-table td{padding:7px 16px 7px 0;border-bottom:1px solid var(--mcp-line);text-align:left}.sp-mcp-table th:not(:first-child),.sp-mcp-table td:not(:first-child){width:72px;text-align:right;padding-right:0;padding-left:16px}.sp-mcp-table th{padding-top:0}.sp-mcp-table th{font-weight:600;color:var(--mcp-muted)}.sp-mcp-table td{font-weight:400;color:var(--mcp-body)}.sp-mcp-table td.sp-mcp-good{font-weight:600;color:var(--mcp-ok-ink)}.sp-mcp-cont{padding-left:0}.sp-mcp-ai+.sp-mcp-cont{margin-top:10px}.sp-mcp-cont+.sp-mcp-work{margin-top:12px}.sp-mcp-step{display:flex;align-items:center;gap:8px}.sp-mcp-pub{display:inline-flex;color:var(--mcp-body)}.sp-mcp-pub svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sp-mcp-demo[data-armed] .sp-mcp-item.is-in:not(.is-done) .sp-mcp-pub svg path:not(:last-child){animation:sp-mcp-lift .9s ease-in-out infinite}@keyframes sp-mcp-lift{50%{transform:translateY(-3px)}}.sp-mcp-msg .sp-mcp-run{display:none}.sp-mcp-demo[data-armed] .sp-mcp-item[data-done-at]:not(.is-done) .sp-mcp-msg .sp-mcp-run{display:block}.sp-mcp-demo[data-armed] .sp-mcp-item[data-done-at]:not(.is-done) .sp-mcp-step .sp-mcp-run{display:inline}.sp-mcp-msg p.sp-mcp-run:after,.sp-mcp-step .sp-mcp-run:after{content:none}.sp-mcp-item .sp-mcp-msg>.sp-mcp-run+.sp-mcp-fin{margin-top:0}.sp-mcp-work{display:flex;align-items:center;gap:8px;padding-left:0;font-size:var(--sp-text-sm);font-weight:500;line-height:1.4;color:var(--mcp-muted)}.sp-mcp-work+.sp-mcp-work{margin-top:10px}.sp-mcp-work+.sp-mcp-ai{margin-top:16px}.sp-mcp-work-icon{flex:none;width:16px;height:16px;border-radius:4px}svg.sp-mcp-work-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sp-mcp-run{display:none}.sp-mcp-done{display:inline-flex}.sp-mcp-done svg{width:14px;height:14px;fill:none;stroke:var(--mcp-ok-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sp-mcp-run:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;vertical-align:-2px;box-sizing:border-box;border:2px solid var(--mcp-line);border-top-color:var(--mcp-ok-ink);border-radius:9999px;animation:sp-flow-spin .8s linear infinite}.sp-mcp-composer{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);height:44px;margin:0 auto 16px;padding:0 14px 0 16px;border:1px solid #d4d4d4;border-radius:14px;background:var(--mcp-card);box-shadow:0 1px 2px #0f172a0a;font-size:var(--sp-text-sm);color:var(--mcp-muted);transition:border-color .2s ease}.dark .sp-mcp-composer{border-color:var(--mcp-line)}.sp-mcp-input{flex:1;display:flex;min-width:0;overflow:hidden;white-space:nowrap}.sp-mcp-typed{flex:none;color:var(--mcp-body)}.sp-mcp-composer.is-typing{border-color:#a3a3a3}.sp-mcp-composer.is-typing .sp-mcp-ph{display:none}.sp-mcp-composer.is-typing .sp-mcp-typed:after{content:"";display:inline-block;width:1px;height:1.1em;margin-left:1px;vertical-align:-.2em;background:var(--mcp-ink);animation:sp-mcp-caret 1s steps(1) infinite}.sp-mcp-composer.is-long .sp-mcp-input{justify-content:flex-end}.sp-mcp-send{flex:none;display:inline-flex;color:var(--mcp-muted);transition:color .2s ease}.sp-mcp-composer.is-typing .sp-mcp-send{color:var(--mcp-ink)}.sp-mcp-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes sp-mcp-caret{50%{opacity:0}}.sp-mcp-demo[data-armed] .sp-mcp-body{justify-content:flex-start;overflow:hidden;transition:opacity .22s ease}.sp-mcp-demo[data-armed] .sp-mcp-body.is-switching{opacity:0}.sp-mcp-demo[data-armed] .sp-mcp-item.is-off{display:none}.sp-mcp-demo[data-armed] .sp-mcp-item{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s var(--flow-ease)}.sp-mcp-demo[data-armed] .sp-mcp-item.is-in{opacity:1;transform:none}.sp-mcp-demo[data-armed] .sp-mcp-item.is-first,.sp-mcp-demo[data-armed] .sp-mcp-item.is-first.is-in{margin-top:0}.sp-mcp-demo[data-armed] .sp-mcp-item.sp-mcp-ctx.is-in{opacity:.5}.sp-mcp-demo.is-instant .sp-mcp-item{transition:none}.sp-mcp-demo[data-armed] .sp-mcp-item[data-done-at]:not(.is-done) .sp-mcp-run{display:inline}.sp-mcp-demo[data-armed] .sp-mcp-item[data-done-at]:not(.is-done) .sp-mcp-fin,.sp-mcp-demo[data-armed] .sp-mcp-item[data-done-at]:not(.is-done) .sp-mcp-done{display:none}@media(max-width:639px){.sp-mcp-top{gap:10px}.sp-mcp-stages{gap:14px}.sp-mcp-stage{gap:8px;font-size:var(--sp-text-sm)}.sp-mcp-num{width:26px;height:26px;font-size:var(--sp-text-xs)}.sp-mcp-replay span{display:none}.sp-mcp-head{padding:0 12px 0 16px}.sp-mcp-body{padding:16px 14px}.sp-mcp-user p{max-width:88%}.sp-mcp-composer{width:calc(100% - 24px);margin:0 auto 12px}}