/* Compact contact-sheet mode for large photo batches. */
.cropper-studio .crop-grid:not(:has(.crop-item.focused)){
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  align-items:start;
  gap:10px!important;
}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-item{display:block!important;width:auto!important;min-width:0;box-shadow:0 7px 20px #0003!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-canvas-wrap{width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-canvas-wrap:has(canvas[width="1200"][height="1200"]){aspect-ratio:1/1}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-canvas-wrap:has(canvas[width="960"][height="1200"]){aspect-ratio:4/5}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-canvas-wrap:has(canvas[width="800"][height="1200"]){aspect-ratio:2/3}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-meta{padding:9px!important;max-height:none!important;overflow:visible!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-meta>b{font-size:9px}.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-meta>small{font-size:7px;margin-bottom:6px}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-item-quality{padding:5px 6px!important;margin:5px 0!important;font-size:7px!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-transform-tools{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;margin:5px 0!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-transform-tools button{height:28px!important;padding:4px 2px!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-focus-button{display:block!important;grid-column:1/-1!important;height:28px!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-zoom{grid-template-columns:25px minmax(0,1fr) 25px;padding:5px;gap:4px;margin-top:5px}.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-zoom button{height:25px!important}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .photo-adjustments{margin-top:5px}.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .photo-adjustments summary{font-size:7px;padding:7px}
.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-reset{margin-top:5px;padding:6px!important}.cropper-studio .crop-grid:not(:has(.crop-item.focused)) .crop-actions{margin-top:5px}
.cropper-studio .crop-grid:has(.crop-item.focused){grid-template-columns:1fr!important}
.cropper-studio .crop-grid:has(.crop-item.focused)>.crop-item:not(.focused){display:none!important}
.cropper-studio .crop-grid:has(.crop-item.focused) .crop-item.focused .crop-focus-button{display:block!important;grid-column:1/-1!important;background:#1769d2!important;color:#fff!important;border-color:#1769d2!important}
@media(min-width:1500px){.cropper-studio .crop-grid:not(:has(.crop-item.focused)){grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}}
@media(max-width:760px){.cropper-studio .crop-grid:not(:has(.crop-item.focused)){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.cropper-studio .crop-grid:not(:has(.crop-item.focused)){grid-template-columns:1fr!important}}