.webp-converter .webp-fields{border:0;gap:1.5rem;min-width:0;margin:0;padding:0;display:grid}.webp-converter .webp-help{color:var(--muted-foreground);margin-top:.6rem;font-size:.8rem;line-height:1.6}.webp-converter .webp-file-input{min-height:3.5rem;padding:.5rem;font-size:.875rem;overflow:hidden}.webp-converter .webp-file-input::file-selector-button{background:var(--primary);color:var(--primary-foreground);font:inherit;cursor:pointer;border:0;border-radius:.4rem;margin-right:.65rem;padding:.55rem .7rem}.webp-converter .webp-file-input::file-selector-button:hover{background:#232e48}.webp-converter .webp-file-input:disabled::file-selector-button{cursor:wait}.webp-converter .webp-quality{min-height:3rem;padding:.7rem .9rem;font-family:inherit;font-size:1rem}.webp-converter .webp-error-slot{min-height:3rem;margin-top:1rem}.webp-converter .webp-error{color:var(--destructive);font-size:.8rem;line-height:1.6}.webp-converter .webp-actions{flex-wrap:wrap;margin-top:.75rem}.webp-converter .webp-privacy{color:var(--muted-foreground);align-items:flex-start;gap:.5rem;margin-top:1.25rem;font-size:.8rem;line-height:1.6;display:flex}.webp-converter .webp-privacy svg{margin-top:.2rem}.webp-converter .webp-result h2{font-size:1.0625rem}.webp-converter .webp-status{min-height:1.6rem;color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem}.webp-converter .webp-empty{color:var(--muted-foreground);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:1rem;padding-block:1.5rem;font-size:.875rem;display:flex}.webp-converter .webp-preview{border:1px solid var(--border);background:var(--background);border-radius:.5rem;justify-content:center;align-items:center;min-height:10rem;max-height:20rem;margin-top:.75rem;padding:.75rem;display:flex;overflow:hidden}.webp-converter .webp-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:18rem;display:block}.webp-converter .webp-details{gap:.5rem;margin:1rem 0 0;font-size:.8rem;display:grid}.webp-converter .webp-details>div{flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;display:flex}.webp-converter .webp-details dt{color:var(--muted-foreground)}.webp-converter .webp-details dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.webp-converter .webp-filename{overflow-wrap:anywhere;min-width:0;color:var(--muted-foreground);margin-top:.6rem;font-size:.8rem}.webp-converter .webp-download{align-self:flex-start;margin-top:1rem}.webp-converter :disabled{cursor:wait}@media (max-width:359px){.webp-converter .webp-actions{gap:.5rem}}