.mcp-demo-composer{margin:12px 16px 16px;padding:12px 14px;border:1px solid #414141;background:#272727;color:#dedede;border-radius:14px;font:12px/1.5 Arial,sans-serif;flex-shrink:0}.mcp-demo-composer textarea{display:block;width:100%;min-height:48px;max-height:160px;resize:vertical;border:0;outline:none;background:transparent;color:inherit;font:inherit;box-shadow:none}.mcp-demo-composer textarea::placeholder{color:#929292}.mcp-demo-composer:focus-within{border-color:#8a8a8a}.mcp-demo-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.mcp-demo-composer button{cursor:pointer;font:inherit;border:0;background:none;color:inherit;padding:4px 0}.mcp-demo-composer .mcp-demo-send{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee;color:#222;padding:0}.mcp-demo-send:disabled{opacity:.3;cursor:default}.mcp-demo-composer--chatgpt{background:#fff;border-color:#ddd;color:#252525;border-radius:23px;margin:5px 28px 20px}.mcp-demo-composer--chatgpt .mcp-demo-send{background:#171717;color:#fff}.mcp-demo-composer--claude{background:#fffefb;color:#3e3b35;border-color:#ddd9cf;border-radius:16px}.mcp-demo-composer--claude .mcp-demo-send{background:#c47e61;color:#fff;border-radius:7px}.mcp-demo-composer--claude-code{font-family:ui-monospace,monospace;border-radius:4px;background:transparent;border-color:#444}.mcp-demo-composer--claude-code .mcp-demo-send{color:#d99775;background:#34302e}.mcp-demo-composer--codex{margin:18px 0 0}.mcp-demo-composer--cursor{margin:10px 0 0;border-radius:8px}.mcp-demo-composer--vscode{border-radius:4px;margin:10px}.mcp-connect-overlay{position:fixed;inset:0;z-index:110;background:#0007;backdrop-filter:blur(4px)}.mcp-connect-drawer{position:fixed;z-index:111;bottom:0;left:0;right:0;margin:0 auto;width:min(620px,100%);max-height:92dvh;display:flex;flex-direction:column;background:#faf9f6;color:#16181c;border:1px solid #dedbd5;border-bottom:0;border-radius:24px 24px 0 0;outline:none;font:14px/1.5 Arial,sans-serif;box-shadow:0 -20px 80px #0002}.mcp-connect-handle{width:38px;height:4px;border-radius:4px;background:#d2d0cc;margin:12px auto 0;flex-shrink:0}.mcp-connect-close{position:absolute;right:18px;top:20px;background:transparent;border:0;color:#747474;cursor:pointer;padding:8px}.mcp-connect-scroll{padding:26px 32px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.mcp-connect-brand{display:flex;align-items:center;gap:9px;color:#777;font-size:12px;margin-bottom:22px}.mcp-connect-brand img{width:26px;height:26px;object-fit:contain;border-radius:5px}.mcp-connect-drawer h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:0 0 8px;line-height:1.15}.mcp-connect-drawer h2+p{color:#707070;font-size:14px;margin:0 0 24px;max-width:450px}.mcp-connect-draft{padding:16px;border:1px solid #e0ddd6;background:#fff;border-radius:12px;margin:22px 0}.mcp-connect-draft>span{font-size:10px;color:#888}.mcp-connect-draft p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow-y:auto;margin:8px 0 12px;font-size:14px}.mcp-connect-draft button{display:flex;gap:6px;align-items:center;background:none;border:0;color:#555;font-size:12px;padding:0;cursor:pointer}.mcp-connect-draft small{display:block;color:#a33;margin-top:8px}.mcp-connect-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:15px}.mcp-connect-steps li{display:flex;gap:12px;align-items:center;font-size:13px}.mcp-connect-steps b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dedbd4;border-radius:50%;font-size:11px;font-weight:400;color:#777}.mcp-connect-primary{display:block;text-align:center;padding:14px 20px;border-radius:30px;background:#1769f5;color:white;text-decoration:none;font-weight:600}.mcp-connect-guide{display:block;background:none;border:0;margin:12px auto 0;padding:10px;color:#646464;cursor:pointer;font:inherit;font-size:12px}.mcp-connect-install{border-top:1px solid #dedbd4;margin-top:15px;padding-top:20px}.mcp-connect-install .mip{padding:0!important}.mcp-connect-install .nl-r{opacity:1!important;transform:none!important;transition:none!important}.mcp-connect-install .mip-beat:has(.mip-ask){display:none}.mcp-connect-drawer a:focus-visible,.mcp-connect-drawer button:focus-visible,.mcp-demo-composer button:focus-visible{outline:2px solid #1769f5;outline-offset:4px}@media (max-width:640px){.mcp-demo-composer--chatgpt{margin:5px 16px 16px}.mcp-connect-scroll{padding:24px 20px max(24px,env(safe-area-inset-bottom))}.mcp-connect-drawer h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.mcp-connect-drawer,.mcp-connect-overlay{animation:none!important;transition:none!important}}.mcp-demo-composer .mcp-demo-preview-note{margin:0 0 8px;font-size:11px;line-height:1.4;opacity:.75}