:root{--primary-color:#4a90e2;--danger-color:#ff5f5f;--bg-overlay:#000000d9}.crop-overlay{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.crop-card{background-color:#fff;border-radius:16px;flex-direction:column;max-width:360px;margin:auto;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;display:flex;overflow:hidden;transform:translateY(0);box-shadow:0 10px 40px #0000004d}.crop-header{text-align:center;border-bottom:1px solid #eee;padding:15px 20px}.crop-header h3{color:#333;margin:0;font-size:1.1rem}.crop-canvas-container{background-color:#f3f3f3;border-bottom:1px solid #eee;justify-content:center;align-items:center;padding:20px;display:flex}.CropCanvas{cursor:grab;background-color:#fff;border-radius:4px;box-shadow:0 4px 15px #00000026}.CropCanvas:active{cursor:grabbing}.crop-controls{flex-direction:column;gap:15px;padding:20px;display:flex}.slider-group{flex-direction:column;gap:8px;display:flex}.slider-group label{color:#555;justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}.styled-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:5px;outline:none;width:100%;height:6px}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s}.styled-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.row-crop-actions{gap:15px;margin-top:10px;display:flex}.button-crop{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-cancel{color:#555;background-color:#f1f1f1}.btn-cancel:hover{color:#333;background-color:#e0e0e0}.btn-save{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 10px #4a90e24d}.btn-save:hover{background-color:#357abd;transform:translateY(-1px)}.preview-thumb{object-fit:cover;border:2px solid #ddd;border-radius:50%;width:100px;height:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:400px){.crop-card{width:90%}.crop-canvas-container{padding:10px}}