.batch-shell {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(300px, 360px);
    gap: 22px;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 22px 22px 40px;
}

.batch-panel,
.batch-style {
    padding: 20px;
    align-self: start;
}

.batch-panel h1 {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 750;
}

.batch-style h2 {
    margin: 0 0 18px;
}

.batch-style {
    display: grid;
    gap: 16px;
}

#batch-form .textarea-wrap textarea {
    min-height: 320px;
    font-family: "Cascadia Code", "Consolas", monospace;
    font-size: 13.5px;
    line-height: 1.6;
}

.batch-style .download-button {
    margin-top: 4px;
}

.batch-messages {
    font-size: 13.5px;
    line-height: 1.45;
}

.batch-messages.is-error {
    color: #d6334e;
}

.batch-messages.is-success {
    color: #0f9d6b;
    font-weight: 600;
}

@media (max-width: 880px) {
    .batch-shell {
        grid-template-columns: 1fr;
    }

    #batch-form .textarea-wrap textarea {
        min-height: 200px;
    }
}