.encode-input textarea{min-height:120px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical}.result-textarea{min-height:120px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical;background:var(--color-bg-secondary)}.swap-button-container{display:flex;justify-content:center;margin-top:var(--space-3)}.swap-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-normal) var(--ease-default)}.swap-button:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.swap-button:hover svg{transform:rotate(180deg)}.swap-button svg{transition:transform .3s ease}.encoding-options{display:flex;gap:var(--space-3);flex-wrap:wrap}.encoding-options .radio-label{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-sm);color:var(--color-text)}.encoding-options .radio-label input[type=radio]{accent-color:var(--color-accent);width:18px;height:18px;cursor:pointer}.info-card{margin-top:var(--space-4)}.info-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}