.connect-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.connect-cards>a{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid #363b43;border-radius:16px;background:rgba(255,255,255,.025);text-decoration:none}.connect-cards strong{display:flex;justify-content:space-between;font-size:20px}.connect-cards>a:hover{border-color:#91bfb0}.connect-cards span{font-size:14px}.connect-controls{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.connect-controls label,.guide-model-label{display:grid;gap:8px;flex:1;font-size:14px}.connect-controls select,.guide-model-label select{width:100%;padding:12px;border:1px solid #3d424c;border-radius:8px;background:#12151b;color:#eff3f6;font:inherit}.guide-code{border:1px solid #353b45;border-radius:12px;overflow:hidden;margin:20px 0;max-width:100%}.guide-code>div{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #353b45;color:#abb4c4;font-size:13px}.guide-code button{background:transparent;color:#e2ede8;border:1px solid #46524d;border-radius:6px;padding:6px 14px;cursor:pointer}.guide-code pre{border:0!important;border-radius:0!important;margin:0!important;padding:20px!important;overflow-x:auto;white-space:pre;font-size:13px;line-height:1.7}.guide-code code{white-space:pre}#connect ol{padding-left:22px}#connect li{padding:8px 0;line-height:1.8}#claude-code details{border:1px solid #353b45;border-radius:12px;padding:18px}#claude-code summary{cursor:pointer;font-weight:600}#connection-guide-status{font-size:14px;color:#b8d6c8}section[id]{scroll-margin-top:100px}.guide-model-label{margin:22px 0}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b8d6c8;outline-offset:4px}@media(max-width:640px){.connect-cards{grid-template-columns:1fr}.connect-controls{flex-direction:column}.guide-code pre{font-size:12px!important}}