.lead { color: var(--text-2); max-width: 64ch; line-height: 1.55; }

.ts-in { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 14px; margin: 16px 0 8px; }
.ts-in [data-in] { flex: 1 1 320px; font-family: var(--mono); font-size: .9rem; }
.ts-zone { max-width: 220px; }
.ts-err { color: var(--bad); font-size: .85rem; font-weight: 600; margin: 4px 0; }

.ts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; margin-top: 12px; }
.ts-cell { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 10px 12px; display: grid; gap: 3px; }
.ts-cell span { font-size: .72rem; font-weight: 700; color: var(--text-2); }
.ts-cell code { font-family: var(--mono); font-size: .84rem; cursor: pointer; word-break: break-all; }