.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}.media-grid article{background:white;border:1px solid var(--line);padding:.8rem;overflow:hidden}.media-preview{height:150px;background:#eef0ec;margin-bottom:.8rem}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-grid b,.media-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-grid small{color:var(--muted);margin:.3rem 0 .8rem}.media-grid button{border:0;background:transparent;color:var(--green);padding:0;margin-right:.8rem;cursor:pointer}.media-grid button.danger{color:var(--red)}.upload{cursor:pointer}