.tfl-tool textarea { width: 100%; min-width: 0; resize: vertical; font: inherit; padding: 10px; border: 2px solid var(--line); border-radius: 10px; }
.tfl-results, .tfl-options { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.tfl-result { min-width: 0; }
.tfl-result textarea { background: var(--soft); }
.tfl-result .btn { white-space: normal; }
.tfl-preview { overflow: auto; max-width: 100%; background: repeating-conic-gradient(#e9e9e9 0% 25%, #fff 0% 50%) 0 / 20px 20px; border: 1px solid var(--line); }
.tfl-preview canvas { display: block; max-width: 100%; height: auto; }
@media (min-width: 700px) { .tfl-results, .tfl-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }