.settings-group{margin-bottom:10px}.image-card{background-color:var(--card-background);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.image-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.image-preview{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#f5f7ff,#e5e9ff);display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.preview-toggle{position:absolute;bottom:10px;left:10px;background-color:rgba(0,0,0,.7);color:white;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:var(--transition)}.preview-toggle:hover{background-color:rgba(0,0,0,.9)}.image-info{padding:20px}.filename{font-weight:600;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-details{display:flex;justify-content:space-between;font-size:.85rem;color:var(--disabled-color);margin-bottom:12px}.compression-info{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.size-comparison{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.reduction{font-weight:700;color:var(--success-color)}.progress-bar{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin:12px 0}.progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));width:0%;transition:width .5s ease;border-radius:4px}.status{font-size:.85rem;text-align:center;margin-bottom:15px;font-weight:500}.card-actions{display:flex;gap:10px}.card-actions .btn{flex:1;font-size:.9rem;padding:8px 12px}.notification.show{transform:translateX(0);opacity:1}.notification-success{border-left:4px solid var(--success-color)}.notification-error{border-left:4px solid var(--error-color)}.notification-warning{border-left:4px solid var(--warning-color)}.modal.show{opacity:1;visibility:visible}.comparison-container{display:flex;flex-direction:column;gap:30px}@media (min-width:768px){.comparison-container{flex-direction:row}}.comparison-box{flex:1;text-align:center}.comparison-image{max-width:100%;max-height:400px;margin-bottom:15px;background:linear-gradient(135deg,#f5f7ff,#e5e9ff);border-radius:8px}.comparison-info{font-size:.95rem;background-color:rgba(67,97,238,.05);padding:12px;border-radius:8px}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite}.btn-loading .loading-spinner{margin-right:8px}