:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#dbeafe)}.container-wrapper{min-height:100vh;padding:2rem}.max-container{max-width:1400px;margin:0 auto}.header{text-align:center;margin-bottom:2rem}.header-content{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.header-icon{width:3rem;height:3rem;color:#9333ea;margin-right:.75rem}.header-title{font-size:2.5rem;font-weight:700;color:#1f2937}.header-subtitle{color:#6b7280;font-size:1.125rem}.upload-area{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:3rem;margin-bottom:2rem;border:2px dashed #d8b4fe;cursor:pointer;transition:all .3s ease;text-align:center}.upload-area:hover,.upload-area.dragging{border-color:#9333ea;background:#faf5ff}.upload-icon{width:4rem;height:4rem;color:#9333ea;margin:0 auto 1rem}.upload-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.upload-subtitle{color:#6b7280}.quality-section{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.quality-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.quality-label{font-size:1.125rem;font-weight:600;color:#374151}.btn-apply{padding:.5rem 1rem;background:#9333ea;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .3s ease}.btn-apply:hover{background:#7e22ce}.quality-slider{width:100%;height:.5rem;background:#e9d5ff;border-radius:1rem;outline:none;cursor:pointer;margin-bottom:.5rem;appearance:none}.quality-slider::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background:#9333ea;border-radius:50%;cursor:pointer}.quality-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;background:#9333ea;border-radius:50%;cursor:pointer;border:none}.quality-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.images-title{font-size:1.5rem;font-weight:700;color:#1f2937}.header-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-clear{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-clear:hover{background:#dc2626}.btn-download-all{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#16a34a;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-download-all:hover{background:#15803d}.btn-icon{width:1.25rem;height:1.25rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.image-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;transition:transform .2s ease}.image-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.image-preview{position:relative;width:100%;height:12rem;overflow:hidden;background:#f3f4f6}.image-preview img{width:100%;height:100%;object-fit:cover}.btn-remove{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#dc2626}.btn-remove svg{width:1rem;height:1rem}.image-info{padding:1rem}.image-name{font-weight:600;color:#1f2937;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-details{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.image-details p{margin-bottom:.25rem}.savings-text{color:#16a34a;font-weight:600}.btn-download{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#9333ea;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .3s ease}.btn-download:hover{background:#7e22ce}.btn-download svg{width:1rem;height:1rem}.compressing-status{width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:#e5e7eb;color:#6b7280;border-radius:.5rem;font-weight:500}.empty-state{text-align:center;color:#6b7280;margin-top:3rem}.empty-text{font-size:1.125rem;margin-bottom:.5rem}.empty-subtext{font-size:1rem}.hidden{display:none}@media (max-width: 768px){.container-wrapper{padding:1rem}.header-title{font-size:2rem}.header-icon{width:2.5rem;height:2.5rem}.upload-area{padding:2rem}.images-grid{grid-template-columns:1fr}.quality-header,.images-header{flex-direction:column;align-items:flex-start}.header-buttons{width:100%}.btn-clear,.btn-download-all{flex:1;justify-content:center}}.subir-container[data-v-5eb33ded]{max-width:600px;margin:40px auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 6px 18px #0000001a}form[data-v-5eb33ded]{display:flex;flex-direction:column;gap:16px}label[data-v-5eb33ded]{font-weight:600}input[type=file][data-v-5eb33ded]{border:1px solid #ccc;padding:6px;border-radius:6px}button[data-v-5eb33ded]{background:#6200ee;color:#fff;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}button[data-v-5eb33ded]:hover{background:#4b00b5}.error[data-v-5eb33ded]{color:red;text-align:center;margin-top:12px}.success[data-v-5eb33ded]{color:green;text-align:center;margin-top:12px}.about[data-v-60253420]{text-align:center;padding:2rem}.about-nav[data-v-60253420]{margin-top:1.5rem}.btn[data-v-60253420]{display:inline-block;margin:0 10px;padding:10px 18px;background:#42b983;color:#fff;border-radius:6px;text-decoration:none;transition:background .3s}.btn[data-v-60253420]:hover{background:#368d6e}.home[data-v-d18cd663]{text-align:center;padding:2rem}.home-nav[data-v-d18cd663]{margin-top:1.5rem}.btn[data-v-d18cd663]{display:inline-block;margin:0 10px;padding:10px 18px;background:#42b983;color:#fff;border-radius:6px;text-decoration:none;transition:background .3s}.btn[data-v-d18cd663]:hover{background:#368d6e}.formulario[data-v-8422a46b]{max-width:400px;margin:50px auto;padding:30px 25px;background-color:#f9f9f9;border-radius:12px;box-shadow:0 8px 20px #0000001a;font-family:Arial,sans-serif}.formulario h2[data-v-8422a46b]{text-align:center;margin-bottom:25px;color:#333}.formulario form div[data-v-8422a46b]{margin-bottom:15px;display:flex;flex-direction:column}.formulario label[data-v-8422a46b]{margin-bottom:5px;font-weight:700;color:#555}.formulario input[data-v-8422a46b],.formulario select[data-v-8422a46b]{padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px}.formulario input[data-v-8422a46b]:focus,.formulario select[data-v-8422a46b]:focus{border-color:#4f46e5;outline:none}.formulario button[data-v-8422a46b]{width:100%;padding:12px;background-color:#4f46e5;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer}.formulario button[data-v-8422a46b]:disabled{background-color:#a5b4fc;cursor:not-allowed}.ok[data-v-8422a46b]{color:green;margin-top:10px;text-align:center}.error[data-v-8422a46b]{color:#dc2626;margin-top:10px;text-align:center}.texto-login[data-v-8422a46b]{text-align:center;margin-top:15px;font-size:14px}.texto-login a[data-v-8422a46b]{color:#4f46e5;text-decoration:none;font-weight:700}.texto-login a[data-v-8422a46b]:hover{text-decoration:underline}