/* Use the shared tool composer: text on the sheet, with a focus rule. */
.chars[data-network] .write, .chars[data-network] .write:focus-within { background: none; border-radius: 0; }
.chars[data-network] .write textarea { padding: 16px 0; border-top: 1px solid var(--border); font-size: 16px; }
.chars[data-network] .tool .write textarea:focus-visible { border-top-color: var(--foreground); }
.chars[data-network] #copy { background: transparent; color: var(--foreground); border: 1px solid var(--border); }
/* A whole number of lines in the box, and the bottom inset a border, not padding: a long text scrolls under the box's
   edge between two lines, never through one (24 px lines: 6 on a computer, 5 on a phone). */
.chars[data-network] .write textarea { padding-bottom: 0; border-bottom: 16px solid transparent; min-height: calc(1px + 16px + 6 * 24px + 16px); }
@media (max-width: 759px) { .chars[data-network] .write textarea { min-height: calc(1px + 16px + 5 * 24px + 16px); } }