.br-char-count-layout{display:flex;flex-direction:column}.br-char-count-input-wrap{flex:0 0 auto}.br-char-count-main{padding:var(--br-space-md) var(--br-space-lg);border-radius:var(--br-radius);text-align:center}.br-char-count-main__label{margin:0 0 var(--br-space-xxs);font-size:var(--br-text-xs);color:var(--br-color-text-sub)}.br-char-count-main__value{margin:0;font-size:var(--br-text-2xl);font-weight:700;color:var(--br-color-accent);line-height:1.2}.br-char-count-input{width:100%;min-height:10rem;margin-bottom:0;padding:var(--br-space-sm) var(--br-space-md);font-family:var(--br-font-sans);font-size:var(--br-text-sm);line-height:1.6;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);resize:vertical;display:block}.br-char-count-input:focus{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-char-count-input::placeholder{color:var(--br-color-text-sub)}.br-char-count-settings{margin-top:var(--br-space-lg);padding:var(--br-space-lg);background-color:var(--br-color-bg-light);border-radius:var(--br-radius);border:1px solid var(--br-color-border)}.br-char-count-settings__title{font-size:var(--br-text-sm);font-weight:700;margin:0 0 var(--br-space-sm);color:var(--br-color-text)}.br-char-count-settings__cols{display:block}.br-char-count-settings__row{margin-bottom:var(--br-space-md)}.br-char-count-settings__row:last-child{margin-bottom:0}@media (min-width:768px){.br-char-count-settings__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--br-space-lg)}.br-char-count-settings__cols .br-char-count-settings__row{margin-bottom:0}}.br-char-count-settings__desc{margin:var(--br-space-xxs) 0 0;font-size:var(--br-text-xxs);color:var(--br-color-text-sub)}.br-char-count-settings-input{display:block;width:100%;max-width:20rem;margin-top:var(--br-space-xs);padding:var(--br-space-xs) var(--br-space-sm);font-size:var(--br-text-sm);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-char-count-settings-input:focus{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-char-count-settings-input:disabled{background-color:var(--br-color-bg);color:var(--br-color-text-sub);cursor:not-allowed}.br-char-count-results{margin-top:var(--br-space-xl)}.br-char-count-results__title{font-size:var(--br-text-md);font-weight:700;margin:var(--br-space-xl) 0 var(--br-space-sm);color:var(--br-color-text)}.br-char-count-results__title:first-child{margin-top:0}.br-char-count-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--br-space-sm) var(--br-space-md)}.br-char-count-item{display:flex;flex-direction:column;gap:var(--br-space-xxs)}.br-char-count-item__label{font-size:var(--br-text-xxs);color:var(--br-color-text-sub)}.br-char-count-item__value{font-size:var(--br-text-sm);font-weight:600;color:var(--br-color-text)}.br-char-count-item__value--inline{white-space:nowrap}.br-char-count-search{margin-top:var(--br-space-xl);padding-top:var(--br-space-lg);border-top:1px solid var(--br-color-border)}.br-char-count-search-input{width:100%;max-width:20rem;padding:var(--br-space-xs) var(--br-space-sm);font-size:var(--br-text-sm);border:1px solid var(--br-color-border);border-radius:var(--br-radius);margin-bottom:var(--br-space-sm)}.br-char-count-search-input:focus{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-char-count-search-result{margin:0;font-size:var(--br-text-sm);color:var(--br-color-text)}