.wu-media-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 130px;
    padding: 22px;
    background: #eff6ff !important;
    border: 2px dashed #3b82f6 !important;
    border-radius: 14px;
    color: #173052 !important;
    text-align: center;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}
.wu-media-dropzone:hover,.wu-media-dropzone.wu-media-drop-active {
    background: #dbeafe !important;
    border-color: #1d4ed8 !important;
}
.wu-media-dropzone strong {font-size: 16px;}
.wu-media-dropzone span {font-size: 13px;}
.wu-media-hint {margin: 16px 0 10px; color: #52627a; font-size: 14px;}
.wu-media-sort-feedback {margin: 8px 0 12px; min-height: 20px; font-size: 13px; color: #17613a;}
.wu-media-sort-feedback.wu-media-sort-error {color: #b91c1c;}
.wu-media-row td {vertical-align: middle !important;}
.wu-media-handle {display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; width: 31px; height: 31px; border-radius: 8px; background: #edf2ff; cursor: grab; color: #1d4ed8; font-weight: bold; user-select: none; touch-action: none;}
.wu-media-handle:active {cursor: grabbing;}
.wu-media-thumb {width: 78px; height: 58px; object-fit: cover; vertical-align: middle; border-radius: 8px; margin-right: 8px;}
.wu-media-video-icon {font-size: 24px; margin-right: 10px; color: #64748b;}
.wu-media-move {background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; border-radius: 7px; min-width: 32px; min-height: 32px; cursor: pointer; margin: 2px;}
.wu-media-move:disabled {opacity: .35; cursor: default;}
.wu-media-first-label {display: inline-block; margin-left: 8px; padding: 3px 8px; font-size: 11px; border-radius: 999px; background: #dcfce7; color: #166534; font-weight: 600;}
.wu-media-sort-placeholder {height: 68px; background: #dbeafe; border: 2px dashed #93c5fd;}
#media-selector-bestaand {display: block; margin-top: 10px; max-width: 100%;}
#huidige-media .fa-trash,#huidige-media-bestaand .fa-trash {cursor: pointer;}
@media (max-width: 767px) {
    .wu-media-thumb {width: 55px; height: 43px;}
    .wu-media-handle {width: 26px; height: 27px; margin-right: 5px;}
    .wu-media-first-label {display: block; width: max-content; margin-top: 4px; margin-left: 0;}
    #huidige-media td,#huidige-media-bestaand td {font-size: 12px; padding: 8px 5px;}
    .wu-media-move {min-width: 29px; min-height: 29px;}
}