.content-media-uploader{display:grid;gap:10px;margin-top:8px}
.content-media-drop{position:relative;display:grid;place-items:center;gap:5px;min-height:128px;padding:18px;border:1px dashed rgba(0,234,212,.35);border-radius:12px;background:rgba(0,234,212,.025);cursor:pointer;text-align:center;transition:.18s ease}
.content-media-drop:hover,.content-media-drop.is-dragging{border-color:#00ead4;background:rgba(0,234,212,.075)}
.content-media-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.content-media-drop strong{color:#d9edef;font-size:13px}
.content-media-drop span,.content-media-drop small{color:#78959f;font-size:10px}
.content-media-preview{position:relative;display:none;overflow:hidden;min-height:190px;border:1px solid rgba(0,234,212,.2);border-radius:12px;background:#041019}
.content-media-preview.has-image{display:block}
.content-media-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.content-media-preview-overlay{position:absolute;left:10px;bottom:10px;display:flex;gap:7px}
.content-media-chip{padding:6px 9px;border:1px solid rgba(0,234,212,.28);border-radius:999px;background:rgba(3,19,25,.86);color:#7fece7;font-size:9px;font-weight:850;backdrop-filter:blur(8px)}
.content-media-actions{display:flex;gap:8px;flex-wrap:wrap}
.content-media-button{min-height:39px;padding:8px 12px;border:1px solid rgba(0,234,212,.32);border-radius:9px;background:#071923;color:#64e8e2!important;font-weight:850;cursor:pointer}
.content-media-button.primary{background:linear-gradient(135deg,#51e9df,#23d5ce);color:#021d22!important}
.content-media-button.danger{border-color:rgba(255,95,119,.28);color:#ff8093!important}
.content-media-progress{display:none;height:5px;overflow:hidden;border-radius:999px;background:#12242c}
.content-media-progress.is-active{display:block}
.content-media-progress i{display:block;width:35%;height:100%;border-radius:inherit;background:#00ead4;animation:contentMediaProgress 1s ease-in-out infinite alternate}
.content-media-message{display:none;padding:9px 11px;border:1px solid rgba(76,145,162,.18);border-radius:8px;color:#7d9aa4;background:#06151e;font-size:10px}
.content-media-message.show{display:block}
.content-media-message.success{border-color:rgba(67,227,158,.28);color:#58dfa3}
.content-media-message.error{border-color:rgba(255,95,119,.3);color:#ff8093}
.content-media-original-url{display:none!important}
@keyframes contentMediaProgress{from{transform:translateX(-30%)}to{transform:translateX(220%)}}