.text-stats-main { max-width: 720px; }
.text-stats-form, .text-stats-results { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.text-stats-form { display: grid; gap: 10px; }
.text-stats-form label { color: var(--ink); font-size: 13px; font-weight: 650; }
.text-stats-form textarea { width: 100%; min-height: 210px; resize: vertical; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); color: var(--ink); font: inherit; font-size: 14px; line-height: 1.6; }
.text-stats-form textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.text-stats-limit, .text-stats-error { margin: 0; color: var(--ink-faint); font-size: 11px; line-height: 1.5; }
.text-stats-error { color: var(--danger); }
.text-stats-results { margin-top: 15px; }
.text-stats-results h2 { margin: 0 0 12px; font-family: Manrope, "DM Sans", sans-serif; font-size: 17px; }
.text-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.text-stats-grid > div { min-width: 0; padding: 14px; border-radius: 12px; background: var(--surface-soft); }
.text-stats-grid dt { color: var(--ink-soft); font-size: 11px; line-height: 1.4; }
.text-stats-grid dd { margin: 5px 0 0; color: var(--accent); font-size: 25px; font-weight: 750; font-variant-numeric: tabular-nums; }
@media (max-width: 480px) { .text-stats-form, .text-stats-results { padding: 17px; } .text-stats-grid { gap: 8px; } .text-stats-grid > div { padding: 11px; } .text-stats-grid dd { font-size: 22px; } }