.keyboard.svelte-1lsokxf{display:flex;flex-direction:column;gap:4px;width:100%;max-width:860px;-webkit-user-select:none;user-select:none}.kb-row.svelte-1lsokxf{display:flex;gap:4px}.kb-key.svelte-1lsokxf{display:flex;align-items:center;justify-content:center;height:42px;min-width:0;border-radius:6px;border:1px solid var(--rc-border);background:var(--rc-bg-card);color:var(--rc-text);font-size:1.05rem;font-weight:600;transition:background .1s,transform .1s,box-shadow .1s}.kb-key.custom-color.svelte-1lsokxf{background:var(--kb-bg);color:var(--kb-fg);border-color:var(--kb-border, color-mix(in srgb, var(--kb-bg), #000 20%))}.kb-key.pressed.svelte-1lsokxf{background:var(--rc-primary);color:#fff;transform:scale(.95);box-shadow:0 0 0 2px var(--rc-primary)}.kb-key.highlight.svelte-1lsokxf{background:var(--rc-accent);color:#fff;box-shadow:0 0 8px var(--rc-accent)}.kb-key.pressed.highlight.svelte-1lsokxf{background:var(--rc-success, #22c55e);box-shadow:0 0 8px var(--rc-success, #22c55e)}.kb-spacer.svelte-1lsokxf{min-width:0}.kb-key.meta-key.svelte-1lsokxf{font-size:1.5rem}.kb-key.has-sub.svelte-1lsokxf{flex-direction:column;gap:0;height:52px;padding:2px 0;line-height:1}.kb-key.has-sub.svelte-1lsokxf .sub:where(.svelte-1lsokxf){font-size:.7rem;opacity:.65;font-weight:500}.kb-key.has-sub.svelte-1lsokxf .main:where(.svelte-1lsokxf){font-size:1.05rem;font-weight:600}@media (max-width: 600px){.kb-key.svelte-1lsokxf{height:32px;font-size:.8rem}.kb-key.has-sub.svelte-1lsokxf{height:40px}.kb-key.has-sub.svelte-1lsokxf .sub:where(.svelte-1lsokxf){font-size:.55rem}.kb-key.has-sub.svelte-1lsokxf .main:where(.svelte-1lsokxf){font-size:.8rem}}