.gth-character-counter .gth-char-limit-row { display: flex; align-items: center; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-character-counter .gth-input-sm { width: 80px; }
.gth-character-counter .gth-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-character-counter .gth-stat-item { text-align: center; padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); }
.gth-character-counter .gth-stat-value { display: block; font-size: var(--gth-text-2xl); font-weight: var(--gth-font-bold); color: var(--gth-primary); }
.gth-character-counter .gth-stat-label { font-size: var(--gth-text-sm); color: var(--gth-text-secondary); }
.gth-character-counter .gth-limit-bar { height: 8px; background: var(--gth-bg-secondary); border-radius: var(--gth-radius-full); overflow: hidden; }
.gth-character-counter .gth-limit-progress { height: 100%; background: var(--gth-primary); transition: width 0.2s, background 0.2s; }
.gth-character-counter .gth-limit-progress.warning { background: var(--gth-warning); }
.gth-character-counter .gth-limit-progress.danger { background: var(--gth-error); }