.container[data-v-d34603d5]{margin:0 auto;max-width:1400px;padding:20px}header[data-v-d34603d5]{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;justify-content:space-between;margin-bottom:25px;padding:25px 30px}.logo[data-v-d34603d5],header[data-v-d34603d5]{align-items:center;display:flex}.logo[data-v-d34603d5]{gap:15px}.logo-icon[data-v-d34603d5]{align-items:center;background:linear-gradient(135deg,#3498db,#8e44ad);border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.logo-icon i[data-v-d34603d5]{color:#fff;font-size:28px}.logo-text h1[data-v-d34603d5]{color:#2c3e50;font-size:28px;font-weight:700}.logo-text p[data-v-d34603d5]{color:#7f8c8d;font-size:16px}.stats[data-v-d34603d5]{display:flex;gap:25px}.stat-item[data-v-d34603d5]{text-align:center}.stat-item .number[data-v-d34603d5]{color:#2c3e50;font-size:24px;font-weight:700}.stat-item .label[data-v-d34603d5]{color:#7f8c8d;font-size:14px}.main-content[data-v-d34603d5]{display:grid;gap:25px;grid-template-columns:1fr 2fr}.control-panel[data-v-d34603d5]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.panel-header[data-v-d34603d5]{align-items:center;border-bottom:1px solid #eee;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:10px;padding:20px}.panel-header i[data-v-d34603d5]{color:#3498db}.panel-body[data-v-d34603d5]{padding:25px}.upload-area[data-v-d34603d5]{background-color:#f8fafc;border:2px dashed #3498db;border-radius:12px;cursor:pointer;margin-bottom:25px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-area[data-v-d34603d5]:hover{background-color:#e3f2fd;box-shadow:0 5px 15px #3498db1a;transform:translateY(-3px)}.upload-area i[data-v-d34603d5]{color:#3498db;font-size:48px;margin-bottom:15px}.upload-area h3[data-v-d34603d5]{color:#2c3e50;font-size:20px;margin-bottom:10px}.upload-area p[data-v-d34603d5]{color:#7f8c8d;margin-bottom:20px}.btn[data-v-d34603d5]{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 30px;text-align:center;transition:all .3s ease}.btn[data-v-d34603d5]:hover{background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.btn-block[data-v-d34603d5]{display:block;width:100%}.btn-success[data-v-d34603d5]{background:#2ecc71}.btn-success[data-v-d34603d5]:hover{background:#27ae60;box-shadow:0 5px 15px #2ecc714d}.btn-danger[data-v-d34603d5]{background:#e74c3c}.btn-danger[data-v-d34603d5]:hover{background:#c0392b;box-shadow:0 5px 15px #e74c3c4d}.btn-warning[data-v-d34603d5]{background:#f39c12}.btn-warning[data-v-d34603d5]:hover{background:#d35400;box-shadow:0 5px 15px #f39c124d}.control-group[data-v-d34603d5]{margin-bottom:25px}.control-group h4[data-v-d34603d5]{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin-bottom:15px}.slider-container[data-v-d34603d5]{background:#f8fafc;border-radius:12px;padding:20px}.slider-row[data-v-d34603d5]{margin-bottom:20px}.slider-row[data-v-d34603d5]:last-child{margin-bottom:0}.slider-header[data-v-d34603d5]{display:flex;justify-content:space-between;margin-bottom:10px}.slider-header span[data-v-d34603d5]:first-child{color:#7f8c8d;font-weight:500}.slider-header span[data-v-d34603d5]:last-child{color:#3498db;font-weight:600}input[type=range][data-v-d34603d5]{-webkit-appearance:none;background:#e0e7ff;border-radius:4px;height:8px;outline:none;width:100%}input[type=range][data-v-d34603d5]::-webkit-slider-thumb{-webkit-appearance:none;background:#3498db;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3498db80;cursor:pointer;height:22px;width:22px}.images-container[data-v-d34603d5]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:700px;overflow-y:auto;padding:10px}.image-card[data-v-d34603d5]{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;transition:transform .3s ease}.image-card[data-v-d34603d5]:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.image-preview[data-v-d34603d5]{align-items:center;background:#f8fafc;border-bottom:1px solid #eee;display:flex;height:200px;justify-content:center;overflow:hidden}.image-preview img[data-v-d34603d5]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-info[data-v-d34603d5]{padding:16px}.image-title[data-v-d34603d5]{font-weight:600;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-stats[data-v-d34603d5]{color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px}.progress-container[data-v-d34603d5]{background:#ecf0f1;border-radius:3px;height:6px;margin-bottom:15px;overflow:hidden}.progress-bar[data-v-d34603d5]{background:#3498db;border-radius:3px;height:100%;transition:width .5s ease}.compression-result[data-v-d34603d5]{display:flex;justify-content:space-between;margin-bottom:15px}.original-size[data-v-d34603d5]{color:#7f8c8d}.compressed-size[data-v-d34603d5],.savings[data-v-d34603d5]{color:#27ae60;font-weight:600}.savings[data-v-d34603d5]{background:#e8f8f5;border-radius:20px;font-size:14px;padding:5px 10px;text-align:center}.image-actions[data-v-d34603d5]{display:flex;gap:10px;margin-top:15px}.action-btn[data-v-d34603d5]{border-radius:6px;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease}.download-btn[data-v-d34603d5]{background:#27ae60;color:#fff}.download-btn[data-v-d34603d5]:hover{background:#219653}.remove-btn[data-v-d34603d5]{background:#f8f9fa;border:1px solid #eee;color:#e74c3c}.remove-btn[data-v-d34603d5]:hover{background:#fef2f2}.batch-actions[data-v-d34603d5]{background:#f8fafc;border-top:1px solid #eee;display:flex;gap:15px;margin-top:20px;padding:20px}.empty-state[data-v-d34603d5]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px;text-align:center}.empty-state i[data-v-d34603d5]{color:#bdc3c7;font-size:64px;margin-bottom:20px}.empty-state h3[data-v-d34603d5]{color:#7f8c8d;font-size:22px;margin-bottom:15px}.empty-state p[data-v-d34603d5]{color:#95a5a6;margin-bottom:25px;max-width:500px}.instructions[data-v-d34603d5]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:30px;padding:30px}.instructions h2[data-v-d34603d5]{align-items:center;color:#2c3e50;display:flex;font-size:24px;gap:10px;margin-bottom:20px}.instructions-content[data-v-d34603d5]{display:grid;gap:30px;grid-template-columns:1fr 1fr}.benefits[data-v-d34603d5],.how-to[data-v-d34603d5]{padding:15px}.instructions h3[data-v-d34603d5]{align-items:center;color:#3498db;display:flex;gap:8px;margin-bottom:15px}.instructions ul[data-v-d34603d5]{color:#7f8c8d;padding-left:25px}.instructions li[data-v-d34603d5]{margin-bottom:10px}@media (max-width:1100px){.instructions-content[data-v-d34603d5],.main-content[data-v-d34603d5]{grid-template-columns:1fr}}@media (max-width:768px){header[data-v-d34603d5]{flex-direction:column;gap:20px;text-align:center}.stats[data-v-d34603d5]{justify-content:center;width:100%}.images-container[data-v-d34603d5]{grid-template-columns:1fr}.batch-actions[data-v-d34603d5]{flex-direction:column}}.spinner[data-v-d34603d5]{animation:spin-d34603d5 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin-d34603d5{0%{transform:rotate(0)}to{transform:rotate(1turn)}}