.tt-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; }
.tt-live { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 560px) { .tt-live { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#tt-text { position: relative; height: calc(1.9em * 4); overflow: hidden; padding: 4px 6px; font-size: 1.22rem; line-height: 1.9; color: var(--muted); border-radius: var(--r); background: var(--field); border: 1px solid var(--field-border); cursor: text; user-select: none; overflow-wrap: anywhere; }
@media (max-width: 560px) { #tt-text { font-size: 1.05rem; } }
#tt-text span.ok { color: var(--ink); }
#tt-text span.bad { color: var(--err); background: var(--err-soft); border-radius: 3px; }
#tt-text span.cur { color: var(--ink); background: var(--accent-soft); box-shadow: inset 0 -3px 0 var(--accent); border-radius: 2px; }
#tt-input { min-height: 90px; font-size: 1.05rem; }
#tt-input:disabled { opacity: 0.6; }
.tt-time { color: var(--accent-ink); }
#tt-results .big { font-size: clamp(2.6rem, 1.8rem + 4vw, 4rem); }