.cipher-key-grid.svelte-1lw61bb{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:1rem;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:8px;max-width:600px;margin:0 auto}.key-cell.svelte-1lw61bb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:4px;transition:background .15s}.key-cell.svelte-1lw61bb:hover{background:#e8f4fc}.key-symbol.svelte-1lw61bb{color:#2c3e50}.key-letter.svelte-1lw61bb{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#555;line-height:1}.encode-input.svelte-1lw61bb{font-family:Courier New,monospace;border:2px solid #e8e8e8;transition:border-color .2s ease}.encode-input.svelte-1lw61bb:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.encoded-output.svelte-1lw61bb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:1rem;background:#f5f5f5;border-radius:6px;border-left:4px solid #3498db;min-height:60px}.encoded-symbol.svelte-1lw61bb{color:#2c3e50;flex-shrink:0}.passthrough-char.svelte-1lw61bb{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:#888;padding:0 2px}.symbol-keyboard.svelte-1lw61bb{display:flex;flex-wrap:wrap;gap:5px}.symbol-key.svelte-1lw61bb{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;border:1.5px solid #ddd;border-radius:5px;background:#fff;cursor:pointer;color:#2c3e50;transition:background .15s,border-color .15s,transform .1s}.symbol-key.svelte-1lw61bb:hover{background:#e8f4fc;border-color:#3498db;transform:translateY(-1px)}.symbol-key.svelte-1lw61bb:active{transform:translateY(0);background:#d0e8f5}.key-btn-label.svelte-1lw61bb{font-family:Courier New,monospace;font-size:9px;font-weight:700;color:#666;line-height:1}.decode-output.svelte-1lw61bb{padding:1.5rem;background:#f5f5f5;border-radius:6px;border-left:4px solid #f39c12;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;color:#2c3e50;word-wrap:break-word;line-height:1.6;min-height:60px}.button.is-selected.svelte-1lw61bb{pointer-events:none}