/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.page-image-compressor .tools-shell{max-width:1100px}.page-image-compressor .tools-hero{max-width:930px}.page-image-compressor .tools-hero h1{max-width:none}.compressor-direct-answer{border-block:1px solid var(--accent);max-width:820px;margin:0 auto 20px;padding:18px 22px}@supports (color:color-mix(in lab, red, red)){.compressor-direct-answer{border-block:1px solid color-mix(in srgb, var(--accent) 32%, transparent 68%)}}.compressor-direct-answer{color:var(--text-secondary);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.compressor-direct-answer{background:color-mix(in srgb, var(--accent) 5%, transparent 95%)}}.compressor-direct-answer{text-align:center;font-size:.95rem;line-height:1.65}.compressor-direct-answer strong{color:var(--text)}.compressor-source-facts{border:1px solid var(--text);grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:0 auto 22px;display:grid}@supports (color:color-mix(in lab, red, red)){.compressor-source-facts{border:1px solid color-mix(in srgb, var(--text) 14%, transparent 86%)}}.compressor-source-facts{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.compressor-source-facts{background:color-mix(in srgb, var(--bg) 34%, var(--surface) 66%)}}.compressor-source-facts>div{align-content:start;gap:6px;min-width:0;padding:18px;display:grid}.compressor-source-facts>div+div{border-inline-start:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.compressor-source-facts>div+div{border-inline-start:1px solid color-mix(in srgb, var(--text) 12%, transparent 88%)}}.compressor-source-facts dt,.compressor-source-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.compressor-source-facts dt{color:var(--text);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.compressor-source-facts dd{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.compressor-primary-settings{border:1px solid var(--text);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.compressor-primary-settings{border:1px solid color-mix(in srgb, var(--text) 14%, transparent 86%)}}.compressor-primary-settings{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.compressor-primary-settings{background:color-mix(in srgb, var(--bg) 34%, var(--surface) 66%)}}.compressor-quality-field,.compressor-target-fields,.compressor-png-note,.compressor-matte-field{grid-column:1/-1}.compressor-target-fields{grid-template-columns:minmax(0,1fr) minmax(132px,.35fr);align-items:start;gap:20px;display:grid}.compressor-target-fields[hidden]{display:none}.compressor-png-note{border-inline-start:2px solid var(--accent);color:var(--text-secondary);background:var(--accent);gap:4px;padding:16px 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.compressor-png-note{background:color-mix(in srgb, var(--accent) 6%, transparent 94%)}}.compressor-png-note{font-size:.76rem;line-height:1.5}.compressor-png-note[hidden]{display:none}.compressor-png-note strong{color:var(--text);font-size:.8rem}.compressor-output-summary{border:1px solid var(--accent);justify-items:center;gap:4px;margin-top:16px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.compressor-output-summary{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent 62%)}}.compressor-output-summary{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.compressor-output-summary{background:color-mix(in srgb, var(--accent) 7%, transparent 93%)}}.compressor-output-summary{text-align:center}.compressor-output-summary>span,.compressor-output-summary small{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;line-height:1.5}.compressor-output-summary strong{color:var(--text);font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(1.35rem,4vw,2rem)}.compressor-metadata-warning{border:1px solid var(--highlight);margin-top:14px;padding:18px}@supports (color:color-mix(in lab, red, red)){.compressor-metadata-warning{border:1px solid color-mix(in srgb, var(--highlight) 46%, transparent 54%)}}.compressor-metadata-warning{color:var(--text-secondary);background:var(--highlight)}@supports (color:color-mix(in lab, red, red)){.compressor-metadata-warning{background:color-mix(in srgb, var(--highlight) 5%, transparent 95%)}}.compressor-metadata-warning strong{color:var(--text);font-size:.82rem}.compressor-metadata-warning p{margin:5px 0 0;font-size:.76rem;line-height:1.55}.compressor-result-value{color:#75d59b;font-family:var(--font-display);margin:2px 0 8px;font-size:clamp(1.45rem,4vw,2.25rem);font-weight:500;display:block}.image-compressor[data-outcome=target_not_met] .compressor-result-value,.image-compressor[data-outcome=no_size_reduction] .compressor-result-value{color:var(--highlight)}:root[data-theme=light] .compressor-result-value{color:#176b38}:root[data-theme=light] .image-compressor[data-outcome=target_not_met] .compressor-result-value,:root[data-theme=light] .image-compressor[data-outcome=no_size_reduction] .compressor-result-value{color:#9b2f2f}.compressor-ready>.clean-download-primary{margin-top:18px}.compressor-no-savings-mark{width:72px;height:72px;color:var(--accent);background:var(--accent);border:1px solid;place-items:center;margin:0 auto 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.compressor-no-savings-mark{background:color-mix(in srgb, var(--accent) 8%, transparent 92%)}}.compressor-no-savings-mark svg{width:42px;height:42px}.compressor-no-savings-value{color:var(--text);font-family:var(--font-display);margin:2px 0 8px;font-size:clamp(1.35rem,4vw,2rem);font-weight:500;display:block}.compressor-no-savings .tool-actions{margin-top:20px}.compressor-receipt dd strong{color:#75d59b;font-size:.75rem;line-height:1.45}:root[data-theme=light] .compressor-receipt dd strong{color:#176b38}@media (max-width:720px){.compressor-direct-answer{text-align:left}.compressor-source-facts,.compressor-primary-settings{grid-template-columns:1fr}.compressor-source-facts>div+div{border-block-start:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.compressor-source-facts>div+div{border-block-start:1px solid color-mix(in srgb, var(--text) 12%, transparent 88%)}}.compressor-source-facts>div+div{border-inline-start:0}.compressor-primary-settings{padding:18px}.compressor-quality-field,.compressor-target-fields,.compressor-png-note,.compressor-matte-field{grid-column:auto}}@media (max-width:480px){.compressor-target-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.image-compressor .tool-view{animation:none}}