/* css/base-encoder.css */

#input-text-b64,
#output-text-b64 {
    min-height: 150px;
    /* Ensure a decent initial height */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
    /* Monospace for code-like data */
}

/* Responsive adjustments if needed beyond Tailwind's grid */
@media (max-width: 640px) {
    h1 {
        font-size: 1.8rem;
    }

    .btn {
        /* General button sizing for mobile if needed */
        padding-left: 1rem;
        padding-right: 1rem;
    }
}