.pmst-seo-enhanced-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}
.seo-form, .seo-preview {
    /*background: #1e1e1e;*/
    padding: 20px;
    border-radius: 10px;
    /*color: #fff;*/
}
.seo-form {
    flex: 1 1 60%;
}
.seo-preview {
    flex: 1 1 35%;
}
.seo-preview img {
    max-width: 100%;
    border-radius: 5px;
    margin: 10px 0;
}
input[type="text"], textarea {
    width: 100%;
    padding: 8px;
    background: #333;
    color: #fff;
    border: 1px solid #555;
    border-radius: 5px;
    margin-bottom: 15px;
}
.tag-input-wrapper {
    border: 1px solid #555;
    padding: 10px;
    /*background: #2c2c2c;*/
    border-radius: 5px;
}
#seo-keyword-tags .tag {
    background: #dbdbdb;
    display: inline-block;
    padding: 5px 10px;
    margin: 3px;
    border-radius: 10px;
}
.tag .remove-tag {
    margin-left: 8px;
    cursor: pointer;
    color: red;
}
@media (max-width: 768px) {
    .pmst-seo-enhanced-container {
        flex-direction: column;
    }
    .seo-preview {
        display: none;
    }
}