.cs-connect-setup{margin-top:40px}.cs-connect-tabs{scrollbar-width:none;overflow-x:auto}.cs-connect-panel{background:var(--card);border-radius:0 var(--r-card) var(--r-card) var(--r-card);padding:32px 36px 36px;display:none}:is(.cs-connect-setup:has(input[value=claude]:checked) [data-panel=claude],.cs-connect-setup:has(input[value=chatgpt]:checked) [data-panel=chatgpt],.cs-connect-setup:has(input[value=claude-code]:checked) [data-panel=claude-code],.cs-connect-setup:has(input[value=cursor]:checked) [data-panel=cursor],.cs-connect-setup:has(input[value=codex]:checked) [data-panel=codex],.cs-connect-setup:has(input[value=other]:checked) [data-panel=other]){display:block}.cs-connect-panel>*{max-width:760px}.cs-connect-panel code:not(pre code),.cs-connect-api code{background:var(--ground);border-radius:3px;padding:1px 5px;font-size:.86em}.cs-connect-steps{counter-reset:step;gap:20px;margin:0;padding:0;list-style:none;display:grid}.cs-connect-steps>li{counter-increment:step;min-width:0;color:var(--ink-2);padding-left:42px;font-size:16px;line-height:1.55;position:relative}.cs-connect-steps>li:before{content:counter(step);background:var(--ink);color:#fff;width:26px;height:26px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:12px;font-weight:600;font-stretch:85%;display:grid;position:absolute;top:-1px;left:0}.cs-connect-steps>li>.cs-code,.cs-connect-more>.cs-code{margin-top:12px}.cs-connect-steps>li>p{margin-top:10px}.cs-connect-more{border-top:1px solid var(--rule);margin-top:28px}.cs-connect-more>summary{cursor:pointer;min-height:48px;color:var(--ink);align-items:center;gap:10px;font-size:15px;font-weight:600;list-style:none;display:flex}.cs-connect-more>summary::-webkit-details-marker{display:none}.cs-connect-more>summary:before{content:"";width:12px;height:12px;transition:transform var(--d-state) var(--ease-out);background:linear-gradient(currentColor,currentColor) 50%/12px 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 12px no-repeat;flex:none}.cs-connect-more[open]>summary:before{transform:rotate(45deg)}.cs-connect-more>summary:hover{color:var(--action)}.cs-connect-more>p{color:var(--ink-2);margin-top:8px;font-size:15px;line-height:1.55}.cs-connect-more>p+.cs-code{margin-top:12px}.cs-connect-more>.cs-code+p{margin-top:20px}.cs-connect-note{color:var(--ink-3);margin-top:20px;font-size:15px;line-height:1.55}.cs-connect-detail{border-top:1px solid var(--rule);grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;margin-top:88px;padding-top:48px;display:grid}.cs-connect-detail h2{margin-bottom:20px}.cs-connect-prompts{gap:12px;display:grid}.cs-connect-api{color:var(--ink-2);margin-top:56px;font-size:17px;line-height:1.55}@media (max-width:959px){.cs-connect-detail{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:56px}}@media (max-width:767px){.cs-connect-panel{padding:24px 20px 28px}.cs-connect-steps>li{padding-left:38px}}@media (max-width:519px){.cs-connect-tabs{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.cs-connect-tabs .cs-client-mark,.cs-connect-tabs .cs-glyph{display:none}.cs-connect-tabs label>span{padding-inline:12px}.cs-connect-tabs input:checked+span{padding-inline:14px}}