.upload-zone[data-astro-cid-vilpxful]{border:3px dashed var(--border-color);border-radius:16px;padding:50px 30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-zone[data-astro-cid-vilpxful]:hover,.upload-zone[data-astro-cid-vilpxful].dragover{border-color:var(--primary);background:#eef2ff}.upload-zone[data-astro-cid-vilpxful] .icon[data-astro-cid-vilpxful]{width:64px;height:64px;margin:0 auto 20px;color:var(--primary);opacity:.7}.upload-zone[data-astro-cid-vilpxful] h3[data-astro-cid-vilpxful]{font-size:1.2rem;margin-bottom:8px;color:var(--text-main)}.upload-zone[data-astro-cid-vilpxful] p[data-astro-cid-vilpxful]{color:var(--text-muted);font-size:.95rem}.upload-zone[data-astro-cid-vilpxful] input[data-astro-cid-vilpxful][type=file]{display:none}.quality-slider[data-astro-cid-vilpxful]{margin-top:25px}.quality-slider[data-astro-cid-vilpxful] label[data-astro-cid-vilpxful]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quality-slider[data-astro-cid-vilpxful] input[data-astro-cid-vilpxful][type=range]{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none}.quality-slider[data-astro-cid-vilpxful] input[data-astro-cid-vilpxful][type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px #4f46e54d}.quality-slider[data-astro-cid-vilpxful] input[data-astro-cid-vilpxful][type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.results-area[data-astro-cid-vilpxful]{display:none;margin-top:30px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-container[data-astro-cid-vilpxful]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.preview-box[data-astro-cid-vilpxful]{background:#f9fafb;border-radius:12px;padding:15px;text-align:center}.preview-box[data-astro-cid-vilpxful] img[data-astro-cid-vilpxful]{max-width:100%;max-height:150px;border-radius:8px;margin-bottom:10px;object-fit:contain}.preview-label[data-astro-cid-vilpxful]{font-weight:700;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.file-size[data-astro-cid-vilpxful]{font-size:1rem;font-weight:600;color:var(--text-main)}.savings-badge[data-astro-cid-vilpxful]{display:inline-block;background:#ecfdf5;color:#059669;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.95rem;margin-top:15px;margin-bottom:15px}.btn-download[data-astro-cid-vilpxful]{width:100%;padding:16px;background:var(--primary);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-download[data-astro-cid-vilpxful]:hover{background:var(--primary-hover)}.btn-download[data-astro-cid-vilpxful]:active{transform:scale(.98)}.btn-reset[data-astro-cid-vilpxful]{width:100%;padding:12px;background:transparent;color:var(--text-muted);font-size:.95rem;font-weight:600;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;margin-top:10px;transition:all .2s}.btn-reset[data-astro-cid-vilpxful]:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .upload-zone[data-astro-cid-vilpxful]{background:#1f2937;border-color:#374151}[data-theme=dark] .upload-zone[data-astro-cid-vilpxful]:hover,[data-theme=dark] .upload-zone[data-astro-cid-vilpxful].dragover{background:#1e3a5f;border-color:var(--primary)}[data-theme=dark] .preview-box[data-astro-cid-vilpxful]{background:#1f2937}[data-theme=dark] .savings-badge[data-astro-cid-vilpxful]{background:#064e3b;color:#6ee7b7}[data-theme=dark] .quality-slider[data-astro-cid-vilpxful] input[data-astro-cid-vilpxful][type=range]{background:#374151}@media(max-width:500px){.preview-container[data-astro-cid-vilpxful]{grid-template-columns:1fr}.upload-zone[data-astro-cid-vilpxful]{padding:30px 20px}}:root{--content-width: 600px}