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