textarea.svelte-1ivt4cu{border:1px solid var(--border);background:var(--background);width:100%;min-height:180px;color:inherit;font:inherit;resize:vertical;border-radius:8px;padding:12px 16px;font-size:20px;line-height:1.7;display:block}textarea.svelte-1ivt4cu::placeholder{color:var(--placeholder)}.mapping.svelte-1ivt4cu{cursor:pointer;align-items:center;gap:8px;margin:16px 0;display:flex}.mapping.svelte-1ivt4cu input:where(.svelte-1ivt4cu){width:18px;height:18px;accent-color:var(--foreground);margin:0}.keyboard.svelte-1ivt4cu{flex-direction:column;gap:6px;display:flex}.key-row.svelte-1ivt4cu{justify-content:center;gap:6px;display:flex}button.svelte-1ivt4cu{border:1px solid var(--border);background:var(--background);min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:8px;padding:9px 14px}button.svelte-1ivt4cu:disabled{opacity:.5;cursor:default}.key.svelte-1ivt4cu{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;max-width:62px;min-height:56px;padding:4px 0;font-size:20px;line-height:1.3;display:flex}.key.svelte-1ivt4cu small:where(.svelte-1ivt4cu){color:var(--muted);font-size:10px}.controls.svelte-1ivt4cu{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.space.svelte-1ivt4cu{flex:1}button[aria-pressed=true].svelte-1ivt4cu{border-color:var(--foreground);background:var(--foreground);color:var(--background)}@media (hover:hover){button.svelte-1ivt4cu:not(:disabled):hover{border-color:var(--focus);background:var(--hover)}button[aria-pressed=true].svelte-1ivt4cu:hover{background:var(--foreground)}}button.svelte-1ivt4cu:not(:disabled):active{transform:translateY(1px)}.actions.svelte-1ivt4cu{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.layout-fixer.svelte-1ivt4cu{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 8px;display:flex}[role=status].svelte-1ivt4cu,.note.svelte-1ivt4cu{color:var(--muted);font-size:12px}.note.svelte-1ivt4cu{margin-bottom:12px}@media (width<=600px){.key-row.svelte-1ivt4cu{gap:3px}.key.svelte-1ivt4cu{border-radius:5px;min-height:48px;font-size:17px}.controls.svelte-1ivt4cu button:where(.svelte-1ivt4cu){padding:8px;font-size:12px}.controls.svelte-1ivt4cu{gap:4px}}
