#mediaList,#publishMedia{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.media-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.media-thumb{position:relative;aspect-ratio:16/9;background:#10212a;overflow:hidden}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover;display:block}.media-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0009;color:#fff;font-size:18px}.media-info{display:flex;align-items:center;gap:8px;padding:11px}.media-check{position:absolute;z-index:2;top:8px;left:8px;background:#fffffff2;padding:6px 9px;border-radius:9px;font-weight:800}.preview{position:fixed;z-index:20;inset:0;background:#061018e8;display:grid;place-items:center;padding:52px 18px 18px}.preview #previewBody{width:min(100%,1100px);height:min(75vh,700px);display:grid;place-items:center}.preview img,.preview video{max-width:100%;max-height:100%;border-radius:14px}.preview>button{position:absolute;right:20px;top:14px;border:0;background:#ffffff22;color:#fff;border-radius:50%;width:42px;height:42px;font-size:28px}.preview #previewName{color:#fff;font-weight:800;margin-top:10px}@media(max-width:760px){#mediaList,#publishMedia{grid-template-columns:1fr 1fr}.media-info{font-size:12px}}