.ao8-config { color:var(--ink,#1b1f24); line-height:1.6; }
.ao8-config [hidden] { display:none !important; }
.ao8-config .cfg-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:12px 0; }
.ao8-config .cfg-toolbar > div { flex:1; min-width:180px; }
.ao8-config button { min-height:44px; cursor:pointer; }
.ao8-config button:disabled { cursor:default; }
.ao8-config input,.ao8-config select,.ao8-config textarea { font:inherit; min-height:44px; }
.ao8-config label { color:var(--ink,#1b1f24); }
.ao8-config .cfg-note { min-height:2em; padding:12px; background:#eef3f8; border-radius:6px; overflow-wrap:anywhere; white-space:pre-wrap; }
.ao8-config .cfg-warning { background:#fff4df; color:#6c4400; }
.ao8-config .cfg-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin:16px 0; }
.ao8-config .cfg-summary > div { padding:12px; border:1px solid var(--line,#e3e6ea); border-radius:6px; }
.ao8-config .cfg-summary small { display:block; color:#58616e; }
.ao8-config fieldset { min-width:0; border:1px solid var(--line,#e3e6ea); border-radius:8px; padding:16px; margin:16px 0; }
.ao8-config legend { font-weight:600; padding:0 8px; }
.ao8-config .cfg-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.ao8-config .cfg-value { display:flex; align-items:center; gap:8px; }
.ao8-config .cfg-value select { width:145px; flex-shrink:0; }
.ao8-config .cfg-value input { min-width:100px; }
.ao8-config .cfg-scroll { overflow-x:auto; }
.ao8-config td { min-width:110px; vertical-align:top; }
.ao8-config td .cfg-value { min-width:250px; }
.ao8-config details { border-top:1px solid var(--line,#e3e6ea); padding:12px 0; }
.ao8-config summary { cursor:pointer; padding:8px 0; font-weight:600; }
.ao8-config .cfg-meta { color:#58616e; overflow-wrap:anywhere; font-size:13px; }
.ao8-config .cfg-conflict { border:2px solid #b45309; padding:16px; border-radius:8px; }
.ao8-config .cfg-conflict td { overflow-wrap:anywhere; white-space:pre-wrap; }
.ao8-config input:focus-visible,.ao8-config select:focus-visible,.ao8-config button:focus-visible,.ao8-config summary:focus-visible { outline:3px solid var(--accent,#1f4e79); outline-offset:2px; }
@media(max-width:600px) { .ao8-config fieldset { padding:10px; } .ao8-config .cfg-fields { grid-template-columns:1fr; } .ao8-config input,.ao8-config select { font-size:16px; } }

.ao8-config .cfg-check { display:flex; gap:10px; align-items:center; }
.ao8-config input[type="checkbox"] { width:22px; min-height:22px; flex:0 0 auto; }