.tools-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; gap: var(--section-gap); }
.tool-connection-settings h2 { margin: 0 0 8px; font: 600 21px var(--serif); }
.tool-connection-settings > .subtle { line-height: 1.65; }
.tool-connection-directory > .subtle { font-size: 13px; }
.tool-connection-directory .empty-state { margin: 13px 0 0; }
.tool-connection-form { display: grid; gap: 7px; margin-top: 17px; }
.tool-connection-form > label { font-size: 14px; font-weight: 600; }
.tool-connection-form input:not([type="checkbox"]), .personal-tool-picker select { width: 100%; }
.tool-connection-form input:not([type="checkbox"]) { margin-bottom: 6px; }
.tool-connection-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 8px; }
.tool-connection-actions .outline { min-height: 34px; padding: 6px 10px; font-size: 13px; }
.tool-connection-list { list-style: none; margin: 0; padding: 0; }
.tool-connection-list > li { border-top: 1px solid var(--line); margin-top: 13px; padding: 13px 0 0; overflow-wrap: anywhere; }
.tool-connection-header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 10px; }
.tool-connection-header > span, .tool-connection-list p { font-size: 13px; line-height: 1.55; }
.tool-connection-list p { margin-top: 4px; }
.tool-connection-ready { padding: 1px 7px; border-radius: 4px; color: var(--positive); background: var(--positive-soft); }
.tool-connection-list details { margin: 8px 0; font-size: 13px; }
.tool-connection-list summary { width: fit-content; color: var(--gold-dark); cursor: pointer; }
.tool-connection-list details ul { display: grid; gap: 6px; list-style: none; margin: 8px 0; padding: 0; }
.tool-connection-list details li { padding: 7px 9px; border-radius: 5px; background: var(--canvas); }
.tool-connection-list > .tool-connection-matched { border-top-color: var(--gold-line); }
.tool-match-label { display: inline-block; margin-inline-start: 8px; padding: 1px 6px; border-radius: 4px; color: var(--gold-dark); background: var(--gold-soft); font-size: 12px; }
.tool-match {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  margin: 0 0 16px;
  padding: 13px 16px;
  border-left: 2px solid var(--gold);
  background: var(--gold-soft);
  overflow-wrap: anywhere;
}
.tool-match h2 { margin: 0; color: var(--gold-dark); font-size: 15px; }
.tool-match p { margin-top: 5px; font-size: 13px; }
.tool-match > div { min-width: 0; }
.personal-tool-picker { margin: 0 14px 6px; font-size: 13px; }
.personal-tool-picker > div { padding: 8px 2px; }
.personal-tool-picker select { width: min(100%, 440px); display: block; margin: 6px 0; }
.personal-tool-picker a { text-decoration: underline; color: var(--gold); }
.personal-tool-result { margin-top: 10px; padding: 9px 11px; border-left: 2px solid var(--gold); background: var(--canvas); }
@media (max-width: 1050px) { .tools-layout { grid-template-columns: minmax(0, 1fr); } }