.api-route-tabs { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.api-route-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; }
.api-route-options { border-right:1px solid var(--line,#d7d6cf); padding-right:18px; }
.api-route-group { display:grid; gap:8px; margin-bottom:22px; }
.api-route-group button { text-align:left; white-space:normal; }
.api-route-group button.active { background:#deddd4; border-color:#96998b; }
.api-route-group small,.api-channel-choice small { display:block; font-weight:normal; color:#687166; margin-top:4px; }
.api-route-card { border:1px solid #d3d4ca; border-radius:10px; padding:18px; margin-bottom:14px; background:#f5f4ee; }
.api-route-card-title,.api-route-actions,.api-route-save { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.api-route-card p { margin:10px 0; }
.api-model-order { display:flex; flex-wrap:wrap; gap:8px 18px; padding:12px; background:#e9e8df; border-radius:6px; overflow-wrap:anywhere; }
.api-model-order b { flex-basis:100%; }
.api-route-save { border-top:1px solid #d3d4ca; padding-top:18px; }
.api-route-dialog { width:min(700px,calc(100vw - 36px)); max-height:85vh; border:1px solid #c5c8ba; border-radius:12px; padding:24px; background:#f8f7f1; }
.api-channel-choice { display:flex; gap:12px; padding:14px; border:1px solid #d3d4ca; border-radius:8px; margin:10px 0; }
.api-route-dialog::backdrop { background:#17201477; }
.api-channel-highlight { outline:3px solid #87997b; outline-offset:-3px; }
.api-key-pool > summary { cursor:pointer; font-weight:600; margin-bottom:10px; }
@media(max-width:800px) { .api-route-layout { grid-template-columns:minmax(0,1fr); } .api-route-options { border-right:0; padding:0; } .api-route-group { display:flex; flex-wrap:wrap; gap:8px; } .api-route-group > strong { flex-basis:100%; } .api-route-card { padding:12px; } .api-route-actions button { min-height:36px; } }