.mcp-client-preview{min-width:0;width:100%;text-align:left;isolation:isolate}.mcp-preview-loading{display:grid;place-items:center;min-height:460px;border:1px solid #deded9;border-radius:12px;background:#f6f5f1;color:#70747c;font-size:13px}.edc-preview{margin-top:24px}.mcp-preview-loading[data-client=chatgpt]{background:#fff;border-color:#dededb}.mcp-preview-loading[data-client=claude]{background:#faf9f5;border-color:#e7e3db}.mcp-preview-loading:is([data-client=cursor],[data-client=claude-code],[data-client=codex],[data-client=vscode]){background:#202020;border-color:#383838}.dev-mcp-preview{margin-top:28px;max-width:1100px}.dev-mcp-preview>summary{width:fit-content;cursor:pointer;font-size:13px;font-weight:600;padding:12px 0}.dev-mcp-preview>.mcp-client-preview{margin-top:12px}@media (max-width:760px){.mcp-preview-loading{min-height:380px}.edc-preview{margin-top:18px}}.client-activity{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-size:11px;line-height:20px;font-weight:400;font-style:normal;color:inherit}.client-activity-mark{position:relative;display:inline-grid;place-items:center;flex:none;width:20px;height:20px}.client-activity--claude{color:#bb7457}.client-activity--claude svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;animation:client-claude-breathe 1.8s ease-in-out infinite}.client-activity--claude-code{font-family:ui-monospace,monospace;color:#d99775}.client-activity--claude-code .client-activity-mark>span{position:absolute;font-size:21px;opacity:0;animation:client-terminal-frame 1.2s step-end infinite}.client-activity--claude-code .client-activity-mark>span:nth-child(2){animation-delay:.2s}.client-activity--claude-code .client-activity-mark>span:nth-child(3){animation-delay:.4s}.client-activity--claude-code .client-activity-mark>span:nth-child(4){animation-delay:.6s}.client-activity--claude-code .client-activity-mark>span:nth-child(5){animation-delay:.8s}.client-activity--claude-code .client-activity-mark>span:nth-child(6){animation-delay:1s}.client-activity--chatgpt{color:#252525}.client-activity--chatgpt i{display:block;width:10px;height:10px;background:currentColor;border-radius:50%;animation:client-chatgpt-pulse 1.4s ease-in-out infinite}.client-activity--cursor{color:#a5a5aa}.client-activity--cursor i{display:block;width:13px;height:13px;border:1.5px solid #ffffff24;border-top-color:currentcolor;border-radius:50%;animation:client-ring .85s linear infinite}.client-activity--cursor .client-activity-label{background:linear-gradient(100deg,#85858b 20%,#eee 48%,#85858b 75%);background-size:240% 100%;background-clip:text;-webkit-text-fill-color:transparent;animation:client-cursor-shine 2s linear infinite}.client-activity--codex{color:#aaa}.client-activity--codex .client-activity-mark{display:flex;gap:2px}.client-activity--codex i{width:2px;height:10px;background:currentColor;border-radius:1px;animation:client-codex-wave 1.1s ease-in-out infinite}.client-activity--codex i:nth-child(2){animation-delay:.1s}.client-activity--codex i:nth-child(3){animation-delay:.2s}.client-activity--codex i:nth-child(4){animation-delay:.3s}.client-activity--codex i:nth-child(5){animation-delay:.4s}.client-activity--vscode{color:#75beff}.client-activity--vscode i{width:14px;height:14px;border:1.5px dotted;border-radius:50%;animation:client-ring 1.5s steps(12) infinite}@keyframes client-claude-breathe{50%{transform:scale(.78) rotate(30deg);opacity:.55}}@keyframes client-terminal-frame{0%,16.65%{opacity:1}16.66%,to{opacity:0}}@keyframes client-chatgpt-pulse{50%{transform:scale(.7);opacity:.5}}@keyframes client-ring{to{transform:rotate(1turn)}}@keyframes client-cursor-shine{to{background-position:-240% 0}}@keyframes client-codex-wave{50%{transform:scaleY(.4);opacity:.4}}@media (prefers-reduced-motion:reduce){.client-activity *{animation:none!important}.client-activity--claude-code .client-activity-mark>span{display:none}.client-activity--claude-code .client-activity-mark>span:nth-child(5){display:inline;opacity:1}.client-activity--cursor .client-activity-label{background:none;-webkit-text-fill-color:currentColor}}