.media-preview{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.media-preview-body{width:100%;max-width:320px}.media-preview-image{-o-object-fit:contain;object-fit:contain;background:#f8fafc}.media-preview-image,.media-preview-video{width:100%;max-height:240px;border-radius:12px;border:1px solid #e2e8f0}.media-preview-video{background:#000}.media-preview-file-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);width:100%}.media-preview-file-icon{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:#504cfe;background:#eef2ff;padding:6px 8px;border-radius:6px;flex-shrink:0}.media-preview-file-name{color:#1e293b;word-break:break-word}.media-preview-open-link{color:#504cfe;text-decoration:none}.media-preview-open-link:hover{color:#7c3aed;text-decoration:underline}