.char-grid[data-v-b0bcd4e3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:2px;max-height:400px;overflow-y:auto}.char-cell[data-v-b0bcd4e3]{display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .15s}.char-cell[data-v-b0bcd4e3]:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.char-cell.active[data-v-b0bcd4e3]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-state[data-v-b0bcd4e3]{text-align:center;padding:2rem;color:var(--color-text-muted)}.char-detail-header[data-v-b0bcd4e3]{text-align:center;margin-bottom:1rem}.char-preview[data-v-b0bcd4e3]{font-size:3rem;line-height:1.2}.detail-grid[data-v-b0bcd4e3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.detail-item[data-v-b0bcd4e3]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-bg-soft);border-radius:var(--radius-sm)}.detail-label[data-v-b0bcd4e3]{font-size:.75rem;color:var(--color-text-muted);min-width:70px}.detail-value[data-v-b0bcd4e3]{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text);flex:1}