.toolbar-card.svelte-6s80mh,.heatmap-card.svelte-6s80mh,.top-keys-card.svelte-6s80mh{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:1rem;padding:1rem 1.1rem}.actions-bar.svelte-6s80mh{flex-wrap:wrap;gap:.75rem;margin-top:.9rem;display:flex}.keyboard-row.svelte-6s80mh{flex-wrap:nowrap;gap:.5rem;margin-bottom:.5rem;display:flex}.key.svelte-6s80mh{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);text-align:center;flex-direction:column;flex:1 1 0;justify-content:space-between;align-items:center;min-height:70px;padding:.75rem .5rem;transition:transform .12s,border-color .12s;display:flex}.key.wide.svelte-6s80mh{flex:1.6 1 0}.key.ultra-wide.svelte-6s80mh{flex:4 1 0}.key.active.svelte-6s80mh{border-color:#22d3eea6;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #22d3ee40}.key.svelte-6s80mh small:where(.svelte-6s80mh){color:var(--color-muted);font-size:.8rem}.top-grid.svelte-6s80mh{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.top-item.svelte-6s80mh{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;padding:.85rem;display:flex}@media (width<=820px){.heatmap-card.svelte-6s80mh{overflow-x:auto}.keyboard-row.svelte-6s80mh{min-width:720px}}