@keyframes Base58EncoderDecoder-module__9dao0W__panelEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.Base58EncoderDecoder-module__9dao0W__shell{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;width:min(100%,56rem);animation:.4s cubic-bezier(.2,.7,.2,1) both Base58EncoderDecoder-module__9dao0W__panelEnter;display:flex;overflow:hidden}.Base58EncoderDecoder-module__9dao0W__optionsBar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.85rem clamp(1rem,2.5vw,1.75rem);display:flex}.Base58EncoderDecoder-module__9dao0W__modeToggle{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;overflow:hidden}.Base58EncoderDecoder-module__9dao0W__modeBtn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:background .12s,color .12s}.Base58EncoderDecoder-module__9dao0W__modeBtn:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.Base58EncoderDecoder-module__9dao0W__modeBtnActive,.Base58EncoderDecoder-module__9dao0W__modeBtnActive:hover{background:var(--color-accent);color:#000}.Base58EncoderDecoder-module__9dao0W__options{flex-wrap:wrap;align-items:center;gap:1rem;margin-left:auto;display:flex}.Base58EncoderDecoder-module__9dao0W__optionLabel{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.Base58EncoderDecoder-module__9dao0W__select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;padding:.25rem .6rem;font-size:.78rem;transition:border-color .12s}.Base58EncoderDecoder-module__9dao0W__select:focus-visible{border-color:var(--color-accent);outline:none}.Base58EncoderDecoder-module__9dao0W__alphabetPreview{font-family:var(--font-mono);color:var(--color-text-disabled);letter-spacing:.02em;font-size:.68rem}.Base58EncoderDecoder-module__9dao0W__splitLayout{grid-template-columns:1fr auto 1fr;min-height:16rem;display:grid}.Base58EncoderDecoder-module__9dao0W__pane{flex-direction:column;min-width:0;display:flex}.Base58EncoderDecoder-module__9dao0W__paneHeader{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 1rem .4rem;display:flex}.Base58EncoderDecoder-module__9dao0W__byteCount{color:var(--color-text-disabled);font-size:.72rem}.Base58EncoderDecoder-module__9dao0W__textarea{width:100%;color:var(--color-text-primary);font:inherit;font-family:var(--font-mono);resize:none;background:0 0;border:none;flex:1;min-height:10rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.55}.Base58EncoderDecoder-module__9dao0W__textarea:focus-visible{outline:none}.Base58EncoderDecoder-module__9dao0W__textarea::placeholder{color:var(--color-text-disabled)}.Base58EncoderDecoder-module__9dao0W__swapColumn{border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);justify-content:center;align-items:center;padding:0 .25rem;display:flex}.Base58EncoderDecoder-module__9dao0W__swapBtn{border:1px solid var(--color-border-subtle);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;place-items:center;transition:color .14s,border-color .14s;display:grid}.Base58EncoderDecoder-module__9dao0W__swapBtn:hover{color:var(--color-accent);border-color:var(--color-accent)}.Base58EncoderDecoder-module__9dao0W__swapBtn svg{width:.9rem;height:.9rem}@media (max-width:600px){.Base58EncoderDecoder-module__9dao0W__splitLayout{grid-template-rows:auto auto auto;grid-template-columns:1fr}.Base58EncoderDecoder-module__9dao0W__swapColumn{border-left:none;border-right:none;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:.35rem 0}.Base58EncoderDecoder-module__9dao0W__swapBtn svg{transform:rotate(90deg)}}
