.btn-flex-1 {
   flex:1;
 }

#circle-crop-area {
  pointer-events: auto;
  transition: width 0.1s, height 0.1s, left 0.1s, top 0.1s;
}

#circle-crop-area:active {
  cursor: grabbing;
}

.handle {
  transition: left 0.1s, top 0.1s, transform 0.1s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.handle:hover {
  transform: scale(1.2);
}

.handle:active {
  transform: scale(0.9);
}

#circle-bright-overlay {
  transition: clip-path 0.1s ease-out;
}