.char-counter[data-v-df854b5e]{padding:20px;max-width:1200px;margin:0 auto}.header-actions[data-v-df854b5e]{gap:10px}.input-section[data-v-df854b5e]{margin-bottom:20px}.stats-grid[data-v-df854b5e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:24px}.stat-card[data-v-df854b5e]{background:var(--bg-secondary);border-radius:8px;padding:16px 12px;text-align:center;border:1px solid var(--border-color)}.stat-card.primary[data-v-df854b5e]{border-color:#2c8cf0;background:linear-gradient(135deg,rgba(44,140,240,.1),rgba(44,140,240,.05))}.stat-value[data-v-df854b5e]{font-size:28px;font-weight:700;color:var(--text-color);font-family:Consolas,Monaco,monospace}.stat-card.primary .stat-value[data-v-df854b5e]{color:#2c8cf0}.stat-label[data-v-df854b5e]{font-size:12px;color:var(--text-secondary);margin-top:4px}.detail-section[data-v-df854b5e],.byte-section[data-v-df854b5e],.freq-section[data-v-df854b5e]{padding-top:20px;border-top:1px solid var(--border-color);margin-bottom:20px}.detail-section h4[data-v-df854b5e],.byte-section h4[data-v-df854b5e],.freq-section h4[data-v-df854b5e]{margin:0 0 12px;font-size:14px;color:var(--text-color)}.detail-grid[data-v-df854b5e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.detail-item[data-v-df854b5e]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary);border-radius:6px}.detail-label[data-v-df854b5e]{font-size:13px;color:var(--text-secondary)}.detail-value[data-v-df854b5e]{font-size:14px;font-weight:600;color:var(--text-color);font-family:Consolas,Monaco,monospace}.freq-list[data-v-df854b5e]{display:grid;gap:6px}.freq-item[data-v-df854b5e]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-radius:6px}.freq-rank[data-v-df854b5e]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#2c8cf0;color:#fff;border-radius:50%;font-size:11px;flex-shrink:0}.freq-char[data-v-df854b5e]{width:36px;font-family:Consolas,Monaco,monospace;font-size:14px;color:var(--text-color);text-align:center;flex-shrink:0}.freq-bar-container[data-v-df854b5e]{flex:1;height:16px;background:var(--bg-color);border-radius:4px;overflow:hidden}.freq-bar[data-v-df854b5e]{height:100%;background:linear-gradient(90deg,#2c8cf0,#6cb8ff);border-radius:4px;transition:width .3s ease;min-width:2px}.freq-count[data-v-df854b5e]{font-size:12px;color:var(--text-secondary);width:50px;text-align:right;flex-shrink:0}.freq-percent[data-v-df854b5e]{font-size:12px;color:var(--text-secondary);width:42px;text-align:right;flex-shrink:0}@media (max-width: 768px){.stats-grid[data-v-df854b5e]{grid-template-columns:repeat(2,1fr)}.detail-grid[data-v-df854b5e]{grid-template-columns:1fr}.stat-value[data-v-df854b5e]{font-size:22px}.header-actions[data-v-df854b5e]{flex-wrap:wrap}}