/* Styles specific to image compressor page */
#loading-indicator.hidden { display: none !important; }
#loading-indicator:not(.hidden) { display: flex !important; }
#progress-container.hidden { display: none !important; }
#progress-container:not(.hidden) { display: block !important; }
/* Ensure crop modal appears above any overlay */
#crop-modal { z-index: 2147483647 !important; }
/* Items center tweak from previous inline style */
.w-full .justify-between span.items-center{ position:relative; left:-132px; top:40px; }
.w-full .justify-between > .items-center{ position:relative; top:0px; }

/* Subtle pulse highlight for call-to-action buttons */
.pulse-highlight {
	position: relative;
	z-index: 0;
}
.pulse-highlight::after {
	content: '';
	position: absolute;
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	border-radius: 14px;
	border: 2px solid rgba(34,197,94,0.6);
	box-shadow: 0 0 0 2px rgba(34,197,94,0.15);
	pointer-events: none;
	animation: pulseRing 1.2s ease-out infinite;
}
@keyframes pulseRing {
	0% { opacity: 0.85; transform: scale(1); }
	100% { opacity: 0; transform: scale(1.08); }
}