.word-counter{gap:var(--space-3);display:grid}@media (min-width:64rem){.word-counter{gap:var(--space-4);grid-template-columns:1fr 21rem}}.word-counter__input{min-block-size:20rem}.word-counter__text{min-block-size:14rem;inline-size:100%;padding:var(--space-3) var(--space-5) var(--space-4);color:var(--ink);font-size:var(--text-md);resize:none;field-sizing:content;background:0 0;border:0;flex:1;max-block-size:40svh;line-height:1.7}@media (min-width:64rem){.word-counter__text{max-block-size:70vh}}.word-counter__text{overflow-y:auto}.word-counter__text::placeholder{color:var(--ink-3)}.word-counter__text:focus-visible{outline:none}.word-counter__input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sheet)}