.encoding-tool[data-v-9b06bb83]{margin:0 auto;max-width:var(--content-width);min-height:200px;position:relative;width:100%}.tool-container[data-v-9b06bb83]{display:flex;flex-direction:column;gap:20px}.input-section[data-v-9b06bb83],.output-section[data-v-9b06bb83]{border-radius:4px;height:200px;max-width:100%;overflow:hidden;position:relative;width:100%}textarea[data-v-9b06bb83]{border:none;font-family:var(--font-family-monospace);height:100%;outline:none;padding:15px;resize:none;width:100%}button[data-v-9b06bb83]{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;padding:8px 16px}button[data-v-9b06bb83]:hover{background-color:var(--primary-hover)}button[data-v-9b06bb83]:disabled{cursor:not-allowed;opacity:.6}pre[data-v-9b06bb83]{border-radius:4px;box-sizing:border-box;max-height:15em;overflow:auto;padding:15px;width:100%}.output-textarea[data-v-9b06bb83],pre[data-v-9b06bb83]{background-color:var(--background-light);white-space:pre-wrap;word-wrap:break-word}.output-textarea[data-v-9b06bb83]{color:inherit;word-break:break-all}.mode-selector[data-v-9b06bb83]{display:flex;gap:20px}.error-message[data-v-9b06bb83]{background-color:var(--error-bg);color:var(--error-text)}.binary-message[data-v-9b06bb83],.error-message[data-v-9b06bb83]{border-radius:4px;font-family:var(--font-family-monospace);padding:15px}.binary-message[data-v-9b06bb83]{background-color:var(--success-bg);color:var(--success-text)}.options-group[data-v-9b06bb83]{display:flex;flex-wrap:wrap;gap:15px}.radio-group-label[data-v-9b06bb83]{margin-right:5px}.option-label[data-v-9b06bb83]{display:flex;flex-wrap:wrap;gap:5px}.radio-option[data-v-9b06bb83]{margin-right:5px}