.ImageOptimizerTool-module__V8tY5a__wrapper{width:100%;max-width:1220px;margin:0 auto;padding:2rem 1rem 3rem}.ImageOptimizerTool-module__V8tY5a__hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:stretch;gap:1rem;margin-bottom:1rem;display:grid}.ImageOptimizerTool-module__V8tY5a__hero h1,.ImageOptimizerTool-module__V8tY5a__hero p,.ImageOptimizerTool-module__V8tY5a__panelHeader h2,.ImageOptimizerTool-module__V8tY5a__panelHeader p,.ImageOptimizerTool-module__V8tY5a__uploadText h2,.ImageOptimizerTool-module__V8tY5a__uploadText p,.ImageOptimizerTool-module__V8tY5a__emptyText,.ImageOptimizerTool-module__V8tY5a__messageArea p,.ImageOptimizerTool-module__V8tY5a__cardBody h3,.ImageOptimizerTool-module__V8tY5a__cardBody p{margin:0}.ImageOptimizerTool-module__V8tY5a__hero h1{color:var(--heading);margin-top:.25rem;font-size:clamp(1.75rem,1.35rem + 1.35vw,2.6rem);line-height:1.08}.ImageOptimizerTool-module__V8tY5a__hero p{max-width:760px;color:var(--muted);margin-top:.7rem;line-height:1.6}.ImageOptimizerTool-module__V8tY5a__kicker,.ImageOptimizerTool-module__V8tY5a__eyebrow{color:var(--vinoOsc);letter-spacing:0;text-transform:uppercase;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex}.ImageOptimizerTool-module__V8tY5a__privacyNote,.ImageOptimizerTool-module__V8tY5a__uploadPanel,.ImageOptimizerTool-module__V8tY5a__summaryPanel,.ImageOptimizerTool-module__V8tY5a__previewPanel,.ImageOptimizerTool-module__V8tY5a__catalogPanel,.ImageOptimizerTool-module__V8tY5a__panel,.ImageOptimizerTool-module__V8tY5a__actionsPanel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px}.ImageOptimizerTool-module__V8tY5a__privacyNote{color:var(--heading);background:color-mix(in lab, var(--accent) 10%, var(--surface));padding:1rem;line-height:1.55}.ImageOptimizerTool-module__V8tY5a__privacyNote p+p{color:var(--muted);margin-top:.65rem}.ImageOptimizerTool-module__V8tY5a__uploadPanel{border-style:dashed;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.ImageOptimizerTool-module__V8tY5a__uploadText h2,.ImageOptimizerTool-module__V8tY5a__panelHeader h2{color:var(--heading);margin-top:.2rem;font-size:1.05rem;line-height:1.25}.ImageOptimizerTool-module__V8tY5a__uploadText p,.ImageOptimizerTool-module__V8tY5a__panelHeader p,.ImageOptimizerTool-module__V8tY5a__fieldHint,.ImageOptimizerTool-module__V8tY5a__emptyText{color:var(--muted);font-size:.9rem;line-height:1.45}.ImageOptimizerTool-module__V8tY5a__fieldHint{margin-top:.35rem;display:block}.ImageOptimizerTool-module__V8tY5a__fileButton{border:1px solid var(--action-bg);background:var(--action-bg);min-height:42px;color:var(--action-fg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.65rem .95rem;font-size:.92rem;font-weight:800;transition:background .16s,border-color .16s,transform 80ms;display:inline-flex;position:relative}.ImageOptimizerTool-module__V8tY5a__fileButton:hover,.ImageOptimizerTool-module__V8tY5a__primaryButton:hover{background:var(--action-bg-hover);border-color:var(--action-bg-hover)}.ImageOptimizerTool-module__V8tY5a__fileButton input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ImageOptimizerTool-module__V8tY5a__summaryPanel{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;padding:.85rem;display:grid}.ImageOptimizerTool-module__V8tY5a__summaryItem{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;min-width:0;padding:.75rem}.ImageOptimizerTool-module__V8tY5a__summaryItem span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.ImageOptimizerTool-module__V8tY5a__summaryItem strong{color:var(--heading);overflow-wrap:anywhere;margin-top:.25rem;font-size:1rem;display:block}.ImageOptimizerTool-module__V8tY5a__workspace{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start;gap:1rem;margin-top:1rem;display:grid}.ImageOptimizerTool-module__V8tY5a__leftColumn,.ImageOptimizerTool-module__V8tY5a__rightColumn{gap:1rem;min-width:0;display:grid}.ImageOptimizerTool-module__V8tY5a__previewPanel,.ImageOptimizerTool-module__V8tY5a__catalogPanel,.ImageOptimizerTool-module__V8tY5a__panel{min-width:0;padding:1rem}.ImageOptimizerTool-module__V8tY5a__panelHeader{margin-bottom:1rem}.ImageOptimizerTool-module__V8tY5a__compareGrid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.ImageOptimizerTool-module__V8tY5a__compareGrid figure{min-width:0;margin:0}.ImageOptimizerTool-module__V8tY5a__compareGrid img,.ImageOptimizerTool-module__V8tY5a__previewPlaceholder{aspect-ratio:4/3;border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(45deg,#70727114 25%,#0000 25%),linear-gradient(-45deg,#70727114 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#70727114 75%),linear-gradient(-45deg,#0000 75%,#70727114 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;width:100%}.ImageOptimizerTool-module__V8tY5a__compareGrid img{object-fit:contain;display:block}.ImageOptimizerTool-module__V8tY5a__previewPlaceholder{color:var(--muted);text-align:center;place-items:center;padding:1rem;line-height:1.45;display:grid}.ImageOptimizerTool-module__V8tY5a__compareGrid figcaption{color:var(--muted);overflow-wrap:anywhere;margin-top:.5rem;font-size:.86rem;font-weight:700}.ImageOptimizerTool-module__V8tY5a__previewDetails{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.ImageOptimizerTool-module__V8tY5a__previewDetails span,.ImageOptimizerTool-module__V8tY5a__statusBadge,.ImageOptimizerTool-module__V8tY5a__valuePill{border:1px solid var(--border);background:var(--surface-2);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.8rem;font-weight:800;display:inline-flex}.ImageOptimizerTool-module__V8tY5a__catalogGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.ImageOptimizerTool-module__V8tY5a__imageCard,.ImageOptimizerTool-module__V8tY5a__imageCardActive{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:.75rem;min-width:0;padding:.85rem;display:grid}.ImageOptimizerTool-module__V8tY5a__imageCardActive{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring)}.ImageOptimizerTool-module__V8tY5a__cardTop{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ImageOptimizerTool-module__V8tY5a__selectionLabel,.ImageOptimizerTool-module__V8tY5a__toggleLabel{color:var(--heading);cursor:pointer;align-items:center;gap:.5rem;font-size:.88rem;font-weight:800;display:inline-flex}.ImageOptimizerTool-module__V8tY5a__selectionLabel input,.ImageOptimizerTool-module__V8tY5a__toggleLabel input{width:18px;height:18px;accent-color:var(--vino)}.ImageOptimizerTool-module__V8tY5a__previewButton{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.ImageOptimizerTool-module__V8tY5a__previewButton img{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.ImageOptimizerTool-module__V8tY5a__cardBody{gap:.65rem;display:grid}.ImageOptimizerTool-module__V8tY5a__cardBody h3{color:var(--heading);overflow-wrap:anywhere;font-size:.95rem}.ImageOptimizerTool-module__V8tY5a__metaGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.ImageOptimizerTool-module__V8tY5a__metaGrid div{min-width:0}.ImageOptimizerTool-module__V8tY5a__metaGrid dt{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.ImageOptimizerTool-module__V8tY5a__metaGrid dd{color:var(--heading);overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.82rem;font-weight:800}.ImageOptimizerTool-module__V8tY5a__cardError{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--heading);border-radius:8px;padding:.55rem .65rem;font-size:.84rem;line-height:1.45}.ImageOptimizerTool-module__V8tY5a__cardActions,.ImageOptimizerTool-module__V8tY5a__panelActions,.ImageOptimizerTool-module__V8tY5a__actionsPanel{flex-wrap:wrap;gap:.55rem;display:flex}.ImageOptimizerTool-module__V8tY5a__formGroup{gap:.45rem;margin-bottom:.95rem;display:grid}.ImageOptimizerTool-module__V8tY5a__formGroup label{color:var(--heading);font-size:.9rem;font-weight:800}.ImageOptimizerTool-module__V8tY5a__formGroup input,.ImageOptimizerTool-module__V8tY5a__formGroup select{border:1px solid var(--border);background:var(--control-bg);width:100%;min-height:40px;color:var(--heading);font:inherit;border-radius:8px;outline:none;padding:.55rem .65rem;transition:border-color .16s,box-shadow .16s,background .16s}.ImageOptimizerTool-module__V8tY5a__formGroup input:focus,.ImageOptimizerTool-module__V8tY5a__formGroup select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring)}.ImageOptimizerTool-module__V8tY5a__formGroup input[type=range]{min-height:auto;accent-color:var(--vino);padding:0}.ImageOptimizerTool-module__V8tY5a__twoColumns{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ImageOptimizerTool-module__V8tY5a__toggleLabel{margin-bottom:.8rem}.ImageOptimizerTool-module__V8tY5a__primaryButton,.ImageOptimizerTool-module__V8tY5a__secondaryButton,.ImageOptimizerTool-module__V8tY5a__smallButton,.ImageOptimizerTool-module__V8tY5a__textButton{cursor:pointer;border-radius:8px;min-height:38px;padding:.52rem .75rem;font-size:.88rem;font-weight:800;transition:background .16s,border-color .16s,opacity .16s,transform 80ms}.ImageOptimizerTool-module__V8tY5a__primaryButton{border:1px solid var(--action-bg);background:var(--action-bg);color:var(--action-fg)}.ImageOptimizerTool-module__V8tY5a__secondaryButton,.ImageOptimizerTool-module__V8tY5a__smallButton,.ImageOptimizerTool-module__V8tY5a__textButton{border:1px solid var(--border);background:var(--surface);color:var(--heading)}.ImageOptimizerTool-module__V8tY5a__secondaryButton:hover,.ImageOptimizerTool-module__V8tY5a__smallButton:hover,.ImageOptimizerTool-module__V8tY5a__textButton:hover{background:var(--surface-soft)}.ImageOptimizerTool-module__V8tY5a__fileButton:active,.ImageOptimizerTool-module__V8tY5a__primaryButton:active,.ImageOptimizerTool-module__V8tY5a__secondaryButton:active,.ImageOptimizerTool-module__V8tY5a__smallButton:active,.ImageOptimizerTool-module__V8tY5a__textButton:active{transform:translateY(1px)}.ImageOptimizerTool-module__V8tY5a__actionsPanel{margin-top:1rem;padding:.85rem}.ImageOptimizerTool-module__V8tY5a__messageArea{gap:.6rem;margin-top:.85rem;display:grid}.ImageOptimizerTool-module__V8tY5a__errorMessage,.ImageOptimizerTool-module__V8tY5a__successMessage,.ImageOptimizerTool-module__V8tY5a__infoMessage{border-radius:8px;padding:.8rem .9rem;line-height:1.45}.ImageOptimizerTool-module__V8tY5a__errorMessage{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--heading)}.ImageOptimizerTool-module__V8tY5a__successMessage{border:1px solid var(--success-border);background:var(--success-soft);color:var(--heading)}.ImageOptimizerTool-module__V8tY5a__infoMessage{color:var(--heading);background:#bc955b1f;border:1px solid #bc955b59}.ImageOptimizerTool-module__V8tY5a__primaryButton:disabled,.ImageOptimizerTool-module__V8tY5a__secondaryButton:disabled,.ImageOptimizerTool-module__V8tY5a__smallButton:disabled,.ImageOptimizerTool-module__V8tY5a__textButton:disabled,.ImageOptimizerTool-module__V8tY5a__formGroup input:disabled,.ImageOptimizerTool-module__V8tY5a__formGroup select:disabled,.ImageOptimizerTool-module__V8tY5a__selectionLabel input:disabled,.ImageOptimizerTool-module__V8tY5a__toggleLabel input:disabled{cursor:not-allowed;opacity:.58}.ImageOptimizerTool-module__V8tY5a__fileButton:has(input:disabled){cursor:not-allowed;opacity:.58}@media (max-width:1040px){.ImageOptimizerTool-module__V8tY5a__hero,.ImageOptimizerTool-module__V8tY5a__workspace{grid-template-columns:1fr}.ImageOptimizerTool-module__V8tY5a__summaryPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.ImageOptimizerTool-module__V8tY5a__wrapper{padding-inline:.75rem}.ImageOptimizerTool-module__V8tY5a__uploadPanel,.ImageOptimizerTool-module__V8tY5a__compareGrid,.ImageOptimizerTool-module__V8tY5a__twoColumns,.ImageOptimizerTool-module__V8tY5a__summaryPanel{grid-template-columns:1fr}.ImageOptimizerTool-module__V8tY5a__fileButton,.ImageOptimizerTool-module__V8tY5a__primaryButton,.ImageOptimizerTool-module__V8tY5a__secondaryButton,.ImageOptimizerTool-module__V8tY5a__smallButton,.ImageOptimizerTool-module__V8tY5a__textButton{width:100%}.ImageOptimizerTool-module__V8tY5a__metaGrid{grid-template-columns:1fr}}