.key-bar.svelte-hki94r{-webkit-backdrop-filter:blur(12px);background:#131820cc;border:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:6px 14px;display:flex}.key-group.svelte-hki94r{align-items:center;gap:6px;display:flex}.key-pair.svelte-hki94r{gap:2px;display:flex}.key-label.svelte-hki94r{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.key-divider.svelte-hki94r{background:var(--border);flex-shrink:0;width:1px;height:16px}.key-grid.svelte-hki94r{grid-template-columns:repeat(2,1fr);gap:6px;width:100%;max-width:400px;margin-top:12px;display:grid}.key-grid-2afc.svelte-hki94r{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px;margin-top:12px;display:grid}.key-card.svelte-hki94r{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);transition:transform var(--duration-fast) ease-out, border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-family:inherit;display:flex}@media (hover:hover) and (pointer:fine){.key-card.svelte-hki94r:hover{border-color:var(--accent-dim)}}.key-card.svelte-hki94r:active{transform:scale(.97)}.key-card.active.svelte-hki94r{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.key-card.svelte-hki94r .dir-icon{color:var(--text-secondary);transition:color var(--duration-normal) ease}.key-card.active.svelte-hki94r .dir-icon{color:var(--accent)}.key-card-label.svelte-hki94r{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.3px;font-weight:600}.key-card.active.svelte-hki94r .key-card-label:where(.svelte-hki94r){color:var(--accent)}.key-card.svelte-hki94r kbd:where(.svelte-hki94r){min-width:32px;height:20px;font-size:var(--text-xs)}.key-card-symbol.svelte-hki94r{color:var(--text-secondary);transition:color var(--duration-normal) ease;font-size:24px}.key-card.active.svelte-hki94r .key-card-symbol:where(.svelte-hki94r){color:var(--accent)}