.mcp-demo{background:white;border:1px solid #dce4ef;border-radius:9px;overflow:hidden;color:#263349}.mcp-demo-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #e7ecf4;gap:15px}.mcp-demo-top>span:first-child{display:flex;align-items:center;gap:8px;font:23px 'Instrument Serif',serif}.mcp-demo-top small{font:10px 'DM Sans',sans-serif;color:#8190a5;margin-left:12px}.mcp-example{font:9px 'DM Mono',monospace;color:#7f8da3}.mcp-demo-body{padding:30px}.mcp-demo-heading h3{font:400 34px/1.1 'Instrument Serif',serif!important;margin:12px 0}.mcp-demo-heading>p{font-size:12px;margin:0;max-width:630px;color:#728198}.mcp-connection-path{display:flex;align-items:center;gap:18px;margin:27px 0 22px;padding:15px 18px;border:1px solid #e3eaf4;border-radius:7px;background:#f8faff;font:11px 'DM Sans',sans-serif}.mcp-connection-path>span{flex:1;text-align:center}.mcp-connection-path>i{font-style:normal;color:#a3b4d4}.mcp-path-bloom{color:#426cc9}.mcp-conversation-grid{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #e1e7f1;border-radius:9px;overflow:hidden}.mcp-conversation{padding:24px}.mcp-section-label{font:8px 'DM Mono',monospace;letter-spacing:.09em;color:#8390a7}.mcp-visitor{font-size:12px;line-height:1.7;padding:13px 16px;margin:24px 0 20px 40px;background:#f0f4fc;border:1px solid #e1e8f5;border-radius:11px 11px 2px 11px}.mcp-answer{display:flex;gap:12px}.mcp-answer>span{font-size:23px;color:#5a7ddc}.mcp-answer p{font-size:13px;color:#34465f;margin:0 0 9px;line-height:1.7}.mcp-answer small{font-size:9px;color:#8b98ac}.mcp-evidence{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0 34px}.mcp-evidence>span{font-size:8px;padding:5px 8px;border:1px solid #e1e7f1;border-radius:4px;color:#74839a}.mcp-handoff{padding:24px;background:radial-gradient(ellipse at top right,#e8efffcc,transparent 70%),#fafcff;border-left:1px solid #e1e7f1}.mcp-handoff h4{font:400 27px/1.12 'Instrument Serif',serif;margin:18px 0}.mcp-handoff>div:not(.mcp-section-label){display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e6ebf3;font-size:10px}.mcp-handoff strong{font-weight:500}.mcp-handoff>div>span{color:#8693a7}.mcp-handoff>p{font-size:9px;line-height:1.8;color:#7a889e;margin:16px 0 0}.mcp-demo-note{font-size:9px;color:#8c9aae;margin-top:19px}.mcp-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.mcp-controls>section{border:1px solid #e0e7f1;border-radius:8px;padding:21px;background:linear-gradient(145deg,#f7faff,#fff)}.mcp-control-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.mcp-control-title>span{font:9px 'DM Mono',monospace;color:#6181b7}.mcp-control-title h4{font-size:13px;font-weight:500;margin:0}.mcp-control-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7ecf4;padding:16px 0;font-size:11px}.mcp-control-row small{display:block;font-size:9px;color:#8794a8;line-height:1.65;margin-top:6px}.mcp-control-row b{font-size:9px;font-weight:400;white-space:nowrap;color:#5376bd}.mcp-boundary{display:flex;align-items:center;gap:15px;padding:17px 20px;margin-top:20px;border:1px solid #e3e9f3;border-radius:7px;background:#f7f9fd}.mcp-boundary>span{font-size:21px;color:#5b7bc5}.mcp-boundary p{font-size:11px;margin:0;color:#7b8aa0}.mcp-boundary strong{font-weight:500;color:#3a4f6f}@media(max-width:700px){.mcp-demo-top{padding:12px;gap:8px}.mcp-demo-top small{display:none}.mcp-example{font-size:7px}.mcp-demo-body{padding:20px 14px}.mcp-demo-heading h3{font-size:28px!important}.mcp-demo-heading>p{font-size:11px}.mcp-connection-path{gap:6px;padding:12px 7px;font-size:9px}.mcp-conversation-grid,.mcp-controls{grid-template-columns:1fr}.mcp-conversation,.mcp-handoff{padding:18px}.mcp-handoff{border-left:0;border-top:1px solid #e1e7f1}.mcp-visitor{margin-left:20px}.mcp-controls{gap:12px}.mcp-controls>section{padding:17px}.mcp-demo-note{font-size:8px;line-height:1.7}}