.qcm-media-library{margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:rgba(5,18,29,.76);overflow:hidden}
.qcm-media-library__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}
.qcm-media-library__heading h2{margin:4px 0;font:500 1.1rem Bahnschrift,sans-serif}
.qcm-media-library__heading p{margin:0;color:var(--muted);font-size:.67rem}
.qcm-media-library__panel{padding:0 20px 22px;border-top:1px solid var(--line)}
.qcm-media-upload{display:grid;grid-template-columns:minmax(220px,1fr) 260px auto;gap:12px;align-items:end;padding:18px 0}
.qcm-media-upload label,.qcm-media-search{display:grid;gap:6px;color:#bfd0d8;font-size:.64rem}
.qcm-media-upload input,.qcm-media-upload select,.qcm-media-search input{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#05111c;color:var(--text)}
.qcm-media-upload>small{grid-column:1/-1;color:var(--muted);font-size:.58rem}
.qcm-media-library__tools{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.qcm-media-search{width:min(100%,430px)}
.qcm-media-library__tools>span{color:var(--muted);font-size:.6rem}
.qcm-media-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;max-height:600px;padding-right:5px;overflow:auto}
.qcm-media-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:10px;background:rgba(2,11,18,.72);overflow:hidden}
.qcm-media-card[hidden]{display:none}
.qcm-media-card__preview{display:block;width:100%;height:125px;padding:0;border:0;border-bottom:1px solid var(--line);background:#eef3f5;cursor:zoom-in}
.qcm-media-card__preview img{display:block;width:100%;height:100%;object-fit:contain}
.qcm-media-card__body{display:grid!important;gap:4px!important;padding:10px}
.qcm-media-card__body strong{overflow:hidden;color:var(--text);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
.qcm-media-card__body small{overflow:hidden;color:var(--muted);font-size:.52rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.qcm-media-card__actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin-top:auto;padding:0 10px 10px}
.qcm-media-card__actions button{width:100%;min-height:31px;padding:5px;border:1px solid var(--line2);border-radius:6px;background:rgba(85,220,255,.06);color:var(--cyan);font-size:.51rem;cursor:pointer}
.qcm-media-card__actions form{grid-column:1/-1}
.qcm-media-card__actions .qcm-media-delete{color:#ff9b9b;border-color:rgba(255,120,120,.25);background:rgba(255,80,80,.05)}
@media(max-width:720px){.qcm-media-library__heading{align-items:flex-start;flex-direction:column;padding:18px 15px}.qcm-media-library__panel{padding-inline:12px}.qcm-media-upload{grid-template-columns:1fr}.qcm-media-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qcm-media-card__actions{grid-template-columns:1fr}}
@media(max-width:430px){.qcm-media-library__grid{grid-template-columns:1fr}}