.text-formatter-line-layout {min-width: 0; margin: 16px 0 0; padding: 0; border: 0;}
.text-formatter-line-layout legend {padding: 0; color: var(--site-text, #111827); font-weight: 700;}
.text-formatter-layout-fields {margin-top: 12px; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));}
.text-formatter-layout-fields > .tool-form-field[hidden] {display: none;}
.text-formatter-layout-fields .tool-input, .text-formatter-layout-fields .tool-select {width: 100%; max-width: 100%;}
.text-formatter-layout-fields .tool-select {appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-inline-end: 36px;}
.text-formatter-layout-fields .tool-help {overflow-wrap: anywhere;}
.text-formatter-options .text-formatter-choice-grid .tool-check {min-width: 0; white-space: normal; overflow-wrap: anywhere; align-items: flex-start; line-height: 1.5;}
.text-formatter-options .text-formatter-choice-grid .tool-check input {flex: 0 0 auto; margin-top: 4px;}
.text-formatter-affixes-help {margin-top: 10px;}
#tf-status:empty {display: none;}
html[dir="rtl"] .text-formatter-layout-fields #tf-line-breaks {background-position: 13px 50%, 18px 50%;}
@media (max-width: 640px) {
    .text-formatter-layout-fields {grid-template-columns: minmax(0, 1fr);}
}