/*!
 * ============================================================================
 * FileMinify - Professional Image Compression Tool
 * ============================================================================
 * 
 * Description:  Modern web-based image, PDF, and video compression application
 *               with client-side processing for maximum privacy and security.
 * 
 * Version:      1.0.0
 * Date:         2025-11-03
 * Author:       Rizo
 * Copyright:    © 2025 FileMinify by Rizo. All rights reserved.
 * License:      MIT License - Free for personal and commercial use
 * 
 * Website:      https://fileminify.com
 * 
 * ============================================================================*/

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0f8cff;--primary-dark:#0f78d8;--secondary:#4e5a60;--background:#f5f5f5;--surface:#ffffff;--text:#333333;--text-light:#393939;--border:#e0e0e0;--shadow:rgba(0,0,0,0.1);--success:#4caf50;--error:#f44336}body{font-family:-apple-system,"Rajdhani",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--background);color:var(--text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--surface);box-shadow:0 2px 8px var(--shadow);padding:20px 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:15px}.logo h1{font-size:24px;color:var(--primary);font-weight:700}.tagline{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}.language-selector select{padding:8px 16px;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;cursor:pointer;transition:all 0.3s}.language-selector select:hover{border-color:var(--primary)}main{padding:40px 20px}.intro{text-align:center;margin-bottom:30px}.intro-text{font-size:16px;color:var(--text-light);max-width:800px;margin:0 auto;font-weight:500}.format-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.tab{padding:12px 24px;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.3s}.tab:hover{border-color:var(--primary);transform:translateY(-2px)}.tab.active{background:var(--primary);color:white;border-color:var(--primary)}.exif-toggle{padding:12px 24px;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s}.exif-toggle:hover{border-color:var(--primary)}.exif-toggle.active{background:var(--primary);color:white;border-color:var(--primary)}.upload-section{background:var(--surface);border-radius:16px;padding:30px;box-shadow:0 4px 12px var(--shadow);margin-bottom:30px}.action-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s;text-transform:uppercase;letter-spacing:0.5px}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,0.3)}.btn-secondary{background:var(--secondary);color:white}.btn-secondary:hover{background:#3e4449;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,87,34,0.3)}.btn-success{background:var(--success);color:white}.btn-success:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,0.3)}.btn-large{padding:18px 36px;font-size:16px}.drop-zone{border:3px dashed var(--border);border-radius:12px;padding:60px 20px;text-align:center;cursor:pointer;transition:all 0.3s;background:var(--background)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:rgba(76,175,80,0.05)}.drop-zone svg{color:var(--text-light);margin-bottom:20px}.drop-zone p{font-size:18px;color:var(--text);margin-bottom:10px;font-weight:500}.drop-hint{font-size:14px;color:var(--text-light)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.image-card{background:var(--surface);border-radius:12px;padding:15px;box-shadow:0 2px 8px var(--shadow);transition:all 0.3s}.image-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px var(--shadow)}.image-preview{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px;cursor:pointer}.image-info{margin-bottom:15px}.image-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-sizes{display:flex;justify-content:space-between;font-size:12px;color:var(--text-light)}.size-reduction{color:var(--success);font-weight:600}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:var(--primary);transition:width 0.3s}.image-actions{display:flex;gap:10px}.image-actions button{flex:1;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.3s}.btn-adjust{background:var(--primary);color:white}.btn-adjust:hover{background:var(--primary-dark)}.btn-download{background:var(--text);color:white}.btn-download:hover{background:#555}.download-section{text-align:center;margin-bottom:40px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-content{background:var(--surface);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:20px;color:var(--text)}.modal-close{background:none;border:none;font-size:32px;color:var(--text-light);cursor:pointer;line-height:1;transition:color 0.3s}.modal-close:hover{color:var(--text)}.modal-body{padding:30px}.preview-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.preview-item{text-align:center}.preview-item label{display:block;font-weight:600;margin-bottom:10px;color:var(--text)}.preview-item img{width:100%;height:250px;object-fit:contain;border-radius:8px;background:var(--background);margin-bottom:10px}.size-label{font-size:14px;color:var(--text-light)}.quality-control{margin-bottom:30px}.quality-control label{display:block;font-weight:600;margin-bottom:15px;color:var(--text)}#qualitySlider{width:100%;height:8px;border-radius:4px;background:var(--border);outline:none;margin-bottom:20px}#qualitySlider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer}#qualitySlider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.quality-presets{display:flex;gap:10px;justify-content:center}.preset-btn{padding:10px 20px;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.3s}.preset-btn:hover{border-color:var(--primary)}.preset-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.exif-data{background:var(--background);border-radius:8px;padding:20px;margin-top:20px}.exif-data h4{margin-bottom:15px;color:var(--text)}#exifContent{font-size:13px;color:var(--text-light);line-height:1.8}.exif-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.exif-row:last-child{border-bottom:none}.exif-label{font-weight:600;color:var(--text)}.modal-footer{padding:20px 30px;border-top:1px solid var(--border);text-align:center}.info-section{background:var(--surface);border-radius:16px;padding:60px 40px;box-shadow:0 2px 8px var(--shadow);margin-bottom:40px}.info-section-title{text-align:center;font-size:36px;color:var(--text);margin-bottom:50px;font-weight:700;position:relative;padding-bottom:20px}.info-section-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary),#2196f3);border-radius:2px}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.info-card{background:var(--background);border-radius:16px;padding:35px 30px;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid var(--border);display:flex;flex-direction:column;gap:20px}.info-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.info-card-decoration{position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;opacity:0.05;transition:all 0.4s}.info-card:hover .info-card-decoration{transform:scale(1.5);opacity:0.1}.info-card-icon{display:flex;align-items:center;justify-content:center;transition:all 0.4s}.info-card:hover .info-card-icon{transform:scale(1.1) rotate(5deg)}.info-card-content h3{font-size:22px;margin-bottom:15px;font-weight:700;line-height:1.3}.info-card-content p{font-size:15px;color:var(--text-light);line-height:1.8}.info-card-primary{border-color:#4caf50}.info-card-primary .info-card-icon{color:#4caf50}.info-card-primary .info-card-decoration{background:#4caf50}.info-card-primary:hover{border-color:#4caf50;box-shadow:0 20px 40px rgba(76,175,80,0.3)}.info-card-success{border-color:#2196f3}.info-card-success .info-card-icon{color:#2196f3}.info-card-success .info-card-decoration{background:#2196f3}.info-card-success:hover{border-color:#2196f3;box-shadow:0 20px 40px rgba(33,150,243,0.3)}.info-card-warning{border-color:#ff9800}.info-card-warning .info-card-icon{color:#ff9800}.info-card-warning .info-card-decoration{background:#ff9800}.info-card-warning:hover{border-color:#ff9800;box-shadow:0 20px 40px rgba(255,152,0,0.3)}.info-card-secure{border-color:#9c27b0}.info-card-secure .info-card-icon{color:#9c27b0}.info-card-secure .info-card-decoration{background:#9c27b0}.info-card-secure:hover{border-color:#9c27b0;box-shadow:0 20px 40px rgba(156,39,176,0.3)}@media (max-width:768px){.info-section{padding:40px 20px}.info-section-title{font-size:28px}.info-cards-grid{grid-template-columns:1fr;gap:20px}.info-card{padding:25px 20px}}.footer{background:var(--surface);padding:30px 0;text-align:center;margin-top:60px;box-shadow:0 -2px 8px var(--shadow)}.footer p{color:var(--text-light);font-size:15px;margin-bottom:10px}.privacy-note{font-size:12px;color:var(--text-light)}@media (max-width:768px){.header .container{flex-direction:column;gap:20px}.preview-comparison{grid-template-columns:1fr}.images-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}}.image-card-header{position:relative}.btn-remove{position:absolute;top:10px;right:10px;background:rgba(244,67,54,0.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;z-index:10;color:white}.btn-remove:hover{background:#d32f2f;transform:scale(1.1)}.btn-remove svg{width:20px;height:20px}.image-card{transition:all 0.3s}.new-badge{background:#ff0000;color:white;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;margin-left:8px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.tab.video-tab{position:relative}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface);box-shadow:0 -4px 12px var(--shadow);padding:20px;z-index:1000;transform:translateY(100%);transition:transform 0.3s}.cookie-banner.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-text{flex:1;min-width:300px}.cookie-text h3{font-size:18px;margin-bottom:8px;color:var(--text)}.cookie-text p{font-size:14px;color:var(--text-light)}.cookie-buttons{display:flex;gap:10px;flex-wrap:wrap}.cookie-settings{background:var(--surface);border-radius:12px;padding:30px;max-width:600px;margin:20px auto;box-shadow:0 4px 12px var(--shadow);display:none}.cookie-settings.show{display:block}.cookie-option{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.cookie-option:last-child{border-bottom:none}.cookie-option-info h4{font-size:16px;margin-bottom:5px;color:var(--text)}.cookie-option-info p{font-size:13px;color:var(--text-light)}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:0.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:0.5;cursor:not-allowed}.footer-copyright{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--text-light)}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}.footer-links a{color:var(--text-light);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:var(--primary)}.optimization-section{background:var(--surface);border-radius:16px;padding:60px 40px;margin-bottom:40px;box-shadow:0 2px 8px var(--shadow)}.optimization-section h2{text-align:center;font-size:32px;margin-bottom:50px;color:var(--text)}.optimization-steps{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:60px;flex-wrap:wrap}.step{background:var(--background);border-radius:16px;padding:30px 20px;text-align:center;flex:1;min-width:200px;max-width:280px;transition:all 0.3s;border:2px solid var(--border)}.step:hover{transform:translateY(-10px);box-shadow:0 10px 30px var(--shadow);border-color:var(--primary)}.step-icon{margin-bottom:20px;display:flex;justify-content:center}.step h3{font-size:20px;margin-bottom:15px;color:var(--text)}.step p{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:15px;font-weight:450}.step-badge{display:inline-block;background:var(--primary);color:white;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.step-badge.processing{background:#ff9800;animation:pulse 2s infinite}.step-badge.optimized{background:#2196f3}.step-arrow{display:flex;align-items:center;justify-content:center;animation:slideRight 2s infinite;color:var(--primary)}@keyframes slideRight{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}.optimization-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.benefit-card{background:var(--background);border-radius:12px;padding:30px;text-align:center;transition:all 0.3s;border:2px solid var(--border)}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px var(--shadow);border-color:var(--primary)}.benefit-icon{font-size:48px;margin-bottom:15px}.benefit-card h4{font-size:18px;margin-bottom:10px;color:var(--text)}.benefit-card p{font-size:14px;color:var(--text-light)}@media (max-width:768px){.optimization-section{padding:40px 20px}.optimization-steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.step{max-width:100%}}.video-card{border:2px solid #ff9800}.video-badge{position:absolute;top:10px;left:10px;background:rgba(255,152,0,0.95);color:white;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.5px;z-index:5}.video-preview{width:100%;height:250px;object-fit:contain;border-radius:8px;background:var(--background)}.preview-comparison .video-preview{width:100%;height:250px;object-fit:contain;border-radius:8px;background:var(--background);margin-bottom:10px}.pdf-card{border:2px solid #e53935}.pdf-badge{position:absolute;top:10px;left:10px;background:rgba(229,57,53,0.95);color:white;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.5px;z-index:5}.pdf-preview{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:8px;margin-bottom:15px}.pdf-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--background);border-radius:8px;min-height:200px}.pdf-info p{margin-top:15px;font-size:14px;color:var(--text);font-weight:500;text-align:center;word-break:break-word}.exif-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;border:3px dashed var(--border);border-radius:12px;background:var(--background);text-align:center;transition:all 0.3s}.exif-upload-area:hover{border-color:var(--primary);background:rgba(76,175,80,0.05)}.exif-upload-area svg{color:var(--text-light);margin-bottom:20px}.exif-upload-area p{font-size:16px;color:var(--text);margin-bottom:20px;font-weight:500}.exif-viewer-content{display:flex;flex-direction:column;gap:30px}.exif-image-preview{text-align:center;background:var(--background);border-radius:12px;padding:20px}.exif-image-preview img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px var(--shadow)}.exif-data-grid{display:flex;flex-direction:column;gap:25px}.exif-category{background:var(--background);border-radius:12px;padding:20px;border:2px solid var(--border);transition:all 0.3s}.exif-category:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow)}.exif-category-title{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--border)}.exif-items{display:grid;gap:12px}.exif-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.exif-item:last-child{border-bottom:none}.exif-key{font-weight:600;color:var(--text);font-size:14px}.exif-value{color:var(--text-light);font-size:14px;text-align:right;word-break:break-word;max-width:60%}.privacy-notice-box{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:40px;margin-bottom:50px;box-shadow:0 10px 40px rgba(102,126,234,0.3);display:flex;align-items:center;gap:30px;border:3px solid rgba(255,255,255,0.2);position:relative;overflow:hidden}.privacy-notice-box::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.privacy-notice-icon{font-size:80px;flex-shrink:0;animation:pulse 3s infinite;z-index:1}.privacy-notice-content{flex:1;z-index:1}.privacy-notice-content h3{color:white;font-size:26px;margin-bottom:15px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.privacy-notice-content p{color:rgba(255,255,255,0.95);font-size:16px;line-height:1.8;margin-bottom:20px;text-shadow:0 1px 3px rgba(0,0,0,0.1);font-weight:600}.privacy-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}.privacy-points span{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);padding:12px 16px;border-radius:8px;color:white;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,0.3);transition:all 0.3s}.privacy-points span:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}@media (max-width:768px){.privacy-notice-box{flex-direction:column;text-align:center;padding:30px 20px}.privacy-notice-icon{font-size:60px}.privacy-notice-content h3{font-size:22px}.privacy-notice-content p{font-size:14px}.privacy-points{grid-template-columns:1fr}}@media (max-width:768px){.exif-item{flex-direction:column;align-items:flex-start;gap:5px}.exif-value{max-width:100%;text-align:left}.exif-image-preview img{max-height:300px}}@media (max-width:768px){.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{width:100%;justify-content:center}.cookie-buttons .btn{flex:1}}.legal-modal .modal-content{max-width:800px}.legal-modal-content{max-height:85vh}.legal-modal-body{max-height:60vh;overflow-y:auto}.legal-intro{font-size:16px;color:var(--text-light);margin-bottom:30px;padding:20px;background:var(--background);border-radius:8px;border-left:4px solid var(--primary)}.legal-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}.legal-section:last-child{border-bottom:none}.legal-section h4{font-size:20px;color:var(--text);margin-bottom:15px;font-weight:700}.legal-section p{font-size:15px;color:var(--text-light);line-height:1.8}.disclaimer-section{background:rgba(244,67,54,0.05);padding:20px;border-radius:8px;border-left:4px solid #f44336}.disclaimer-section h4{color:#f44336}.disclaimer-section p{color:var(--text)}.contact-form{margin-top:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text);font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;transition:all 0.3s;background:var(--surface);color:var(--text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(76,175,80,0.1)}.form-group textarea{resize:vertical;min-height:120px}.contact-message{margin-top:20px;padding:15px 20px;border-radius:8px;font-size:14px;font-weight:500}.success-message{background:rgba(76,175,80,0.1);color:var(--success);border:2px solid var(--success)}.error-message{background:rgba(244,67,54,0.1);color:var(--error);border:2px solid var(--error)}@media (max-width:768px){.legal-modal .modal-content{max-width:95%;margin:20px}.legal-modal-body{padding:20px}.legal-section h4{font-size:18px}.legal-section p{font-size:14px}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.editor-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:10000;overflow-y:auto}.editor-modal.active{display:flex;align-items:center;justify-content:center;padding:20px}.editor-modal-content{background:white;border-radius:16px;width:100%;max-width:1600px;max-height:95vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);display:flex;flex-direction:column}.editor-modal-header{padding:20px 30px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:var(--primary);color:white}.editor-modal-header h2{margin:0;font-size:24px}.editor-modal-close{background:rgba(255,255,255,0.2);border:none;font-size:32px;cursor:pointer;color:white;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.editor-modal-close:hover{background:rgba(255,255,255,0.3)}.editor-modal-body{padding:0;flex:1;overflow:hidden}.editor-upload-area{display:flex;align-items:center;justify-content:center;min-height:500px;padding:40px}.editor-upload-box{text-align:center;padding:60px;border:3px dashed #d1d5db;border-radius:16px;background:#f9fafb;max-width:500px}.editor-upload-box svg{color:#9ca3af;margin-bottom:20px}.editor-upload-box h3{margin:0 0 10px 0;font-size:20px;color:#1f2937}.editor-upload-box p{margin:0 0 20px 0;color:#6b7280}.editor-upload-btn{padding:12px 30px;background:var(--primary-dark);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s}.editor-upload-btn:hover{background:var(--primary);transform:translateY(-2px)}.editor-work-area{display:flex;height:calc(95vh - 80px);overflow:hidden}.editor-sidebar{width:300px;background:#f9fafb;border-right:2px solid #e5e7eb;overflow-y:auto;padding:20px}.editor-section{background:white;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.editor-section h3{margin:0 0 15px 0;font-size:16px;color:#1f2937;font-weight:600}.editor-buttons{display:flex;flex-direction:column;gap:8px}.editor-btn{padding:10px 16px;background:var(--primary-dark);color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s}.editor-btn:hover{background:var(--primary)}.editor-btn:disabled{background:#9ca3af;cursor:not-allowed}.editor-sliders{display:flex;flex-direction:column;gap:15px}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-group label{font-size:14px;font-weight:600;color:#374151}.slider-group input[type="range"]{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.slider-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#4f46e5;cursor:pointer}.slider-group input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4f46e5;cursor:pointer;border:none}.editor-canvas-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-canvas-wrapper{flex:1;position:relative;background:#1f2937;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}#editorCanvas{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);cursor:crosshair}.crop-box{position:absolute;border:2px dashed white;background:rgba(255,255,255,0.1);cursor:move}.crop-handle{position:absolute;width:14px;height:14px;background:white;border:3px solid #4f46e5;border-radius:50%;z-index:10}.crop-handle:hover{background:#4f46e5;transform:scale(1.2);transition:all 0.2s}.crop-handle.nw{top:-7px;left:-7px;cursor:nw-resize}.crop-handle.ne{top:-7px;right:-7px;cursor:ne-resize}.crop-handle.sw{bottom:-7px;left:-7px;cursor:sw-resize}.crop-handle.se{bottom:-7px;right:-7px;cursor:se-resize}.crop-box{position:absolute;border:2px dashed white;background:rgba(255,255,255,0.1);cursor:move;box-shadow:0 0 0 9999px rgba(0,0,0,0.5)}.editor-actions{display:flex;gap:15px;padding:20px;background:#f9fafb;border-top:2px solid #e5e7eb}.editor-action-btn{flex:1;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s}.editor-action-btn.reset{background:#6b7280;color:white}.editor-action-btn.reset:hover{background:#4b5563}.editor-action-btn.download{background:var(--primary);color:white}.editor-action-btn.download:hover{transform:translateY(-2px)}@media (max-width:1024px){.editor-work-area{flex-direction:column}.editor-sidebar{width:100%;border-right:none;border-bottom:2px solid #e5e7eb;max-height:300px}}.minifier-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);align-items:center;justify-content:center}.minifier-modal-content{background:var(--primary);border-radius:20px;width:95%;max-width:1400px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.minifier-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px)}.minifier-modal-header h2{color:white;margin:0;font-size:24px}.minifier-modal-close{background:none;border:none;color:white;font-size:32px;cursor:pointer;transition:transform 0.2s}.minifier-modal-close:hover{transform:rotate(90deg)}.minifier-modal-body{padding:30px;background:white;overflow-y:auto;max-height:calc(90vh - 80px)}.minifier-controls{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.minifier-controls label{font-weight:600;color:#333}.minifier-controls select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;transition:border-color 0.3s}.minifier-controls select:focus{outline:none;border-color:#667eea}.minifier-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;background:#f0f0f0;color:#333}.minifier-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.minifier-btn.primary{background:var(--primary);color:white}.minifier-btn.primary:hover{box-shadow:0 5px 15px rgba(102,126,234,0.4)}.minifier-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.minifier-panel{display:flex;flex-direction:column}.minifier-panel h3{margin:0 0 10px 0;color:#333;font-size:16px}.minifier-panel textarea{flex:1;min-height:400px;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-family:'Courier New',monospace;font-size:13px;resize:vertical;transition:border-color 0.3s}.minifier-panel textarea:focus{outline:none;border-color:#667eea}.minifier-actions{display:flex;gap:10px;margin-top:10px}.minifier-stats{display:flex;justify-content:space-around;padding:20px;background:#fff;border-radius:12px;gap:20px}.stat-item{text-align:center}.stat-item span{display:block;color:#666;font-size:14px;margin-bottom:5px}.stat-item strong{display:block;color:#333;font-size:20px;font-weight:700}.stat-item strong.savings{color:#10b981}@media (max-width:768px){.minifier-editor{grid-template-columns:1fr}.minifier-panel textarea{min-height:250px}.minifier-stats{flex-direction:column;gap:15px}}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary);display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity 0.5s ease,visibility 0.5s ease}.preloader.hidden{opacity:0;visibility:hidden}.preloader-content{text-align:center}.spinner{position:relative;width:120px;height:120px;margin:0 auto 30px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:rgba(255,255,255,0.8);border-radius:50%;animation:spin 1.5s cubic-bezier(0.68,-0.55,0.265,1.55) infinite}.spinner-ring:nth-child(1){animation-delay:0s;border-top-color:rgba(255,255,255,0.9)}.spinner-ring:nth-child(2){animation-delay:0.3s;border-top-color:rgba(255,255,255,0.6);width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:0.6s;border-top-color:rgba(255,255,255,0.3);width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.preloader-text{color:white;font-size:24px;font-weight:600;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}.loading-bar{width:250px;height:4px;background:rgba(255,255,255,0.2);border-radius:10px;overflow:hidden;margin:0 auto}.loading-progress{height:100%;background:white;border-radius:10px;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0%;margin-left:0}50%{width:70%;margin-left:15%}100%{width:0%;margin-left:100%}}@media (max-width:768px){.spinner{width:80px;height:80px}.preloader-text{font-size:18px}.loading-bar{width:200px}}
.feedback-trigger{position:fixed;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:right center;background:#0f78d8;color:white;border:none;padding:12px 24px;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:-2px 2px 12px rgba(15,120,216,0.3);transition:all 0.3s ease;z-index:9998}.feedback-trigger:hover{right:20px;background:#0d6bc1;box-shadow:-2px 2px 20px rgba(15,120,216,0.5);transform:translateY(-50%) rotate(-90deg) translateX(-5px)}.feedback-trigger svg{width:20px;height:20px}.feedback-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:9999;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.feedback-modal.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.feedback-modal-content{background:white;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 20px 60px rgba(0,0,0,0.3)}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:32px;color:#999;cursor:pointer;transition:all 0.3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.feedback-close:hover{background:#f5f5f5;color:#333;transform:rotate(90deg)}.feedback-header{padding:40px 30px 20px;text-align:center;border-bottom:1px solid #f0f0f0}.feedback-header h2{margin:0 0 10px 0;color:#0f78d8;font-size:28px;font-weight:700}.feedback-header p{margin:0;color:#666;font-size:14px}.feedback-form{padding:30px}.feedback-rating{margin-bottom:30px}.feedback-rating label{display:block;margin-bottom:15px;color:#333;font-weight:600;font-size:14px}.emoji-group{display:flex;justify-content:space-between;gap:10px}.emoji-btn{flex:1;background:#f8f9fa;border:2px solid transparent;border-radius:12px;padding:15px 5px;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.emoji-btn:hover{background:#e8f4fd;transform:translateY(-3px)}.emoji-btn.selected{background:#e8f4fd;border-color:#0f78d8;transform:scale(1.05)}.emoji{font-size:32px;display:block}.emoji-label{font-size:11px;color:#666;font-weight:500}.feedback-comment{margin-bottom:20px;position:relative}.feedback-comment label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:14px}.feedback-comment textarea{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color 0.3s}.feedback-comment textarea:focus{outline:none;border-color:#0f78d8}.char-count{position:absolute;bottom:10px;right:15px;font-size:12px;color:#999}.feedback-email{margin-bottom:25px}.feedback-email label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:14px}.optional{color:#999;font-weight:400}.feedback-email input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:14px;transition:border-color 0.3s}.feedback-email input:focus{outline:none;border-color:#0f78d8}.feedback-submit{width:100%;padding:16px;background:#0f78d8;color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s ease}.feedback-submit:hover:not(:disabled){background:#0d6bc1;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,120,216,0.3)}.feedback-submit:disabled{background:#ccc;cursor:not-allowed;opacity:0.6}.feedback-success{padding:60px 30px;text-align:center}.success-icon{width:80px;height:80px;background:#0f78d8;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 20px;animation:scaleIn 0.5s cubic-bezier(0.34,1.56,0.64,1)}@keyframes scaleIn{from{transform:scale(0)}to{transform:scale(1)}}.feedback-success h3{margin:0 0 10px 0;color:#333;font-size:24px}.feedback-success p{margin:0;color:#666;font-size:14px}@media (max-width:768px){.feedback-trigger{padding:10px 20px;font-size:12px}.emoji-group{gap:5px}.emoji{font-size:24px}.emoji-label{font-size:9px}.feedback-header h2{font-size:22px}}
/*.accessibility-trigger{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#0f78d8;color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(15,120,216,0.3);transition:all 0.3s ease;z-index:9997}.accessibility-trigger:hover{background:#0d6bc1;transform:scale(1.1);box-shadow:0 6px 20px rgba(15,120,216,0.5)}.accessibility-trigger svg{width:24px;height:24px}.accessibility-panel{position:fixed;top:80px;right:20px;width:380px;max-height:80vh;background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:9996;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all 0.3s ease;overflow:hidden}.accessibility-panel.active{opacity:1;visibility:visible;transform:translateY(0)}.accessibility-header{background:#0f78d8;color:white;padding:20px;display:flex;justify-content:space-between;align-items:center}.accessibility-header h3{margin:0;font-size:18px;font-weight:600}.panel-close{background:none;border:none;color:white;font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s}.panel-close:hover{background:rgba(255,255,255,0.2)}.accessibility-content{padding:20px;max-height:calc(80vh - 70px);overflow-y:auto}.accessibility-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:12px;margin-bottom:12px;transition:background 0.3s}.accessibility-item:hover{background:#e9ecef}.item-info{display:flex;gap:12px;align-items:flex-start;flex:1}.item-info svg{flex-shrink:0;color:#0f78d8;margin-top:2px}.item-info strong{display:block;color:#333;font-size:14px;margin-bottom:4px}.item-info small{display:block;color:#666;font-size:12px;line-height:1.4}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:26px;transition:0.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:white;border-radius:50%;transition:0.3s}.toggle-switch input:checked+.toggle-slider{background:#0f78d8}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.font-size-controls{display:flex;align-items:center;gap:8px}.font-size-controls button{width:32px;height:32px;background:#0f78d8;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background 0.3s}.font-size-controls button:hover{background:#0d6bc1}#fontSizeDisplay{min-width:50px;text-align:center;font-size:13px;font-weight:600;color:#333}.info-button{background:#0f78d8;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background 0.3s;white-space:nowrap}.info-button:hover{background:#0d6bc1}.reset-button{width:100%;padding:14px;background:#dc3545;color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:10px;transition:background 0.3s}.reset-button:hover{background:#c82333}body.high-contrast{filter:contrast(1.5)}body.dark-mode{background:#1a1a1a;color:#ffffff}body.dark-mode .container{background:#2d2d2d;color:#ffffff}body.dark-mode header{background:#0f78d8}body.reduce-animations *{animation:none !important;transition:none !important}body.font-size-125{font-size:125%}body.font-size-150{font-size:150%}body.font-size-175{font-size:175%}body.font-size-200{font-size:200%}@media (max-width:768px){.accessibility-trigger{width:45px;height:45px;top:15px;right:15px}.accessibility-panel{width:calc(100% - 30px);right:15px;top:70px}.item-info small{font-size:11px}}
*/