#tool-body #btns{
  margin: 10px 0;
}
#tool-body .layui-textarea {
  min-height: 1em;
}
#tool-body .preview-container img{
  cursor: zoom-in;
}
#tool-body .preview-container img,
#tool-body .preview-container video,
#tool-body .preview-container audio,
#tool-body .preview-container iframe,
#tool-body .preview-container pre {
  max-width: 100%;
  max-height: 600px;
  outline: none;
}
#tool-body .preview-container pre {
  width: 100%;
}

#tool-body .placeholder.error-tip {
  color: #ff5722;
}
#tool-body .preview-container {
  min-height: 400px;;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  margin-top: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
}
#tool-body .placeholder {
  color: #999;
  font-style: italic;
}
.theme-dark-mode #tool-body .preview-container {
  background: #333;
  border-color: #333;
}