.cropper-layout.workbench-uploader{display:block!important;grid-template-columns:1fr!important}
.cropper-layout.workbench-uploader .cropper-upload{width:100%;max-width:none}
.cropper-workbench{display:grid!important;grid-template-columns:minmax(560px,1fr) 410px!important;grid-template-areas:"preview settings";gap:20px;align-items:start;margin-top:18px}
.cropper-workbench>.cropper-results{grid-area:preview;min-width:0}
.cropper-workbench>.cropper-settings{grid-area:settings;position:sticky!important;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;padding:20px;z-index:4}
.cropper-workbench .crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cropper-workbench .crop-grid:has(.crop-item.focused){grid-template-columns:1fr!important}
.cropper-workbench .crop-item.focused{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)!important;width:100%;max-width:none}
.cropper-workbench .crop-item.focused .crop-canvas-wrap{aspect-ratio:auto;min-height:clamp(520px,64vh,700px)}
.cropper-workbench .crop-item.focused .crop-meta{padding:18px;align-self:start}
.cropper-workbench .crop-item.focused .crop-focus-button{display:none}
@media(max-width:1280px){.cropper-workbench{grid-template-columns:minmax(500px,1fr) 360px!important}.cropper-workbench .crop-item.focused{grid-template-columns:1fr!important}.cropper-workbench .crop-item.focused .crop-canvas-wrap{min-height:560px}}
@media(max-width:980px){.cropper-workbench{grid-template-columns:1fr!important;grid-template-areas:"settings" "preview"}.cropper-workbench>.cropper-settings{position:relative!important;top:auto;max-height:none}.cropper-workbench .crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.cropper-workbench .crop-grid{grid-template-columns:1fr!important}.cropper-workbench .crop-item.focused{display:block!important}.cropper-workbench .crop-item.focused .crop-canvas-wrap{min-height:460px}}