.tool-image-compressor,.tool-compress-image-to-20kb,.tool-compress-image-to-50kb,.tool-compress-image-to-100kb,.tool-compress-image-to-200kb{--ecs-saved: #1a7f37;--ecs-track: #d7dbe0;--ecs-panel: #f6f7f9;--ecs-line: #d7dbe0}html[data-theme="dark"] .tool-image-compressor,html[data-theme="dark"] .tool-compress-image-to-20kb,html[data-theme="dark"] .tool-compress-image-to-50kb,html[data-theme="dark"] .tool-compress-image-to-100kb,html[data-theme="dark"] .tool-compress-image-to-200kb{--ecs-saved: #4ac26b;--ecs-track: #3a4149;--ecs-panel: #1d2127;--ecs-line: #3a4149}[class*="tool-compress-image"] .level-row,.tool-image-compressor .level-row{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin: 12px 0}[class*="tool-compress-image"] .level-value,.tool-image-compressor .level-value{font-size: 2.25rem;font-weight: 700;line-height: 1;min-width: 4.5ch;font-variant-numeric: tabular-nums}[class*="tool-compress-image"] input[type="range"],.tool-image-compressor input[type="range"]{flex: 1 1 180px;min-width: 140px;accent-color: var(--ecs-saved);background: var(--ecs-track);border-radius: 999px;height: 6px}[class*="tool-compress-image"] .preset-row,.tool-image-compressor .preset-row{display: flex;flex-wrap: wrap;gap: 8px}[class*="tool-compress-image"] .preset-row .btn.is-active,.tool-image-compressor .preset-row .btn.is-active{outline: 2px solid var(--ecs-saved);outline-offset: 1px}[class*="tool-compress-image"] .result-thumb,.tool-image-compressor .result-thumb{width: 48px;height: 48px;object-fit: cover;border-radius: 6px;border: 1px solid var(--ecs-line);flex: 0 0 auto}[class*="tool-compress-image"] .result-note.is-saved,.tool-image-compressor .result-note.is-saved{color: var(--ecs-saved);font-weight: 600}[class*="tool-compress-image"] .result-note.is-neutral,.tool-image-compressor .result-note.is-neutral{opacity: 0.75}[class*="tool-compress-image"] .file-row,.tool-image-compressor .file-row{flex-wrap: wrap;row-gap: 6px}@media (max-width: 420px){[class*="tool-compress-image"] .level-value,.tool-image-compressor .level-value{font-size: 1.75rem}[class*="tool-compress-image"] .result-note,.tool-image-compressor .result-note{flex-basis: 100%}}