.media-dialog{width:min(900px,94vw);max-height:88vh;overflow:hidden;padding:0}
.media-dialog>.media-head{padding:26px 26px 0}
.media-dialog>.media-upload{margin:20px 26px}
.media-dialog>.media-status{min-height:20px;margin:0 26px 6px;color:var(--green-dark);font-weight:800}
.media-dialog>.media-usage{margin:0 26px 18px}
.media-dialog>.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:52vh;overflow-y:auto;overscroll-behavior:contain;padding:16px 26px 26px;border-top:1px solid var(--line);background:#fff}
.media-grid button{display:block;width:100%;min-width:0;overflow:hidden;padding:7px}
.media-grid button img{display:block;width:100%;height:130px;aspect-ratio:auto;object-fit:cover;border-radius:9px;background:#edf0ee}
.media-grid button span{display:block;width:100%;padding:8px 3px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.media-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:7px;background:#fff}.media-card>.media-select{border:0;background:transparent;padding:0}.media-card>.media-delete{margin-top:6px;border:0;background:#fff0f0;color:#a42323;font-size:12px;font-weight:900;padding:8px}.media-empty{grid-column:1/-1;color:var(--muted);text-align:center;padding:35px}
@media(max-width:720px){.media-dialog>.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55vh;padding-inline:16px}.media-dialog>.media-head{padding:20px 18px 0}.media-dialog>.media-upload{margin-inline:18px}.media-dialog>.media-usage{margin-inline:18px}.media-grid button img{height:115px}}