.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;transition:border .3s ease;cursor:pointer;margin-bottom:1rem}.drop-zone:hover{border-color:var(--primary-color)}.preview-container{margin:1rem 0;text-align:center}.preview-image{max-width:100%;max-height:300px;border-radius:4px}.quality-control{margin:1rem 0}.quality-slider{width:100%;margin:.5rem 0}.quality-display{text-align:center;font-size:1.2rem;font-weight:700}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:none;align-items:center;justify-content:center;z-index:1000}.processing-overlay.active{display:flex}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=webp-to-png-converter-content.css.map */