.consonant-square.svelte-1w0sfhf.svelte-1w0sfhf{display:flex;justify-content:center;align-items:center;padding:6px;text-align:center;border-radius:5px;margin:4px;min-width:64px;min-height:64px;border:4px solid;background-color:var(--bg-color, #111);border-color:var(--border-color, #444);transition:border-color .3s ease,box-shadow .3s ease}.consonant-square.mono.svelte-1w0sfhf.svelte-1w0sfhf{--bg-color:#222;--border-color:#555;--hover-color:#ccc}.consonant-square.mobile-layout.svelte-1w0sfhf.svelte-1w0sfhf{min-width:48px;min-height:48px}.multi-consonants.svelte-1w0sfhf.svelte-1w0sfhf{display:flex;justify-content:center;align-items:stretch;flex-wrap:nowrap;width:100%;gap:4px}.sub-square.svelte-1w0sfhf.svelte-1w0sfhf,.single-consonant.svelte-1w0sfhf.svelte-1w0sfhf{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1 1 0;min-width:0;text-align:center;padding:4px;box-sizing:border-box;width:50%;cursor:pointer}.symbol.svelte-1w0sfhf.svelte-1w0sfhf{font-size:clamp(1.5rem,2.2vw,2.6rem);line-height:1;transition:all .2s ease;color:inherit}.symbol-direct-highlight.svelte-1w0sfhf.svelte-1w0sfhf{color:#ff0!important;text-shadow:0 0 6px yellow}.ipa.svelte-1w0sfhf.svelte-1w0sfhf{font-size:clamp(.85rem,1vw,1.1rem);margin-top:.3rem;opacity:.75}.sub-square.svelte-1w0sfhf:hover .symbol.svelte-1w0sfhf,.single-consonant.svelte-1w0sfhf:hover .symbol.svelte-1w0sfhf,.selected.svelte-1w0sfhf .symbol.svelte-1w0sfhf{color:var(--hover-color, #FAB917);font-size:clamp(2rem,2.6vw,3.2rem)}.highlighted.svelte-1w0sfhf.svelte-1w0sfhf{box-shadow:0 0 12px 6px #ffff00b3}.empty.svelte-1w0sfhf.svelte-1w0sfhf{width:100%;height:100%;opacity:.2}.abugida-grid.svelte-13x5a7n.svelte-13x5a7n{display:grid;grid-template-columns:repeat(var(--cols),minmax(40px,1fr));gap:4px;margin-bottom:2rem}.header-cell.svelte-13x5a7n.svelte-13x5a7n,.row-label.svelte-13x5a7n.svelte-13x5a7n,.corner.svelte-13x5a7n.svelte-13x5a7n{font-weight:700;text-align:center;padding:.25rem .5rem;background:#1c1c1c;color:#f5f5f5;border:1px solid #333}.column-label.svelte-13x5a7n.svelte-13x5a7n{background-color:#222;color:#ffb400}.row-label.svelte-13x5a7n.svelte-13x5a7n{background-color:#222;color:#ffb400;text-align:right;padding-right:.75rem}.corner.empty.svelte-13x5a7n.svelte-13x5a7n{background:transparent;border:none}.empty-cell.svelte-13x5a7n.svelte-13x5a7n{width:60px;height:60px;opacity:.1}.switcher.svelte-13x5a7n.svelte-13x5a7n{display:flex;justify-content:center;margin-top:1rem;gap:1rem;flex-wrap:wrap}.switcher.svelte-13x5a7n button.svelte-13x5a7n{padding:.5rem 1rem;background:#111;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer}.switcher.svelte-13x5a7n button.selected.svelte-13x5a7n{background-color:#333;border-color:#ffb400;color:#ffb400}.switcher.svelte-13x5a7n button.svelte-13x5a7n:hover{background:#222}.side-by-side.svelte-13x5a7n.svelte-13x5a7n{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start}.script-panel.svelte-13x5a7n.svelte-13x5a7n{min-width:320px}.single-mode-wrapper.svelte-13x5a7n.svelte-13x5a7n{display:flex;flex-direction:column;align-items:center}h3.svelte-13x5a7n.svelte-13x5a7n{text-align:center;margin-bottom:.5rem;font-size:1.25rem}