.br-image-char-count-layout{display:flex;flex-direction:column}.br-image-char-count-upload-wrap{flex:0 0 auto}.br-image-char-count-main{padding:var(--br-space-md) var(--br-space-lg);text-align:center;border-radius:var(--br-radius)}.br-image-char-count-main--empty .br-image-char-count-main__value{color:var(--br-color-text-sub);font-weight:400}.br-image-char-count-main__label{margin:0 0 var(--br-space-xxs);font-size:var(--br-text-xs);color:var(--br-color-text-sub)}.br-image-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-image-char-count-drop{margin-top:var(--br-space-lg);padding:var(--br-space-xl);border:2px dashed var(--br-color-border);border-radius:var(--br-radius);background-color:var(--br-color-bg-light);text-align:center;transition:border-color .2s,background-color .2s}.br-image-char-count-drop--over{border-color:var(--br-color-accent);background-color:rgba(37,99,235,.06)}.br-image-char-count-drop__text{margin:0 0 var(--br-space-xs);font-size:var(--br-text-sm);color:var(--br-color-text)}.br-image-char-count-drop__btn{padding:var(--br-space-xxs) var(--br-space-sm);font-size:inherit;font-family:inherit;color:var(--br-color-accent);text-decoration:underline;background:0 0;border:none;cursor:pointer;border-radius:var(--br-radius)}.br-image-char-count-drop__btn:hover{color:var(--br-color-accent-hover)}.br-image-char-count-drop__btn:focus{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-image-char-count-drop__hint{margin:0;font-size:var(--br-text-xxs);color:var(--br-color-text-sub)}.br-image-char-count-drop__note{margin:var(--br-space-sm) 0 0;font-size:var(--br-text-xxs);color:var(--br-color-text-sub)}.br-image-char-count-drop__note code{padding:.1em .3em;font-size:.95em;background-color:var(--br-color-bg);border-radius:3px}.br-image-char-count-progress{margin-top:var(--br-space-md);padding:var(--br-space-sm) var(--br-space-md);background-color:var(--br-color-bg-light);border-radius:var(--br-radius);border:1px solid var(--br-color-border)}.br-image-char-count-progress__text{margin:0;font-size:var(--br-text-sm);color:var(--br-color-text)}.br-image-char-count-result{margin-top:var(--br-space-lg)}.br-image-char-count-result__label{display:block;margin-bottom:var(--br-space-xs);font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text)}.br-image-char-count-text{width:100%;min-height:8rem;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-image-char-count-text:focus{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-image-char-count-results[aria-hidden=true]{display:none}