@media (max-width: 1100px) {
    .shell, .editor-content { grid-template-columns: 1fr; }
}

@media (max-width: 400px){
    .panel-head h2{
        font-size: medium;
    }
    .muted{
        font-size:x-small;
    }
    .panel-head .tabs button{
        font-size: x-small;
        text-align: center;
    }
}

@media (max-width: 500px){
    .panel-head{
        display: flex;
        flex-direction: column;
        align-self: center;
        gap: 15px;
    }
      .panel-head .tabs{
        align-self: center;
    }
}