.connection-studio{--cs-line:#385170;--cs-muted:#b6cbe4;background:#0a1628;border:1px solid #45658b;border-radius:18px;padding:clamp(12px,2vw,24px);margin:24px 0;color:#eef5ff;font:400 1rem/1.5 system-ui,sans-serif;min-width:0}.connection-studio *{box-sizing:border-box}.connection-studio h3,.connection-studio h4,.connection-studio h5{color:#fff;line-height:1.2}.connection-studio h3{font-size:clamp(1.5rem,2.5vw,2.1rem);margin:8px 0}.connection-studio h4{font-size:1.18rem;margin:7px 0}.connection-studio h5{font-size:1rem;margin:22px 0 10px}.cs-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.cs-heading p{margin:10px 0;color:var(--cs-muted)}.cs-kicker{color:#8dbfff;font-size:.68rem;letter-spacing:.12em;font-weight:700}.cs-badge{border:1px solid #54769f;background:#163354;border-radius:30px;padding:8px 14px;font-size:.75rem;flex:none}.cs-scope{border-left:3px solid #ffb07a;background:#233048;padding:13px 16px;font-size:.88rem;max-width:100%!important}.cs-scope strong{color:#ffe0c6}.connection-studio label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;color:var(--cs-muted);min-width:0}.connection-studio input,.connection-studio select,.connection-studio button{font:inherit;min-height:44px;max-width:100%;min-width:0;border:1px solid #557497;border-radius:8px;background:#142a46;color:#f1f7ff;padding:9px 12px}.connection-studio input,.connection-studio select{width:100%;font-size:1rem}.connection-studio input[type=range]{accent-color:#6fb4ff;padding:0}.connection-studio button{cursor:pointer;font-size:.85rem;font-weight:650}.connection-studio button:hover:not(:disabled){background:#254875}.connection-studio button:disabled{opacity:.45;cursor:default}.connection-studio .cs-primary{background:#225be6;border-color:#8ab9ff}.connection-studio :focus-visible{outline:3px solid #ffb075;outline-offset:3px}.cs-library{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr) auto auto;align-items:end;gap:10px;margin:20px 0 10px}.cs-small,.cs-empty{font-size:.8rem;color:var(--cs-muted);overflow-wrap:anywhere}.cs-model-context{padding:12px;background:#102c49;border:1px solid var(--cs-line);border-radius:8px;font-size:.85rem}.cs-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.cs-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.cs-card{border:1px solid var(--cs-line);border-radius:12px;overflow:hidden;background:#0c1b2f;min-width:0}.cs-card>header{padding:16px;background:linear-gradient(110deg,#183355,#11223b);border-bottom:1px solid var(--cs-line)}.cs-card>header>span{font-size:.66rem;letter-spacing:.1em;color:#91bded}.cs-body{padding:16px;min-width:0}.cs-full{grid-column:1/-1}.cs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cs-table{overflow:auto;max-width:100%;border:1px solid var(--cs-line);border-radius:8px;margin:14px 0;overscroll-behavior-x:contain}.cs-table table{border-collapse:collapse;min-width:100%;font-size:.8rem;text-align:left}.cs-table caption{text-align:left;padding:10px;background:#142c48;font-size:.73rem;color:#c5dbf3}.cs-table th,.cs-table td{padding:8px;border-bottom:1px solid var(--cs-line);white-space:nowrap}.cs-table th{background:#142c48;font-size:.7rem;color:#bad2ed}.cs-table input{min-width:100px}.cs-table td button{min-width:106px}.cs-status{font-size:.84rem;min-height:58px;border-left:3px solid #68adf9;background:#102b49;padding:12px;overflow-wrap:anywhere}.cs-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.cs-readouts>div{padding:11px;background:#163150;border-radius:8px;min-width:0}.cs-readouts span{display:block;font-size:.7rem;color:#b6d0eb}.cs-readouts strong{display:block;font-size:1.13rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.connection-studio svg{display:block;width:100%;height:auto;max-width:100%;background:#091827;border-radius:8px;margin:12px 0}.connection-studio svg text{fill:#bbd3ed;font:11px system-ui,sans-serif}.connection-studio .en-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:.75rem;margin-top:10px}.connection-studio .en-legend span:before{content:'';display:inline-block;width:16px;height:3px;background:var(--series-color);margin:0 6px 3px 0}.connection-studio .en-muted{font-size:.75rem;color:var(--cs-muted)}.cs-profile-controls{display:grid;grid-template-columns:minmax(150px,1fr) repeat(2,minmax(150px,2fr));gap:16px;align-items:end}.cs-diagnostics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;font-size:.78rem;overflow-wrap:anywhere}.cs-diagnostics dd{margin:0;color:#dfedff}.cs-diagnostics dt{color:var(--cs-muted)}.connection-studio details{border-top:1px solid var(--cs-line);margin-top:16px;padding-top:10px}.connection-studio summary{min-height:44px;cursor:pointer;font-size:.84rem;align-content:center}.connection-studio details li{font-size:.8rem;color:var(--cs-muted);margin:8px 0}.cs-footer{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:.7rem;color:#9fbada;margin-top:20px}.cs-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.cs-library{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cs-library>label:nth-of-type(2){grid-column:1/-1}.cs-layout{grid-template-columns:minmax(0,1fr)}.cs-heading{align-items:start;flex-direction:column;gap:5px}.cs-readouts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.connection-studio{padding:10px;border-radius:12px}.cs-body{padding:12px}.cs-library{grid-template-columns:minmax(0,1fr)}.cs-library>label:nth-of-type(2){grid-column:auto}.cs-profile-controls{grid-template-columns:minmax(0,1fr)}.cs-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-badge{white-space:normal}.cs-scope{padding:10px 12px}.cs-footer{display:grid;gap:8px}.cs-table td,.cs-table th{padding:6px}}@media(max-width:390px){.cs-fields{grid-template-columns:minmax(0,1fr)}.cs-heading h3{font-size:1.45rem}.cs-badge{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.connection-studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mw-connection-studio{border:1px solid #486b93;border-radius:12px;background:#0b1c32;margin:22px 0;min-width:0}.mw-connection-studio>summary{min-height:48px;padding:14px 18px;color:#d2e7ff;font-weight:650;cursor:pointer;overflow-wrap:anywhere}.mw-connection-studio>summary:focus-visible{outline:3px solid #ffb075;outline-offset:3px}.mw-connection-studio .connection-studio{margin:0;border:0;border-top:1px solid #486b93;border-radius:0 0 12px 12px}.cs-space-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.cs-space-layout>div{min-width:0}@media(max-width:1000px){.cs-space-layout{grid-template-columns:minmax(0,1fr)}}
