@keyframes lt3u20{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lt3u21{to{transform:rotate(360deg)}}.lt3u22{background-color:var(--_5wd1mid);color:var(--_5wd1mi5);min-height:100svh;display:grid}.lt3u23{min-width:0}.lt3u24{isolation:isolate;outline:none;min-width:0;position:relative;overflow:clip}.lt3u25{opacity:.65;pointer-events:none;z-index:-1;background-image:url(/assets/image-optimize-expressive.svg);background-position:top;background-repeat:repeat-y;background-size:100%;position:absolute;inset:0}.lt3u26{box-sizing:border-box;gap:var(--_5wd1miu);min-width:0;max-width:1280px;padding:1.5rem clamp(8px, 3.5vw, 3rem) var(--_5wd1mit);width:100%;margin-inline:auto;display:grid}.lt3u27{animation:lt3u20 var(--_5wd1mik) var(--_5wd1mij) both;gap:.75rem;display:grid}.lt3u28{color:var(--_5wd1mi9);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:750;line-height:1.15}.lt3u29{color:var(--_5wd1mi6);max-width:48rem;margin:0;line-height:1.65}.lt3u2a{background-color:var(--_5wd1mie);border:1px solid var(--_5wd1mi8);border-radius:var(--_5wd1mil);min-width:0;padding:clamp(.75rem,2vw,1.5rem);container:image-optimize/inline-size}.lt3u2b{grid-template-columns:minmax(0,1fr);grid-template-areas:"source""settings""output""metrics";gap:1.5rem;display:grid}.lt3u2c{align-content:start;gap:.75rem;min-width:0;display:grid;container:optimize-preview/inline-size}.lt3u2d{grid-area:source}.lt3u2e{grid-area:output}.lt3u2f{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:48px;display:grid}.lt3u2g{color:var(--_5wd1mi5);font-size:var(--_5wd1mi10);overflow-wrap:anywhere;min-width:0;margin:0;font-weight:700;line-height:1.3}.lt3u2h{background-color:var(--_5wd1mif);border:1px solid var(--_5wd1mi8);border-radius:var(--_5wd1mim);color:var(--_5wd1mi5);cursor:pointer;font:inherit;font-size:var(--_5wd1miz);min-height:48px;transition:background-color var(--_5wd1mii) var(--_5wd1mij), border-color var(--_5wd1mii) var(--_5wd1mij);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:650;display:inline-flex}.lt3u2h:disabled{cursor:not-allowed;opacity:.55}.lt3u2h:focus-visible{outline:3px solid var(--_5wd1mi9);outline-offset:3px}.lt3u2h:hover:not(:disabled){background-color:var(--_5wd1mia);border-color:var(--_5wd1mi9);color:var(--_5wd1mi3)}.lt3u2i{flex-shrink:0;width:48px;padding:0}.lt3u2j{white-space:nowrap;display:none}.lt3u2k{flex-shrink:0;width:1em;height:1em}.lt3u2l{background-color:var(--_5wd1mif);border:2px solid var(--_5wd1mi8);border-radius:var(--_5wd1min);box-sizing:border-box;block-size:clamp(12rem,24vw,22rem);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;padding:.75rem;display:grid;position:relative;overflow:hidden}.lt3u2m{cursor:pointer;transition:background-color var(--_5wd1mii) var(--_5wd1mij), border-color var(--_5wd1mii) var(--_5wd1mij);border-style:dashed;border-width:2px;padding:.75rem}.lt3u2m:focus-within{outline:3px solid var(--_5wd1mi9);outline-offset:3px;border-color:var(--_5wd1mi9)}.lt3u2m:hover,.lt3u2n{background-color:var(--_5wd1mia);border-color:var(--_5wd1mi9)}.lt3u2o{cursor:pointer;opacity:0;z-index:1;width:100%;height:100%;position:absolute;inset:0}.lt3u2p{block-size:100%;min-block-size:0;grid-template-rows:minmax(0,1fr);min-width:0;display:grid}.lt3u2q{border-radius:var(--_5wd1mio);block-size:100%;min-block-size:0;inline-size:100%;object-fit:contain;min-width:0;display:block}.lt3u2r{overflow-wrap:anywhere;pointer-events:none;text-align:center;align-content:center;justify-items:center;gap:.75rem;min-width:0;padding:.5rem;display:grid}.lt3u2s{background-color:var(--_5wd1mia);border-radius:var(--_5wd1mio);color:var(--_5wd1mi3);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.lt3u2t{font-size:var(--_5wd1miw);margin:0;font-weight:650}.lt3u2u{color:var(--_5wd1mi6);overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.6}.lt3u2v{block-size:calc(4.5em + .25rem);color:var(--_5wd1mi6);font-size:var(--_5wd1miz);grid-template-rows:minmax(0,auto) 1.5em;align-content:center;gap:.25rem;min-width:0;line-height:1.5;display:grid}.lt3u2w{min-block-size:0;max-block-size:3em;overflow-wrap:anywhere;scrollbar-width:thin;min-width:0;overflow:hidden auto}.lt3u2w:focus-visible{outline:3px solid var(--_5wd1mi9);outline-offset:3px}.lt3u2x{white-space:nowrap}.lt3u2y{block-size:calc(4.5em + .25rem);color:var(--_5wd1mi6);font-size:var(--_5wd1miz);overflow-wrap:anywhere;grid-template-rows:repeat(3,1.5em);align-content:center;min-width:0;line-height:1.5;display:grid}.lt3u2z{place-items:center;min-width:0;height:100%;padding:1rem;display:grid;position:relative;overflow:hidden}.lt3u210{filter:blur(2rem);object-fit:cover;opacity:.35;block-size:100%;inline-size:100%;position:absolute;inset:0}.lt3u211{background-color:var(--_5wd1mia);border-radius:var(--_5wd1mim);color:var(--_5wd1mi3);font-size:var(--_5wd1miz);overflow-wrap:anywhere;align-items:center;gap:.75rem;max-width:100%;padding:.875rem;display:flex;position:relative}.lt3u212{border:2px solid var(--_5wd1mi8);border-radius:var(--_5wd1mim);border-top-color:var(--_5wd1mi9);flex-shrink:0;width:1rem;height:1rem;animation:.9s linear infinite lt3u21}.lt3u213{border-block-start:1px solid var(--_5wd1mi8);grid-area:settings;gap:1rem;min-width:0;padding-block-start:1.5rem;display:grid}.lt3u214{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));grid-auto-rows:1fr;gap:.75rem;display:grid}.lt3u215{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5rem),1fr));grid-auto-rows:1fr;gap:.75rem;min-width:0;display:grid}.lt3u216{border:0;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.lt3u217{overflow-wrap:anywhere;min-width:0}.lt3u218{background-color:var(--_5wd1mia);border-color:var(--_5wd1mi9);color:var(--_5wd1mi3)}.lt3u219{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1rem;display:grid}.lt3u21a{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem;min-width:0;display:grid}.lt3u21b{gap:.5rem;min-width:0;display:grid}.lt3u21c{color:var(--_5wd1mi5);font-size:var(--_5wd1miz);font-weight:650;line-height:1.5}.lt3u21d{background-color:var(--_5wd1mif);border:1px solid var(--_5wd1mi8);border-radius:var(--_5wd1mio);box-sizing:border-box;color:var(--_5wd1mi5);font:inherit;font-size:var(--_5wd1miz);width:100%;min-width:0;height:48px;padding:.75rem}.lt3u21d:focus-visible{outline:3px solid var(--_5wd1mi9);outline-offset:3px}.lt3u21e{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:center;gap:1rem 2rem;display:grid}.lt3u21f{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lt3u21g{accent-color:var(--_5wd1mi9);width:100%;height:32px;margin:.5rem 0 0;display:block}.lt3u21h{color:var(--_5wd1mi6);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--_5wd1miz)}.lt3u21i{flex-wrap:wrap;justify-content:end;gap:.75rem;min-width:0;display:flex}.lt3u21j{background-color:var(--_5wd1mi9);border-color:var(--_5wd1mi9);color:var(--_5wd1mi2);min-width:0;max-width:100%}.lt3u21j:hover:not(:disabled){background-color:var(--_5wd1mib);border-color:var(--_5wd1mib);color:var(--_5wd1mi2)}.lt3u21k{min-width:0;display:grid}.lt3u21l{overflow-wrap:anywhere;grid-area:1/1}.lt3u21m{visibility:hidden}.lt3u21n{background-color:var(--_5wd1mi0);border-radius:var(--_5wd1mio);color:var(--_5wd1mi1);overflow-wrap:anywhere;align-items:start;gap:.75rem;padding:1rem;line-height:1.6;display:flex}.lt3u21o{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.2rem}.lt3u21p{grid-area:metrics;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:1rem;margin:0;display:grid}.lt3u21q{border-block-start:1px solid var(--_5wd1mi8);box-sizing:border-box;block-size:4.5rem;grid-template-rows:auto minmax(0,1fr);gap:.25rem;min-width:0;padding-block-start:.75rem;display:grid}.lt3u21r{color:var(--_5wd1mi6);font-size:.75rem;line-height:1.5}.lt3u21s{color:var(--_5wd1mi5);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--_5wd1miz);overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.5}.lt3u21t{border-block-start:1px solid var(--_5wd1mi8);gap:1rem;padding-block-start:1.5rem;display:grid}@media (width>=1000px){.lt3u22{grid-template-columns:232px minmax(0,1fr)}}@media (width<=599px){.lt3u25{opacity:.28}}@media (prefers-reduced-motion:reduce){.lt3u27,.lt3u212{animation:none}}@container image-optimize (width>=37.5rem){.lt3u2b{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"source output""settings settings""metrics metrics"}}@container optimize-preview (width>=24rem){.lt3u2i{width:auto;padding-inline:1rem}.lt3u2j{display:inline}}.ijuo7pu9y{fill:currentColor;d:path("m295.4 37l14.8 36.8L347 88.6c3 1.2 5 4.2 5 7.4s-2 6.2-5 7.4l-36.8 14.8l-14.8 36.8c-1.2 3-4.2 5-7.4 5s-6.2-2-7.4-5l-14.8-36.8l-36.8-14.8c-3-1.2-5-4.2-5-7.4s2-6.2 5-7.4l36.8-14.8L280.6 37c1.2-3 4.2-5 7.4-5s6.2 2 7.4 5m-152.7 68.7l21.5 50.1l50.1 21.5c5.9 2.5 9.7 8.3 9.7 14.7s-3.8 12.2-9.7 14.7l-50.1 21.5l-21.5 50.1c-2.5 5.9-8.3 9.7-14.7 9.7s-12.2-3.8-14.7-9.7l-21.5-50.1l-50.1-21.5c-5.9-2.5-9.7-8.3-9.7-14.7s3.8-12.2 9.7-14.7l50.1-21.5l21.5-50.1c2.5-5.9 8.3-9.7 14.7-9.7s12.2 3.8 14.7 9.7M496 368c6.4 0 12.2 3.8 14.7 9.7l21.5 50.1l50.1 21.5c5.9 2.5 9.7 8.3 9.7 14.7s-3.8 12.2-9.7 14.7l-50.1 21.5l-21.5 50.1c-2.5 5.9-8.3 9.7-14.7 9.7s-12.2-3.8-14.7-9.7l-21.5-50.1l-50.1-21.5c-5.9-2.5-9.7-8.3-9.7-14.7s3.8-12.2 9.7-14.7l50.1-21.5l21.5-50.1c2.5-5.9 8.3-9.7 14.7-9.7m-4-304c11 0 21.6 4.4 29.5 12.2l42.3 42.3c7.8 7.9 12.2 18.5 12.2 29.5s-4.4 21.6-12.2 29.5l-88.2 88.2l-101.3-101.3l88.2-88.2C470.4 68.4 481 64 492 64M76.2 462.5l264.2-264.2l101.3 101.3l-264.2 264.2C169.6 571.6 159 576 148 576s-21.6-4.4-29.5-12.2l-42.3-42.3C68.4 513.6 64 503 64 492s4.4-21.6 12.2-29.5")}