.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:7px}.media-preview{aspect-ratio:16/10;background:#e9edf4;display:grid;place-items:center;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover}.media-card-body{padding:13px}.media-card-body strong,.media-card-body small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-body small{margin:4px 0 10px;color:var(--muted)}.upload-panel{margin-bottom:18px}.upload-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.upload-form label{display:grid;gap:6px;font-size:11px;font-weight:750}.upload-form input{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff}.activity-timeline{display:grid}.audit-item{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.audit-dot{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#edf1ff;color:var(--blue);font-size:11px;font-weight:800}.audit-item strong,.audit-item small{display:block}.audit-item small,.audit-item time{color:var(--muted);font-size:11px}.audit-item time{text-align:right}@media(max-width:1100px){.media-grid{grid-template-columns:1fr 1fr}.upload-form{grid-template-columns:1fr 1fr}}@media(max-width:620px){.media-grid,.upload-form{grid-template-columns:1fr}.audit-item{grid-template-columns:32px 1fr}.audit-item time{grid-column:2;text-align:left}}