/* Frequently used social crops remain visible before optional formats. */
.workspace .crop-quick{margin:0 0 12px}
.workspace .crop-quick-label{margin-bottom:7px;color:#36588d;line-height:1.45}
.workspace .crop-quick-presets{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:6px}
.workspace .crop-quick-presets .social-preset{background:#f1f5ff;border-color:#d4e1fa;min-height:49px;transition:background .15s,border-color .15s}
.workspace .crop-quick-presets .social-preset:hover:not(:disabled),.workspace .crop-quick-presets .social-preset[aria-pressed=true]{background:#e3edff;border-color:#729df8;box-shadow:inset 0 0 0 1px #729df8}
.workspace .crop-quick-presets .social-preset:focus-visible{outline:3px solid #8cafee;outline-offset:2px}
.workspace .crop-more-formats .social-presets{margin-bottom:0}
.workspace .crop-preset-note{padding:8px 10px;border:1px solid #e0e8f5;border-radius:9px;background:#f8faff;line-height:1.55}
@media(max-width:820px){
 .workspace .crop-quick{margin-bottom:10px}
 .workspace .crop-quick-presets .social-preset{min-height:49px;padding:7px}
 .workspace .crop-quick-presets .social-preset strong{font-size:10px;line-height:1.35}
 .workspace .crop-quick-label{font-size:11px;margin-bottom:6px}
}