#input_utf8, #input_base64 {
    height: 300px;
    scrollbar-width: thin;
}

/* The Format menu takes the row's spare width but never less than 200px; when the row is narrower, its buttons
   move below it, at the right, like the file field's in the other column */
.b64-format {
    flex: 1 1 200px;
}

@media (max-width: 768px) {
    #input_utf8, #input_base64 {
        height: 200px;
    }
}

/* The file field takes the row's spare width but never less than 200px, enough for "Browse… No file selected."
   in Firefox; when the row is narrower, its buttons move below it, at the right */
.b64-file {
    flex: 1 1 200px;
    min-width: 0;
}