.agent-config {padding:16px;color:var(--ink);background:var(--surface)}
.agent-config header {display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
.agent-config h1 {font-size:18px;margin:0;}
.agent-config textarea {display:block;width:100%;height:60vh;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:13px/1.55 monospace;box-sizing:border-box;}
.agent-config button {margin:10px 8px 0 0;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);}
.agent-config button:disabled {opacity:.55;}
.agent-config .config-help,.agent-config .config-meta {font-size:13px;line-height:1.45;max-width:88ch;}
.agent-config .config-error {color:var(--ink);background:var(--surface);border-left:3px solid currentColor;padding-left:10px;}
.agent-config .config-actions {display:flex;flex-wrap:wrap;gap:0 6px;}
.agent-config textarea:focus-visible,.agent-config button:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
@media(max-width:620px) {.agent-config {padding:10px;}  .agent-config header {gap:6px;} }
.agent-config .config-help a {color:var(--ink);background:var(--surface);text-decoration:underline;}
@media(max-width:620px) {.agent-config textarea{height:52vh;}}
.app-agents-dialog{width:min(900px,94vw);max-height:90dvh;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.app-agents-dialog::backdrop{background:rgba(0,0,0,.45)}
.app-agents-dialog>header{justify-content:space-between;gap:12px}
.app-agents-dialog h2{margin:0;font-size:16px;overflow-wrap:anywhere}
.app-agents-dialog>header button{margin:0}
.app-agents-dialog .agent-config{padding:0}
.app-agents-dialog textarea{height:58dvh;resize:vertical}
.config-versions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
.config-versions label{display:grid;gap:4px;flex:1;min-width:180px;max-width:100%}
.config-versions select{width:100%;min-width:0;padding:6px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.config-diff{height:58vh;overflow:auto;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:13px/1.55 monospace;white-space:pre;tab-size:4}
.config-diff>span{display:block;min-height:1.55em}
.config-diff .added{color:var(--ink);background:color-mix(in srgb,#22a65b 18%,var(--surface))}
.config-diff .removed{color:var(--ink);background:color-mix(in srgb,#d34a5b 18%,var(--surface))}