.webp-widget[data-astro-cid-vycqixuy]{max-width:800px;margin:0 auto}.fmt-selector[data-astro-cid-vycqixuy]{display:flex;align-items:center;gap:1rem;margin-bottom:var(--space-6);flex-wrap:wrap}.fmt-selector__label[data-astro-cid-vycqixuy]{font-weight:600;color:var(--color-gray-700);white-space:nowrap}.fmt-tabs[data-astro-cid-vycqixuy]{display:flex;border-radius:8px;overflow:hidden;border:2px solid var(--color-gray-200, #e5e7eb);gap:0}.fmt-tab[data-astro-cid-vycqixuy]{padding:10px 24px;border:none;background:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--color-gray-600);letter-spacing:.02em}.fmt-tab[data-astro-cid-vycqixuy]:not(:last-child){border-right:1px solid var(--color-gray-200, #e5e7eb)}.fmt-tab[data-astro-cid-vycqixuy].active{background:#ff6f00;color:#fff}.fmt-tab[data-astro-cid-vycqixuy]:not(.active):hover{background:var(--color-gray-50, #f9fafb)}.fmt-png-note[data-astro-cid-vycqixuy]{font-size:.85rem;color:var(--color-gray-500);margin-top:.5rem;margin-bottom:0}.webp-dropzone[data-astro-cid-vycqixuy]{border:2px dashed var(--color-gray-300);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:var(--space-6)}.webp-dropzone[data-astro-cid-vycqixuy]:hover,.webp-dropzone--active[data-astro-cid-vycqixuy]{border-color:#ff6f00;background:#ff6f000a}.webp-dropzone__text[data-astro-cid-vycqixuy]{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-2)}.webp-dropzone__browse[data-astro-cid-vycqixuy]{color:#ff6f00;font-weight:600;cursor:pointer;text-decoration:underline}.webp-dropzone__formats[data-astro-cid-vycqixuy]{font-size:var(--font-size-sm);color:var(--color-gray-400)}.webp-controls[data-astro-cid-vycqixuy]{margin-bottom:var(--space-6)}.webp-controls[data-astro-cid-vycqixuy] label[data-astro-cid-vycqixuy]{display:block;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-2)}.webp-controls[data-astro-cid-vycqixuy] input[data-astro-cid-vycqixuy][type=range]{width:100%;accent-color:#ff6f00}.webp-results__header[data-astro-cid-vycqixuy]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:8px}.webp-results__title[data-astro-cid-vycqixuy]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-secondary)}.webp-results__summary[data-astro-cid-vycqixuy]{font-size:var(--font-size-sm);color:var(--color-gray-500)}.webp-results__list[data-astro-cid-vycqixuy]{display:flex;flex-direction:column;gap:12px}.webp-results__footer[data-astro-cid-vycqixuy]{display:flex;gap:12px;margin-top:var(--space-6);justify-content:center}.webp-download-all[data-astro-cid-vycqixuy]{padding:12px 32px;background:#ff6f00;color:#fff;border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:700;font-family:var(--font-family-base);cursor:pointer;transition:all .2s ease}.webp-download-all[data-astro-cid-vycqixuy]:hover{background:#e65100;transform:translateY(-1px)}.webp-clear-all[data-astro-cid-vycqixuy]{padding:12px 24px;background:var(--color-gray-100);color:var(--color-gray-600);border:1px solid var(--color-gray-200);border-radius:8px;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family-base);cursor:pointer;transition:all .2s ease}.webp-clear-all[data-astro-cid-vycqixuy]:hover{background:var(--color-gray-200)}.webp-item[data-astro-cid-vycqixuy]{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding:14px 18px;background:var(--color-white);border-radius:10px;border:1px solid var(--color-gray-200);transition:all .2s ease}.webp-item[data-astro-cid-vycqixuy]:hover{border-color:#ff6f0040;box-shadow:0 2px 12px #0000000d}.webp-item__thumb[data-astro-cid-vycqixuy]{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--color-gray-100)}.webp-item__info[data-astro-cid-vycqixuy]{min-width:0}.webp-item__name[data-astro-cid-vycqixuy]{font-weight:600;font-size:var(--font-size-sm);color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.webp-item__details[data-astro-cid-vycqixuy]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.webp-item__badge[data-astro-cid-vycqixuy]{font-size:10px;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-100);padding:1px 7px;border-radius:999px}.webp-item__badge--fmt[data-astro-cid-vycqixuy]{color:#ff6f00;background:#ff6f0014}.webp-item__badge--warn[data-astro-cid-vycqixuy]{color:#b45309;background:#fbbf2426}.webp-item__sizes[data-astro-cid-vycqixuy]{font-size:11px;color:var(--color-gray-500)}.webp-item__sizes[data-astro-cid-vycqixuy] s[data-astro-cid-vycqixuy]{color:var(--color-gray-400)}.webp-item__sizes[data-astro-cid-vycqixuy] strong[data-astro-cid-vycqixuy]{color:var(--color-secondary)}.webp-item__bar-track[data-astro-cid-vycqixuy]{height:3px;background:var(--color-gray-100);border-radius:2px;overflow:hidden}.webp-item__bar-fill[data-astro-cid-vycqixuy]{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:2px}.webp-item__actions[data-astro-cid-vycqixuy]{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}.webp-item__pct[data-astro-cid-vycqixuy]{font-size:1.1rem;font-weight:800;color:var(--color-gray-400);line-height:1;white-space:nowrap}.webp-item__pct--green[data-astro-cid-vycqixuy]{color:#16a34a}.webp-item__btn[data-astro-cid-vycqixuy]{padding:6px 14px;background:#ff6f00;color:#fff;border-radius:4px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease;line-height:1.2}.webp-item__btn[data-astro-cid-vycqixuy]:hover{background:#e65100;color:#fff}@media(max-width:600px){.webp-item[data-astro-cid-vycqixuy]{grid-template-columns:48px 1fr;gap:12px}.webp-item__thumb[data-astro-cid-vycqixuy]{width:48px;height:48px}.webp-item__actions[data-astro-cid-vycqixuy]{grid-column:1 / -1;justify-content:space-between}.fmt-selector[data-astro-cid-vycqixuy]{flex-direction:column;align-items:flex-start}}