.ImageToWebpClient-module__3tdZyW__wrapper{flex-direction:column;gap:1.5rem;max-width:960px;margin:0 auto;display:flex}.ImageToWebpClient-module__3tdZyW__dropzone{border:2px dashed var(--border-weak,#ccc);border-radius:var(--radius);text-align:center;cursor:pointer;width:100%;max-width:520px;padding:3rem 2rem;transition:background .2s,border-color .2s}.ImageToWebpClient-module__3tdZyW__dropzone p{color:var(--muted,#666);margin:0;font-size:.95rem}.ImageToWebpClient-module__3tdZyW__dropzone p span{color:var(--brand,#4ea7ff);font-weight:600}.ImageToWebpClient-module__3tdZyW__active{background:var(--panel-2,#f5f5f5);border-color:var(--brand,#4ea7ff)}.ImageToWebpClient-module__3tdZyW__hiddenInput{display:none}.ImageToWebpClient-module__3tdZyW__controls{flex-direction:column;gap:1rem;width:100%;max-width:720px;display:flex}.ImageToWebpClient-module__3tdZyW__actions{flex-wrap:wrap;gap:.5rem;display:flex}.ImageToWebpClient-module__3tdZyW__previewGrid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ImageToWebpClient-module__3tdZyW__image{border-radius:var(--radius);max-width:100%;box-shadow:var(--shadow-1)}