.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;transition:border .3s ease;cursor:pointer;margin-bottom:1rem}.drop-zone:hover{border-color:var(--primary-color)}.editor-container{display:flex;gap:2rem;margin:1rem 0}.canvas-container{flex:1;position:relative;background:#f8f9fa;border-radius:4px;overflow:hidden}.crop-controls{width:300px;background:#fff;padding:1.5rem;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.control-group{margin-bottom:1.5rem}.control-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.aspect-ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.aspect-ratio-grid button{padding:.5rem;text-align:center;font-size:.875rem}.aspect-ratio-grid button small{display:block;opacity:.7;font-size:.75rem}.canvas-wrapper{position:relative;max-width:100%;margin:0 auto;background:#000}#previewCanvas{max-width:100%;height:auto}.processing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.processing-spinner{width:4rem;height:4rem;margin-bottom:1rem}.dimension-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.dimension-inputs .form-control{text-align:center}.dimension-inputs .separator{text-align:center;font-weight:700}.rotate-flip-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.rotate-flip-controls button{padding:.5rem}.social-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.social-presets button{text-align:left;padding:.5rem}.social-presets button i{margin-right:.5rem}.social-presets button small{display:block;opacity:.7}
/*# sourceMappingURL=image-cropper-content.css.map */