.project-api{display:grid;gap:14px;min-width:0}
.project-api .project-panel{min-width:0}
.project-api p,.project-api li{color:#647188;font-size:12px;line-height:1.6}
.project-api-connection .project-panel-head{align-items:center}
.project-api-endpoint{display:grid;gap:7px;color:#647188;font-size:11px;font-weight:600}
.project-api input,.project-api textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #dfe5ef;border-radius:8px;background:#f8fafc;color:#17233c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.project-api input:focus,.project-api textarea:focus{outline:2px solid #93b4f0;outline-offset:2px}
.project-api-key-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:12px 0;color:#7c8798;font-size:11px}
.project-api-key-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.project-api .button:disabled{opacity:.55;cursor:default}
.project-api .project-api-key-note{margin:10px 0 0;font-size:11px}
.project-api-secret{margin-top:16px;padding:14px;border:1px solid #b8d4c5;border-radius:9px;background:#f0faf5}
.project-api-secret strong{font-size:13px;color:#196b4b}
.project-api-secret p{margin:5px 0 10px}
.project-api-secret input{background:#fff;border-color:#b8d4c5}
.project-api-examples>p{margin:8px 0 12px}
.project-api-examples ol{padding-left:20px;margin-bottom:14px}
.project-api details{margin-top:9px;border:1px solid #e4e9f2;border-radius:8px;background:#fff;overflow:hidden}
.project-api summary{padding:12px;cursor:pointer;font-size:12px;font-weight:600;color:#334766}
.project-api summary code{margin-left:8px;font-size:11px;font-weight:400;color:#6e7f98;overflow-wrap:anywhere}
.project-api h4{margin:10px 12px 6px;font-size:12px}
.project-api pre{max-width:100%;margin:0;padding:12px;overflow:auto;background:#f5f7fb;color:#253d61;font-size:11px;line-height:1.65;tab-size:2}
.project-api details h4+pre{border-top:1px solid #edf0f5}
.project-api .project-api-response{margin:14px 0 0;font-size:11px}
.project-api-events{display:grid;gap:12px}
.project-api-events>article{padding:14px;border:1px solid #e4e9f2;border-radius:10px}
.project-api-events header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.project-api-events header>div{min-width:0}
.project-api-events header code{font-size:10px;color:#73829a;overflow-wrap:anywhere}
.project-api-events header h4{margin:6px 0 0;line-height:1.5;font-size:13px;overflow-wrap:anywhere}
.project-api-events dl{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.project-api-events dt{color:#8792a4;font-size:10px}
.project-api-events dd{margin:5px 0 0;color:#4f607a;font-size:11px;overflow-wrap:anywhere}
.project-api-resource{padding:0;border:0;background:transparent;color:#2862c5;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.project-api-events details{margin:0}
.project-api-events summary{font-size:11px;padding:9px 11px}
.project-api-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}
.project-api-pagination span{font-size:11px;color:#7c8798}
.project-api-preview p{max-width:580px;font-size:12px;line-height:1.6;color:#647188}
@media(max-width:850px){.project-api-events dl{grid-template-columns:repeat(2,minmax(0,1fr))}.project-api .project-panel-head{flex-wrap:wrap}.project-api summary code{display:block;margin:5px 0 0}.project-api-pagination{justify-content:space-between}}

.project-api textarea{resize:vertical}