#editorPreview #dropAreaWrapper {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
[data-pc-theme="dark"] #editorPreview #dropAreaWrapper {
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);
}
#editorPreview #dropArea {
    border: 3px dashed var(--bs-card-border-color);
}
#editorPreview #dropAreaWrapper:hover {
    background-color: var(--bs-light);
}
[data-pc-theme="dark"] #editorPreview #dropAreaWrapper:hover {
    background-color: var(--bs-dark);
}
#editorPreview #dropArea {
    min-height: 250px;
}
[data-pc-theme="dark"] #lightPreview,
[data-pc-theme="light"] #darkPreview {
    display: block;
}
[data-pc-theme="dark"] #darkPreview,
[data-pc-theme="light"] #lightPreview {
    display: none;
}

#editorPreview .drop-area-text {
    font-size: 1rem;
    line-height: 1.4;
}
#editorPreview .drop-area-formats {
    font-size: 0.75rem;
}
#editorPreview .drop-area-features {
    font-size: 0.85rem;
}

@media (min-width: 768px) {
    #editorPreview .row {
        align-items: stretch;
    }
    #editorPreview #dropArea {
        border-width: 5px;
        min-height: 100%;
    }
    #editorPreview .drop-area-text {
        font-size: 1.25rem;
    }
    #editorPreview .drop-area-formats {
        font-size: 0.775rem;
    }
    #editorPreview .drop-area-features {
        font-size: 0.9rem;
    }
}