.keyboard-wrapper[data-astro-cid-7xwumd3r]{width:100%;margin:0 auto;padding:20px 0 32px}.keyboard-text-section[data-astro-cid-7xwumd3r]{margin-bottom:16px}.textarea-wrapper[data-astro-cid-7xwumd3r]{position:relative}.keyboard-textarea[data-astro-cid-7xwumd3r]{width:100%;min-height:120px;padding:16px 18px;font-size:1rem;line-height:1.6;border:1px solid var(--border);border-radius:14px;background:var(--keyboard-surface);color:var(--text);resize:vertical;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.keyboard-textarea[data-astro-cid-7xwumd3r]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--key-highlight)}.keyboard-textarea[data-astro-cid-7xwumd3r]::placeholder{color:var(--text-muted)}.keyboard-textarea[data-astro-cid-7xwumd3r][dir=rtl]{text-align:right}.textarea-clear-btn[data-astro-cid-7xwumd3r]{position:absolute;top:12px;right:12px;width:28px;height:28px;display:none;align-items:center;justify-content:center;background:var(--keyboard-key-bg);border:1px solid var(--keyboard-key-border);border-radius:6px;cursor:pointer;color:var(--keyboard-key-text);transition:background .15s ease,border-color .15s ease;z-index:1}.textarea-clear-btn[data-astro-cid-7xwumd3r]:hover{background:var(--keyboard-key-hover);border-color:var(--keyboard-key-border)}.keyboard-textarea[data-astro-cid-7xwumd3r][dir=rtl]~.textarea-clear-btn[data-astro-cid-7xwumd3r]{right:auto;left:12px}.keyboard-wrapper[data-astro-cid-7xwumd3r][data-rtl=true] .keyboard-actions[data-astro-cid-7xwumd3r]{direction:rtl}.keyboard-textarea[data-astro-cid-7xwumd3r]:not(:placeholder-shown)~.textarea-clear-btn[data-astro-cid-7xwumd3r]{display:flex}.keyboard-actions[data-astro-cid-7xwumd3r]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.kbd-action-btn[data-astro-cid-7xwumd3r]{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;font-size:.875rem;font-weight:500;color:var(--text);background:var(--keyboard-toolbar-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background var(--transition),border-color var(--transition);min-width:100px;justify-content:center}.kbd-action-btn[data-astro-cid-7xwumd3r]:hover{background:var(--key-active);border-color:var(--border)}.kbd-action-btn[data-astro-cid-7xwumd3r] svg[data-astro-cid-7xwumd3r]{flex-shrink:0}.save-dropdown[data-astro-cid-7xwumd3r]{position:relative}.save-dropdown[data-astro-cid-7xwumd3r] .chevron[data-astro-cid-7xwumd3r]{margin-left:2px;opacity:.7}.save-menu[data-astro-cid-7xwumd3r]{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;min-width:180px;padding:8px;background:var(--keyboard-toolbar-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--keyboard-shadow);display:none;flex-direction:column;z-index:50}.save-menu[data-astro-cid-7xwumd3r].open{display:flex}.save-menu[data-astro-cid-7xwumd3r] button[data-astro-cid-7xwumd3r]{display:block;width:100%;padding:12px 14px;text-align:left;font-size:.875rem;color:var(--text);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.save-menu[data-astro-cid-7xwumd3r] button[data-astro-cid-7xwumd3r]:hover{background:var(--key-active)}.kbd-action-btn[data-astro-cid-7xwumd3r].active{background:#dc2626;color:#fff;border-color:#dc2626}.kbd-action-btn[data-astro-cid-7xwumd3r]:disabled{opacity:.5;cursor:not-allowed}.kbd-action-btn[data-astro-cid-7xwumd3r].copied{background:#16a34a;color:#fff;border-color:#16a34a}.kbd-action-btn[data-astro-cid-7xwumd3r].copied svg[data-astro-cid-7xwumd3r]{animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.keyboard[data-astro-cid-7xwumd3r]{display:flex;flex-direction:column;gap:8px;border:none;border-radius:14px;box-shadow:var(--keyboard-shadow);width:100%}.keyboard-row[data-astro-cid-7xwumd3r]{display:flex;justify-content:center;gap:6px;padding:0 8px}.key[data-astro-cid-7xwumd3r]{--key-width: 1;width:calc(var(--key-width) * 58px);min-width:40px;max-width:160px;height:52px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:var(--keyboard-font-size, 1.2rem);font-family:inherit;color:var(--keyboard-key-text);background:var(--keyboard-key-bg);border:1px solid var(--keyboard-key-border);border-radius:8px;box-shadow:0 1px 0 var(--keyboard-key-shadow);cursor:pointer;transition:transform .06s ease,background .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none}.key[data-astro-cid-7xwumd3r]:hover{background:var(--keyboard-key-hover)}.key[data-astro-cid-7xwumd3r].pressed,.key[data-astro-cid-7xwumd3r]:active{transform:scale(.96);box-shadow:0 0 0 1px var(--keyboard-key-border)}.key[data-astro-cid-7xwumd3r].pressed{background:var(--key-highlight)}.key[data-astro-cid-7xwumd3r].active{background:var(--accent);color:#fff;border-color:var(--accent)}.key-special[data-astro-cid-7xwumd3r]{font-size:.75rem;font-weight:600;background:var(--keyboard-key-special-bg)}.key-special[data-astro-cid-7xwumd3r]:hover{background:var(--keyboard-key-special-hover)}.key-space[data-astro-cid-7xwumd3r]{min-width:120px}.key-content[data-astro-cid-7xwumd3r]{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;position:relative;width:100%}.key-main[data-astro-cid-7xwumd3r]{font-size:1.2rem}.key-shift[data-astro-cid-7xwumd3r]{font-size:.65rem;opacity:.75;margin-bottom:1px}.keyboard-wrapper[data-astro-cid-7xwumd3r].keyboard-shift-active .key-content[data-astro-cid-7xwumd3r] .key-main[data-astro-cid-7xwumd3r]{display:none}.keyboard-wrapper[data-astro-cid-7xwumd3r].keyboard-shift-active .key-content[data-astro-cid-7xwumd3r] .key-shift[data-astro-cid-7xwumd3r]{display:block;font-size:1rem;opacity:1;margin-bottom:0}@media (max-width: 640px){.keyboard-wrapper[data-astro-cid-7xwumd3r]{padding:12px 4px 24px}.key[data-astro-cid-7xwumd3r]{width:calc(var(--key-width) * 28px);min-width:22px;max-width:80px;height:36px;font-size:.8rem;padding:0 4px}.key-special[data-astro-cid-7xwumd3r]{font-size:.65rem}.key-shift[data-astro-cid-7xwumd3r]{font-size:.55rem}.keyboard[data-astro-cid-7xwumd3r]{padding:10px;gap:4px}.keyboard-row[data-astro-cid-7xwumd3r]{gap:2px;padding:0 4px}.kbd-action-btn[data-astro-cid-7xwumd3r] span[data-astro-cid-7xwumd3r]{display:none}.kbd-action-btn[data-astro-cid-7xwumd3r]{padding:8px 10px}}