/* Length meter and search-style preview. */
.len-meter { height: 6px; border-radius: 3px; background: var(--border); overflow: hidden; }
.len-meter span { display: block; height: 100%; }
.len-meter .is-success { background: var(--success, #16a34a); }
.len-meter .is-warning { background: var(--warning, #d97706); }
.len-meter .is-danger { background: var(--danger, #dc2626); }
.len-preview { margin: 0; font-family: Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
.len-preview--title { color: #1a0dab; font-size: 20px; line-height: 26px; }
:root[data-theme="dark"] .len-preview--title { color: #8ab4f8; }
.len-preview--desc { color: var(--text-2); font-size: 14px; line-height: 22px; }
.len-card { min-width: 0; }
.len-head { flex-wrap: wrap; gap: 6px; }
.len-badge { max-width: 100%; white-space: normal; text-align: left; }