body { font-family: Arial, sans-serif; margin: 20px; }
  .tabs { display: flex; cursor: pointer; margin-bottom: 10px; }
  .tab { padding: 10px 20px; border: 1px solid #ccc; border-bottom: none; background: #eee; }
  .tab.active { background: #fff; font-weight: bold; }
  .tab-content { border: 1px solid #ccc; padding: 10px; }
  #fileInfo { margin-bottom: 10px; font-size: 14px; color: #333; }
  textarea { width: 100%; height: 200px; font-family: monospace; font-size: 14px; }
  input[type="text"] { width: 100%; padding: 5px; margin-top: 5px; box-sizing: border-box; }
  button { margin-top: 10px; padding: 8px 15px; cursor: pointer; }
  #fileContent, #fileImage, #fileVideo, #fileAudio, #archiveMsg {
    margin-top: 10px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ddd;
    background: #f9f9f9;
    padding: 10px;
  }
  #fileImage { max-width: 100%; height: auto; }
  #fileVideo, #fileAudio { width: 100%; max-height: 300px; }