.file-uploader-summary{
    display: none;
}
.template-artwork-file-upload .file-uploader-summary{
  display: block;
}

.productdesigner-artworks-edit .file-uploader-summary{
  display: block;
}

.productdesigner-framecategory-edit .file-uploader-summary{
  display: block;
}

/* Collapse the entire Uppy widget (height:0 + overflow:hidden keeps
   .uppy-Dashboard-browse in the DOM so the Upload button trigger still works) */
.productdesigner-framecategory-edit .uppy-Root {
  height: 0 !important;
  overflow: hidden;
  line-height: 0;
}

/* Hide the "Click here or drag and drop to add files." placeholder */
.productdesigner-framecategory-edit .file-uploader-placeholder {
  display: none;
}

/* Image column: preserve natural aspect ratio, cap at 100 px */
.productdesigner-framecategory-edit td[data-index="image"] img {
  width: auto !important;
  height: auto !important;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
}

/* Masking Image preview: fill the standard 150×150 Magento preview box
   with the SVG centred and aspect-ratio preserved — no white gap */
.productdesigner-framecategory-edit td[data-index="masking_image"] .preview-image {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
}

.admin__field.top_admin_masking{
    display: flex;
    justify-content: center;
  }
  
  .admin__field.top_admin_masking .admin__field-label{
    display: inline-block;
    width: auto;
  }
  .admin__field.top_admin_masking .admin__field-control{
    width: auto;
  }
._disabled {
    pointer-events: none;
}

/*--------------------------
    SELECT ARTWORK MODAL
--------------------------*/

.artwork-select-popup.modal-popup .modal-inner-wrap {
  width: 960px;
}

.artwork-select-popup #artwork_category {
  width: 100%;
  height: 35px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}

.artwork-select-popup .byi-prod-list--inner {
  margin-top: 20px;
}

.artwork-select-popup .byi-prod-list--wrap {
  display: flex;
  flex-wrap: wrap;
}

.artwork-select-popup .byi-prod-list--wrap {
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
  list-style: none;
  max-height: 345px;
  overflow-y: auto;
}

.artwork-select-popup .byi-prod-list--wrap li {
  width: 20%;
  flex: 0 0 20%;
  padding: 0 10px;
  margin-bottom: 10px
}

.artwork-select-popup .byi-prod-list--wrap li:nth-last-child(-n+3):nth-child(3n+1),
.artwork-select-popup .byi-prod-list--wrap li:nth-last-child(-n+3):nth-child(3n+1)~li {
  margin-bottom: 0
}

.artwork-select-popup .byi-prod-list--wrap li a {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #262626
}

.artwork-select-popup .byi-prod-list--wrap li span {
  display: flex;
  padding: 5px;
  flex-wrap: wrap;
  min-height: 164px;
  border-radius: 5px;
  margin-bottom: 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e2e2
}

.artwork-select-popup .byi-prod-list--wrap li.active span {
  border-color: #f05929;
}

.artwork-select-popup .byi-prod-list--wrap li span img {
  display: block;
  margin: 0 auto;
  max-height: 207px
}

.artwork-select-popup .modal-inner-wrap .modal-footer {
  padding-top: 0;
}
.page-wrapper {
  margin-left: -5px;
}
.word-limit {
  max-width: 200px;
  word-break: break-word;
}