@media (max-width: 768px) {
    .main-content {
        flex-direction: column;
    }

    .settings-panel {
        flex: none;
        max-height: 50vh;
        position: relative;
        top: 0;
    }

    .user-message {
        margin-left: 0%;
    }

    .assistant-message {
        margin-right: 0%;
    }
    select,
    input[type="text"],
    input[type="password"],
    input[type="number"],
    textarea {
        font-size: 12px; /* フォントサイズを少し小さくする */
    }

    .button-group button {
        font-size: 12px; /* ボタンのフォントサイズを少し小さくする */
    }
}