/* Page layout only; shared cards, fields and states live in app.css. */
.keys-page { max-width: 46rem; }
#keys-control { margin-top: var(--space-8); }
#key-value, #key-command { font-size: .875rem; overflow-wrap: anywhere; }
#key-command { width: 100%; resize: vertical; }
.keys-list { list-style: none; padding: 0; margin: var(--space-4) 0 0; }
.key-row { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; justify-content: space-between; }
.key-row > div { min-width: 0; overflow-wrap: anywhere; }
.key-row .state-pill { width: fit-content; }