body{background:white;font-family:'Inter',sans-serif;width:100vw;max-width:100%;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;}.container-fluid{width:100%;padding-left:1rem;padding-right:1rem;}.image-container{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;}.image-section{width:48%;display:flex;flex-direction:column;align-items:center;}.drop-zone{border:4px dashed#a0aec0;transition:all 0.3s ease;position:relative;overflow:hidden;height:400px;display:flex;align-items:center;justify-content:center;width:100%;border-radius:12px;background-color:#f0f4ff;}.drop-zone:hover{border-color:#667eea;background-color:#e6edff;}.enhanced-image-frame{background:linear-gradient(135deg,#f0f4ff 0%,#f6f7f9 100%);padding:12px;border-radius:12px;box-shadow:0 8px 15px rgba(0,0,0,0.1);transition:all 0.3s ease;width:100%;height:400px;display:flex;align-items:center;justify-content:center;}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem;}.overlay-message{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;color:white;font-size:1.5rem;text-align:center;}@media(max-width:768px){.image-container{flex-direction:column;}.image-section{width:100%;margin-right:0;margin-left:0;margin-bottom:1rem;}.action-buttons{flex-direction:column;align-items:center;}.action-buttons button{width:100%;margin-bottom:0.5rem;}}.title-gradient{background:linear-gradient(45deg,#6a11cb 0%,#2575fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;}.title-gradient:hover{transform:scale(1.02);text-shadow:0 6px 12px rgba(0,0,0,0.15);}.enhance-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;font-weight:bold;padding:0.5rem 1rem;border-radius:0.75rem;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-transform:uppercase;letter-spacing:0.05em;transform:perspective(1px)translateZ(0);backface-visibility:hidden;}.enhance-btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,0.15);}.edit-btn{background:linear-gradient(135deg,#48bb78 0%,#38b2ac 100%);color:white;font-weight:bold;padding:0.5rem 1rem;border-radius:0.75rem;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-transform:uppercase;letter-spacing:0.05em;transform:perspective(1px)translateZ(0);backface-visibility:hidden;}.edit-btn:hover{background:linear-gradient(135deg,#38b2ac 0%,#48bb78 100%);transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,0.15);}#compareBtn,#downloadOriginalImageBtn,#downloadEnhancedImageBtn{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);color:white;font-weight:bold;padding:0.5rem 1rem;border-radius:0.75rem;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-transform:uppercase;letter-spacing:0.05em;}#compareBtn:hover,#downloadOriginalImageBtn:hover,#downloadEnhancedImageBtn:hover{background:linear-gradient(135deg,#3182ce 0%,#4299e1 100%);transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,0.15);}#autoImproveBtn{background:linear-gradient(135deg,#805ad5 0%,#6b46c1 100%);color:white;font-weight:bold;padding:0.5rem 1rem;border-radius:0.75rem;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:flex;align-items:center;gap:0.5rem;text-transform:uppercase;letter-spacing:0.05em;}#autoImproveBtn:hover{background:linear-gradient(135deg,#6b46c1 0%,#805ad5 100%);transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,0.15);}.modal-btn{background:linear-gradient(135deg,#48bb78 0%,#38b2ac 100%);color:white;font-weight:bold;padding:0.5rem 1rem;border-radius:0.75rem;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-transform:uppercase;letter-spacing:0.05em;}.modal-btn:hover{background:linear-gradient(135deg,#38b2ac 0%,#48bb78 100%);transform:scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,0.15);}.modal-btn.cancel-btn{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%);color:white;}.modal-btn.cancel-btn:hover{background:linear-gradient(135deg,#e53e3e 0%,#f56565 100%);}.modal-btn.apply-btn{background:linear-gradient(135deg,#48bb78 0%,#38b2ac 100%);color:white;}.modal-btn.apply-btn:hover{background:linear-gradient(135deg,#38b2ac 0%,#48bb78 100%);}#adjustmentModal.modal-content{max-width:500px;width:90%;padding:1.5rem;}#adjustmentModal.modal-content h2{font-size:1.5rem;margin-bottom:1rem;}#adjustmentModal.modal-content img{max-height:50vh;}#cropModal.modal-content{max-width:500px;width:90%;padding:1.5rem;}#cropModal.modal-content h2{font-size:1.5rem;margin-bottom:1rem;}#cropModal.modal-content img{max-height:50vh;}.edit-btn.crop-btn{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:white;}.edit-btn.crop-btn:hover{background:linear-gradient(135deg,#45a049 0%,#4CAF50 100%);}.edit-btn.rotate-btn{background:linear-gradient(135deg,#2196F3 0%,#1E88E5 100%);color:white;}.edit-btn.rotate-btn:hover{background:linear-gradient(135deg,#1E88E5 0%,#2196F3 100%);}.edit-btn.saturation-btn{background:linear-gradient(135deg,#FF9800 0%,#FB8C00 100%);color:white;}.edit-btn.saturation-btn:hover{background:linear-gradient(135deg,#FB8C00 0%,#FF9800 100%);}.edit-btn.brightness-btn{background:linear-gradient(135deg,#FFC107 0%,#FFA000 100%);color:white;}.edit-btn.brightness-btn:hover{background:linear-gradient(135deg,#FFA000 0%,#FFC107 100%);}.edit-btn.color-btn{background:linear-gradient(135deg,#9C27B0 0%,#7B1FA2 100%);color:white;}.edit-btn.color-btn:hover{background:linear-gradient(135deg,#7B1FA2 0%,#9C27B0 100%);}
button{margin:0.25rem;}.btn-icon{margin-right:0.5rem;width:1.25rem;height:1.25rem;}