.tool.svelte-wt1lo{flex-direction:column;gap:0;width:100%;display:flex}.mode-toggle.svelte-wt1lo{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border-subtle);padding:3px;display:flex}.mode-btn.svelte-wt1lo{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition) var(--ease-out);cursor:pointer;background:0 0;border:none}.mode-btn.svelte-wt1lo:hover{color:var(--text-primary)}.mode-btn.active.svelte-wt1lo{background:var(--accent);color:var(--bg-base)}.search-section.svelte-wt1lo{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.search-input.svelte-wt1lo{width:100%;padding:var(--space-3);font-size:var(--text-lg);text-align:center;border:1px solid var(--border-default);border-radius:var(--radius);background:var(--bg-base);color:var(--text-primary);outline:none}.search-input.svelte-wt1lo:focus{border-color:var(--accent);box-shadow:var(--glow-focus)}.results.svelte-wt1lo{gap:var(--space-2);flex-direction:column;display:flex}.char-card.svelte-wt1lo{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.char-display.svelte-wt1lo{width:64px;height:64px;font-size:var(--text-3xl);background:var(--bg-elevated);border-radius:var(--radius);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.char-info.svelte-wt1lo{flex:1}.char-name.svelte-wt1lo{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.char-meta.svelte-wt1lo{gap:var(--space-2);margin-top:var(--space-1);display:flex}.category.svelte-wt1lo,.codepoint.svelte-wt1lo{font-size:var(--text-xs);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);padding:2px 6px}.char-codes.svelte-wt1lo{gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);flex-wrap:wrap;display:flex}.char-actions.svelte-wt1lo{gap:var(--space-2);flex-direction:column;display:flex}.empty.svelte-wt1lo{text-align:center;padding:var(--space-8);color:var(--text-muted)}.common-section.svelte-wt1lo h3:where(.svelte-wt1lo){font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.char-grid.svelte-wt1lo{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(48px,1fr));display:grid}.char-btn.svelte-wt1lo{width:48px;height:48px;font-size:var(--text-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.char-btn.svelte-wt1lo:hover{background:var(--accent-soft);border-color:var(--accent-dim)}@media (width<=768px){.char-card.svelte-wt1lo{text-align:center;flex-direction:column}.char-actions.svelte-wt1lo{flex-direction:row}}