.mcp-session{--panel:#f3f3f1;--muted:#666660;--ink:#141414;min-width:0;background:#f3f3f1;border-radius:28px;padding:14px;box-shadow:0 30px 80px -40px #0005;font:14px/1.6 Inter,"Hiragino Sans",system-ui,sans-serif;color:#141414}.mcp-session *{box-sizing:border-box}.mcp-session .session-chrome{display:flex;align-items:center;gap:8px;padding:4px 8px 14px;font-size:12px;color:#666660}.mcp-session .session-chrome img{width:14px;height:19px}.mcp-session .session-chrome span:last-child{margin-left:auto}.mcp-session .session{background:#fff;border-radius:20px;min-height:440px;padding:24px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.mcp-session .msg-user{align-self:flex-end;background:#f3f3f1;border-radius:18px 18px 4px 18px;padding:12px 16px;max-width:88%;font-size:14px}.mcp-session [data-session-step]{opacity:0;transform:translateY(7px);transition:opacity 240ms cubic-bezier(.22,1,.36,1),transform 240ms cubic-bezier(.22,1,.36,1)}.mcp-session [data-session-step].on{opacity:1;transform:none}.mcp-session .step{display:flex;align-items:center;gap:8px;font:12px/1.5 ui-monospace,monospace;min-width:0}.mcp-session .step code{font:inherit;white-space:normal;overflow-wrap:anywhere}.mcp-session .dot{width:22px;height:22px;flex:none;background:#141414;color:white;border-radius:7px;display:grid;place-items:center;font:11px/1 system-ui}.mcp-session .cost{margin-left:auto;font:11px/1.4 system-ui;white-space:nowrap;background:#f3f3f1;border-radius:999px;padding:5px 8px}.mcp-session .spend{background:#eef2ff;color:#3651c9}.mcp-session .result{display:flex;align-items:center;gap:14px;padding:14px;background:#f3f3f1;border-radius:16px}.mcp-session .result img{width:52px;height:52px;padding:12px;background:white;border-radius:12px;object-fit:contain}.mcp-session .result h4{font-size:15px;margin:0 0 3px}.mcp-session .result p{font-size:12px;color:#666660;margin:0}.mcp-session .agent-line{font-size:14px;margin:0}.mcp-session .session-replay{align-self:flex-start;margin-top:auto;padding:4px 0;border:0;background:transparent;font:12px/1.5 system-ui;color:#666660;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.lp-mcp-demo.mcp-session{display:block;aspect-ratio:auto;padding:14px;overflow:visible;background:#f3f3f1}.lp-mcp-demo.mcp-session .session{min-height:440px}.lp-mcp .mcp-guide-link{margin-top:20px;font-size:15px;color:#666660;max-width:26em}.lp-mcp .lp-agent-icons img{object-fit:contain}

.mcp-session [data-session-step]{opacity:1;transform:none}.mcp-session[data-session-ready] [data-session-step]:not(.on){opacity:0;transform:translateY(7px)}
@media(max-width:600px){.mcp-session .session{padding:18px 14px;min-height:430px}.mcp-session .step{font-size:10px;gap:6px}.mcp-session .cost{font-size:10px;padding:4px 6px}.mcp-session .dot{width:19px;height:19px}.mcp-session .agent-line{font-size:13px}.lp-mcp-demo.mcp-session{height:auto!important}.lp-mcp-demo.mcp-session .session{min-height:430px}}
@media(prefers-reduced-motion:reduce){.mcp-session [data-session-step]{transition:none;transform:none}.mcp-session[data-session-ready] [data-session-step]:not(.on){opacity:1;transform:none}}

.mcp-session .session{min-height:470px;height:auto;max-height:none;overflow:visible}.mcp-session{overflow:visible}.mcp-session .result,.mcp-session .agent-line{height:auto;max-height:none;overflow:visible;white-space:normal;text-overflow:clip;flex-shrink:0}.mcp-session .step{flex-shrink:0}.mcp-session .session-chrome{flex-wrap:wrap}.mcp-session .session-chrome span:last-child{font-size:10px}

.lp-agent-icon.is-logo-unavailable{min-width:40px;min-height:40px}.lp-agent-icon.is-logo-unavailable>span{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent!important;color:inherit!important;font:600 10px/1.3 system-ui!important;max-width:65px;white-space:normal;text-align:center}

.lp-mcp #mcp-heading>span:first-child{white-space:nowrap;font-size:clamp(23px,2.25vw,36px)}
@media(max-width:600px){.lp-mcp #mcp-heading>span:first-child{font-size:25px}}

.mcp-session .session-replay,.lp-mcp .button,.lp-mcp .lp-agent-icon{transition:transform 160ms cubic-bezier(.22,1,.36,1),opacity 160ms cubic-bezier(.22,1,.36,1)}.mcp-session .session-replay:active,.lp-mcp .button:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.mcp-session .session-replay:hover,.lp-mcp .button:hover{opacity:.75;transform:translateY(-1px)}.lp-mcp .lp-agent-icon:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.mcp-session .session-replay,.lp-mcp .button,.lp-mcp .lp-agent-icon{transition:none!important;transform:none!important}}
@media(max-width:600px){.lp-mcp #mcp-heading>span:first-child{font-size:clamp(21px,6.2vw,25px)}}

.mcp-session .step{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}