/* Material-library layout. */
body.ant-console .materials-preview-dialog .full { grid-column: 1 / -1; }
body.ant-console .materials-page .materials-toolbar { gap: 12px; margin-bottom: 20px; }
body.ant-console .materials-page .materials-toolbar .tabs { margin-bottom: 0; }
body.ant-console .materials-page .media-layout { align-items: start; }
body.ant-console .materials-page .materials-groups .group {
  gap: 8px;
  padding: 4px 8px;
  margin: 4px 0;
  min-width: 0;
  cursor: default;
}
body.ant-console .materials-page .materials-group-select {
  flex: 1;
  min-width: 0;
  min-height: 36px;
  padding: 6px 4px;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.ant-console .materials-page .materials-group-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 6px;
  color: #595959;
}
body.ant-console .materials-page .materials-group-edit:hover { color: #1677ff; background: #f0f5ff; }
body.ant-console .materials-page .materials-content-head { align-items: flex-start; flex-wrap: wrap; margin-bottom: 8px; }
body.ant-console .materials-page [data-materials-title] { flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; }
body.ant-console .materials-page .materials-content-actions { flex: 0 1 auto; gap: 8px; }
body.ant-console .materials-page .materials-content-actions .btn { flex-shrink: 0; }
body.ant-console .materials-page .materials-upload-hint { margin-bottom: 20px; color: #737373; font-size: 12px; }
body.ant-console .materials-page .media-item :is(img,video) { width: 100%; height: 135px; object-fit: cover; border-radius: 6px; background: #fafafa; }
body.ant-console .materials-page .media-item .actions { gap: 8px; justify-content: space-between; }
body.ant-console .materials-preview-dialog .materials-form-error { color: #cf1322; font-size: 13px; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  body.ant-console .materials-page .materials-toolbar { align-items: center; }
  body.ant-console .materials-page .materials-toolbar .tabs { gap: 20px; }
  body.ant-console .materials-page .materials-content-actions { width: 100%; }
  body.ant-console .materials-page .materials-group-edit { flex-basis: 36px; width: 36px; height: 36px; }
  body.ant-console .materials-preview-dialog input[type=file] { min-width: 0; max-width: 100%; }
}
