.container {
    max-width: 800px; /* Override default 900px */
}

.input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    align-items: stretch;
}

input[type="text"] {
    flex: 1;
}

.json-output {
    min-height: 200px; /* Larger output area */
}

@media (max-width: 600px) {
    .input-group {
        flex-direction: column;
    }
}