/* Concern: how the inspector's view lays out its rows, send field and outputs | Non-concern: the page around it | IO: none */
.inspector input { font: inherit; padding: 0.4rem 0.6rem; }
.inspector label { display: flex; gap: 0.6rem; align-items: center; }
.inspector input { flex: 1; min-width: 0; }
.inspector h1 { font-size: 1rem; }
.inspector table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
.inspector th, .inspector td { text-align: left; padding: 0.1rem 0.6rem 0.1rem 0; white-space: nowrap; }
.inspector td { vertical-align: top; }
.inspector .rows td:nth-child(5) { width: 100%; white-space: pre; }
/* Secondary but WCAG AA: 7.0:1 on white, 8.2:1 on Chrome's dark canvas (#121212). */
.inspector td:last-child { white-space: pre; color: light-dark(#595959, #ababab); }
.inspector .rows { overflow-x: auto; }
.inspector .outputs { max-height: 40vh; overflow: auto; margin-top: 0.6rem; }
.inspector .outputs table { margin-top: 0; }
.inspector .outputs input[type=number] { width: 6rem; flex: none; }
.inspector .outputs label { display: inline; }