/* Settings → Engines (site/engines.js). Theme tokens from admin.css, so it follows light/dark and every preset. */
#engines .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.86em; }
.eng-row { align-items: flex-start; }
.eng-main { display: grid; gap: 0.15rem; }
.eng-title { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.eng-title b { font-weight: 600; }
.eng-acts { margin: 0; justify-content: flex-end; flex: none; }
.eng-foot { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin: 0.8rem 0.2rem 0 1rem; }
.eng-foot p { margin: 0; max-width: 42rem; }
.eng-foot .btn { flex: none; }
#voice-avatar .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.86em; }
.va-result { margin-top: 0.4rem; }
.va-result p { margin: 0 0 0.3rem; }
.va-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.15rem; max-height: 14rem; overflow: auto; }
.va-list li { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.9rem; }
.va-id { padding: 0.1rem 0.4rem; min-height: 0; font-size: 0.78rem; }
.eng-sheet h2 { margin: 0 0 0.3rem; }
.eng-sheet .field-row.two { grid-template-columns: 1fr 1fr; }
.eng-sheet .field-row { margin-bottom: 0.2rem; }
.eng-sheet .field span.muted { font-weight: 400; }
.eng-sheet textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.86rem; resize: vertical; margin: 0; }
.eng-rest { border: 1px solid var(--hair); border-radius: 14px; padding: 0.8rem 0.9rem 0.2rem; margin: 0.2rem 0 1rem; }
.eng-rest legend { padding: 0 0.4rem; }
.eng-sheet .sheet-actions { margin-top: 0.6rem; }
@media (max-width: 720px) {
  .eng-row { flex-direction: column; align-items: stretch; gap: 0.6rem; }
  .eng-acts { justify-content: flex-start; }
  .eng-foot { flex-direction: column; }
  .eng-sheet .field-row.two { grid-template-columns: 1fr; }
}