.inspect-input textarea{min-height:80px;font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-relaxed);resize:vertical}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.char-cell{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);background:var(--color-surface)}.char-cell:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.char-cell.active{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 2px var(--color-accent)}.char-cell.control-char{font-size:var(--text-xs);color:var(--color-text-tertiary)}.char-detail{margin-top:var(--space-4)}.detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.detail-char-display{font-size:48px;line-height:1;min-width:64px;text-align:center}.detail-char-name{font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-all}.detail-table{width:100%;border-collapse:collapse}.detail-table tr{border-bottom:1px solid var(--color-border)}.detail-table tr:last-child{border-bottom:none}.detail-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);white-space:nowrap;width:120px}.detail-table td{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);word-break:break-all}.char-count-summary{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.count-item{font-size:var(--text-sm);color:var(--color-text-secondary)}.count-value{font-weight:var(--weight-semibold);color:var(--color-text)}.info-card{margin-top:var(--space-4)}.info-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media(max-width:480px){.char-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.char-cell{width:40px;height:40px;font-size:var(--text-lg)}.detail-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.detail-table th{width:90px}}