/* tools/developer-tools/html-encoder-decoder/style.css - Tool-specific styles */

/* Ensure textareas have enough height */
#inputText,
#outputText {
    min-height: 200px; /* Consistent minimum height for better usability */
    font-family: 'monospace', 'Courier New', Courier, monospace; /* Monospace font for code */
    font-size: 0.95em;
    line-height: 1.5;
}

/* Adjust button grouping */
.tool-actions {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    gap: 15px; /* Space between buttons */
    margin-top: 30px;
    justify-content: center; /* Center buttons */
}

.tool-actions .btn {
    flex: 1 1 auto; /* Allow buttons to grow/shrink, with auto basis */
    min-width: 150px; /* Ensure a minimum width */
    max-width: 200px; /* Prevent buttons from becoming too wide on large screens */
}