.yevhenry-image-optimization{background:var(--color-yellow-light);border:1px solid var(--color-grey-light);border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:var(--spacing-xxxl) auto;max-width:var(--content-width);padding:var(--spacing-xxl)}.yevhenry-image-optimization .block-header{margin-bottom:var(--spacing-xxl);text-align:center}.yevhenry-image-optimization .block-header .block-title{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-xxl);font-weight:600;line-height:1.3;margin:0}.yevhenry-image-optimization .upload-settings-row{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}@media(max-width:1199px){.yevhenry-image-optimization .upload-settings-row{flex-direction:column;gap:var(--spacing-xl)}.yevhenry-image-optimization .upload-settings-row .optimization-settings{margin-top:var(--spacing-md);max-width:100%;width:100%}}.yevhenry-image-optimization .upload-settings-row .upload-section{flex:2 1 0;min-width:0}@media(max-width:1199px){.yevhenry-image-optimization .upload-settings-row .upload-section{min-width:100%}}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone{align-items:stretch;background:var(--color-white);border:2px dashed var(--color-grey-light);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--spacing-xxl);min-height:320px;padding:var(--spacing-xxl) var(--spacing-xxl);position:relative;text-align:center;transition:var(--transition-normal)}@media(max-width:767px){.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone{flex-direction:column}}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid{display:flex;flex:1;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item{align-items:center;background:var(--color-white);border:1px solid var(--color-primary);border-radius:8px;display:flex;gap:var(--spacing-xs);max-width:100%;padding:var(--spacing-xs)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item.image-error .image-info .image-name{display:block;font-size:var(--font-size-xs);overflow:unset;text-overflow:unset;white-space:unset}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .image-preview{border-radius:6px;flex-shrink:0;height:30px;overflow:hidden;position:relative;width:30px}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .image-preview img{height:100%;object-fit:cover;width:100%}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .image-info{flex:1;min-width:0}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .image-info .image-name{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xxs);max-width:150px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .image-info .image-size{color:var(--color-grey-dark);font-size:var(--font-size-xs);margin:0;text-align:left}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .remove-image{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:32px;justify-content:center;line-height:1;min-width:auto;width:32px}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .images-grid .image-item .remove-image:hover{background:var(--color-primary-dark)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.drag-over,.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone:hover{background:var(--color-yellow-light);border-color:var(--color-primary);transform:translateY(-2px)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.has-images .upload-content{align-self:flex-start;margin:0;max-width:300px}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.has-images .upload-content .upload-text{text-align:left}@media(max-width:767px){.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.has-images .upload-content .upload-text{text-align:center}}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.has-images .upload-content .upload-info{text-align:left}@media(max-width:767px){.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.has-images .upload-content .upload-info{text-align:center}}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone.has-images .upload-content .upload-actions{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:flex-start;margin-top:var(--spacing-sm)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;min-width:300px}@media(max-width:767px){.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content{align-items:center;min-width:auto}}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content .upload-icon{margin-bottom:var(--spacing-md)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content .upload-icon svg{color:var(--color-grey-dark);transition:var(--transition-normal)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content .upload-text{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content .upload-info{color:var(--color-grey-dark);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone .upload-content .upload-formats{color:var(--color-grey-dark);font-size:var(--font-size-xms);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-md)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-zone:hover .upload-icon svg{color:var(--color-primary)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-progress{margin-top:var(--spacing-md)}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-progress .progress-bar{background:var(--color-grey-light);border-radius:4px;height:8px;margin-bottom:var(--spacing-xs);overflow:hidden;width:100%}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-progress .progress-bar .progress-fill{background:var(--gradient-primary);height:100%;transition:var(--transition-normal);width:0}.yevhenry-image-optimization .upload-settings-row .upload-section .upload-progress .progress-text{color:var(--color-grey-dark);font-size:var(--font-size-xms);text-align:center}.yevhenry-image-optimization .upload-settings-row .optimization-settings{flex:1 1 320px;margin-top:0;max-width:400px;min-width:260px}.yevhenry-image-optimization .upload-settings-row .optimization-settings h4{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md)}.yevhenry-image-optimization .upload-settings-row .optimization-settings .settings-list{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.yevhenry-image-optimization .upload-settings-row .optimization-settings .settings-list .setting-item{color:var(--color-success);font-size:var(--font-size-xms)}.yevhenry-image-optimization .upload-settings-row .optimize-button-container{align-items:center;display:flex;justify-content:center;margin-top:var(--spacing-xxl);transition:all .3s ease;width:100%}.yevhenry-image-optimization .upload-settings-row .optimize-button-container .optimize-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media(max-width:767px){.yevhenry-image-optimization .upload-settings-row .optimize-button-container.fixed-mobile{background:var(--color-white);border-top:1px solid var(--color-grey-light);bottom:0;box-shadow:0 -4px 20px #00000026;left:0;margin:0;padding:var(--spacing-md);position:fixed;right:0;z-index:100}}.yevhenry-image-optimization .uploaded-images{margin-bottom:var(--spacing-xxl)}.yevhenry-image-optimization .uploaded-images h4{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.yevhenry-image-optimization .optimization-progress{padding:var(--spacing-xxl);text-align:center}.yevhenry-image-optimization .optimization-progress h4{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xxl)}.yevhenry-image-optimization .optimization-progress .progress-container{margin-bottom:var(--spacing-xl)}.yevhenry-image-optimization .optimization-progress .progress-container .progress-bar{background:var(--color-grey-light);border-radius:6px;height:12px;margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.yevhenry-image-optimization .optimization-progress .progress-container .progress-bar .progress-fill{background:var(--gradient-primary);height:100%;transition:var(--transition-slow);width:0}.yevhenry-image-optimization .optimization-progress .progress-container .progress-text{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-sm);font-weight:600}.yevhenry-image-optimization .optimization-progress .current-image{color:var(--color-grey-dark);font-size:var(--font-size-xms)}.yevhenry-image-optimization .optimization-progress .current-image .current-filename{color:var(--color-dark);font-weight:500}.yevhenry-image-optimization .results-section h4{color:var(--color-dark);font-family:var(--font-family-sans-serif);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.yevhenry-image-optimization .results-section .analytics-dashboard{background:var(--gradient-primary);border-radius:12px;color:var(--color-white);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xxl)}.yevhenry-image-optimization .results-section .analytics-dashboard .savings-summary{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.yevhenry-image-optimization .results-section .analytics-dashboard .savings-summary .stat-item{text-align:center}.yevhenry-image-optimization .results-section .analytics-dashboard .savings-summary .stat-item .stat-label{display:block;font-size:var(--font-size-xms);margin-bottom:var(--spacing-xs);opacity:.9}.yevhenry-image-optimization .results-section .analytics-dashboard .savings-summary .stat-item .stat-value{display:block;font-family:var(--font-family-sans-serif);font-size:var(--font-size-xl);font-weight:700}.yevhenry-image-optimization .results-section .images-results-grid{display:grid;gap:2rem;margin-bottom:2rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item .result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item .result-header h5{color:#2d3748;font-size:1rem;margin:0}.yevhenry-image-optimization .results-section .images-results-grid .result-item .result-header .savings-badge{background:#c6f6d5;border-radius:20px;color:#22543d;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container{margin-bottom:1.5rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider{aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-after,.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-before{height:100%;left:0;position:absolute;top:0;width:100%}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-after img,.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-before img{height:100%;object-fit:cover;width:100%}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-after .image-label,.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-before .image-label{background:#000000b3;border-radius:4px;color:#fff;font-size:.75rem;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .image-after{clip-path:inset(0 50% 0 0);transition:clip-path .1s ease}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .comparison-range{-webkit-appearance:none;background:#ffffff4d;border-radius:2px;bottom:1rem;height:4px;left:50%;outline:none;position:absolute;transform:translateX(-50%);width:80%}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .comparison-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.yevhenry-image-optimization .results-section .images-results-grid .result-item .comparison-container .comparison-slider .comparison-range::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.yevhenry-image-optimization .results-section .images-results-grid .result-item .simple-comparison{border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.yevhenry-image-optimization .results-section .images-results-grid .result-item .simple-comparison img{display:block;height:auto;width:100%}.yevhenry-image-optimization .results-section .images-results-grid .result-item .result-actions{display:flex;flex-wrap:wrap;gap:.75rem}.yevhenry-image-optimization .results-section .images-results-grid .result-item .result-actions .download-btn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease}.yevhenry-image-optimization .results-section .images-results-grid .result-item .result-actions .download-btn:hover{background:#3182ce}.yevhenry-image-optimization .results-section .download-section{text-align:center}.yevhenry-image-optimization .results-section .download-section .download-all-button{background:var(--color-secondary);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-family:var(--font-family-sans-serif);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-md) var(--spacing-xxl);transition:var(--transition-normal)}.yevhenry-image-optimization .results-section .download-section .download-all-button:hover{background:var(--color-additional)}.yevhenry-image-optimization .error-messages{padding:var(--spacing-xxl);text-align:center}.yevhenry-image-optimization .error-messages .error-content{background:var(--color-yellow-light);border:1px solid var(--color-error);border-radius:8px;margin:0 auto;max-width:400px;padding:var(--spacing-xxl)}.yevhenry-image-optimization .error-messages .error-content h4{color:var(--color-error);font-family:var(--font-family-sans-serif);margin-bottom:var(--spacing-md)}.yevhenry-image-optimization .error-messages .error-content .error-text{color:var(--color-dark);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xl)}.yevhenry-image-optimization .error-messages .error-content .retry-button{background:var(--color-error);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;font-family:var(--font-family-sans-serif);font-weight:500;padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-normal)}.yevhenry-image-optimization .error-messages .error-content .retry-button:hover{background:var(--color-primary-dark)}@media(max-width:767px){.yevhenry-image-optimization{padding:var(--spacing-md)}.yevhenry-image-optimization .uploaded-images .images-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.yevhenry-image-optimization .results-section .analytics-dashboard .savings-summary{gap:var(--spacing-md);grid-template-columns:1fr}.yevhenry-image-optimization .result-item .result-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.yevhenry-image-optimization .result-actions{justify-content:center}}.yevhenry-image-optimization .checkbox{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-xs)}.yevhenry-image-optimization .checkbox label{align-items:center;color:var(--color-dark);cursor:pointer;display:flex;gap:var(--spacing-xxs);margin-bottom:0}.yevhenry-image-optimization .checkbox label .tooltip-icon{align-items:flex-start;color:var(--color-grey-dark);cursor:help;display:inline-flex;font-size:10px;height:100%;position:relative;transform:translateY(-5px);-webkit-user-select:none;user-select:none}.yevhenry-image-optimization .checkbox label .tooltip-icon:after{background:var(--color-dark);border-radius:4px;bottom:100%;color:var(--color-white);content:attr(data-tooltip);font-size:var(--font-size-xxs);left:50%;line-height:1.3;margin-bottom:var(--spacing-xxs);opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;width:200px;z-index:1000}.yevhenry-image-optimization .checkbox label .tooltip-icon:before{border:4px solid #0000;border-top:4px solid var(--color-dark);bottom:calc(100% - 2px);content:"";left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:1000}.yevhenry-image-optimization .checkbox label .tooltip-icon.tooltip-active:after,.yevhenry-image-optimization .checkbox label .tooltip-icon.tooltip-active:before,.yevhenry-image-optimization .checkbox label .tooltip-icon:hover:after,.yevhenry-image-optimization .checkbox label .tooltip-icon:hover:before{opacity:1}.yevhenry-image-optimization .checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--color-yellow-light);border:1px solid var(--color-primary-light);border-radius:4px;cursor:pointer;height:20px;margin:0;min-width:20px;position:relative;width:20px}.yevhenry-image-optimization .checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.yevhenry-image-optimization .checkbox input[type=checkbox]:checked:after{border:solid var(--color-yellow-light);border-width:0 2px 2px 0;content:"";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.yevhenry-image-optimization .checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px #fff3e04d;outline:none;transition:box-shadow .2s ease}.yevhenry-image-optimization .number{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.yevhenry-image-optimization .number label{color:var(--color-dark);font-size:var(--font-size-xs);margin-bottom:0}.yevhenry-image-optimization .number input[type=number]{color:var(--color-dark);margin-left:0!important;min-width:150px}.yevhenry-image-optimization .number input[type=number]::placeholder{color:var(--color-grey-dark)}.yevhenry-image-optimization .number input[type=number]:disabled{background:var(--color-grey-light);border-color:var(--color-grey);color:var(--color-grey-dark);cursor:not-allowed;opacity:.7}.yevhenry-image-optimization .number input[type=number]:disabled::placeholder{color:var(--color-grey-dark);font-style:italic}