/* Type Animation Generator: nur was über das gemeinsame Gerüst hinausgeht */
.ta-field {
  width: 100%; border: 0; border-radius: 12px; background: var(--t-fill); padding: 9px 12px;
  font: 500 14px/18px var(--t-font); color: var(--t-fg); resize: vertical;
}
.ta-field:focus { outline: 2px solid var(--t-fg); outline-offset: 0; }
textarea.ta-field { min-height: 60px; }
.ta-label { display: grid; gap: 6px; }
.ta-label > span { font-size: 12px; }
.ta-font-row { display: grid; grid-template-columns: 1fr auto; gap: 6px; }