.media-container { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; padding:24px; background:var(--bg); border:1px solid var(--line); border-radius:10px; min-height:200px; }
.media-container img,.media-container video { display:block; max-width:100%; max-height:65vh; object-fit:contain; flex-basis:100%; }
.media-container audio { display:block; width:100%; max-width:680px; margin:28px auto; flex-basis:100%; }
.media-container .btn { margin:0; }
.file-info { max-width:760px; }
.file-info h4 { font-size:16px; }
.file-info table { width:100%; table-layout:fixed; }
.file-info th { width:160px; }
.file-info td { overflow-wrap:anywhere; font-size:12px; }
.media-page .input-group { flex-wrap:wrap; } .media-page .input-group input { flex:1; min-width:160px; }
@media(max-width:600px) { .media-container { padding:12px; } .file-info th { width:110px; } }