.card { margin: 14px 0; }
.panes { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
@media (max-width: 760px) { .panes { grid-template-columns: 1fr; } }
.panes textarea { width: 100%; min-height: 320px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9rem; white-space: pre; tab-size: 2; }
.panes label { display: block; font-weight: 600; margin-bottom: 4px; }
.bar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 10px 0; }
.status { min-height: 1.4em; margin: 6px 0; font-weight: 600; }
.status.good { color: #2e9e6b; }
.status.bad { color: #d9534f; }
.status.warn { color: #c98a00; }
table.t { width: 100%; border-collapse: collapse; }
table.t th, table.t td { text-align: left; padding: 6px 8px; border-bottom: 1px solid rgba(128,128,128,.3); vertical-align: top; }
table.t td:first-child { font-weight: 700; white-space: nowrap; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }