.tool-wrapper[data-v-3394d65a]{display:flex;flex-direction:column;gap:2rem}.upload-section[data-v-3394d65a]{width:100%}.upload-area[data-v-3394d65a]{background:#f9fafb;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.upload-area.drag-over[data-v-3394d65a],.upload-area[data-v-3394d65a]:hover{background:#f0f4ff;border-color:var(--primary-color)}.upload-content[data-v-3394d65a]{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon[data-v-3394d65a]{font-size:3rem}.upload-text[data-v-3394d65a]{color:#666;font-size:1rem;margin:0}.upload-link[data-v-3394d65a]{cursor:pointer;text-decoration:underline}.upload-link[data-v-3394d65a],.upload-link[data-v-3394d65a]:hover{color:var(--primary-color)}.upload-buttons[data-v-3394d65a]{display:flex;gap:.5rem;margin-top:.5rem}.upload-hint[data-v-3394d65a]{color:#999;font-size:.875rem;margin:0}.section-header[data-v-3394d65a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-title[data-v-3394d65a]{color:#333;font-size:1.1rem;font-weight:600;margin:0}.header-actions[data-v-3394d65a]{display:flex;gap:.5rem}.images-section[data-v-3394d65a]{display:flex;flex-direction:column;gap:1rem}.images-grid[data-v-3394d65a]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-card[data-v-3394d65a]{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:.75rem;position:relative;transition:all .3s ease}.image-card[data-v-3394d65a]:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-card.selected[data-v-3394d65a]{background:#f0f4ff;border-color:var(--primary-color)}.image-card.processing[data-v-3394d65a]{opacity:.7}.image-card.completed[data-v-3394d65a]{border-color:#4caf50}.image-preview[data-v-3394d65a]{aspect-ratio:1;background:#f5f5f5;border-radius:4px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.image-preview img[data-v-3394d65a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.processing-overlay[data-v-3394d65a]{align-items:center;background:#000000b3;color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:center;inset:0;position:absolute}.spinner[data-v-3394d65a]{animation:spin-3394d65a .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes spin-3394d65a{to{transform:rotate(1turn)}}.completed-badge[data-v-3394d65a]{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px}.image-info[data-v-3394d65a]{margin-bottom:.5rem}.image-name[data-v-3394d65a]{color:#333;font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-3394d65a]{color:#666;font-size:.75rem}.original-size[data-v-3394d65a]{color:#999}.compressed-size[data-v-3394d65a]{color:#333;font-weight:500}.savings[data-v-3394d65a]{font-weight:600}.savings.positive[data-v-3394d65a]{color:#4caf50}.savings.negative[data-v-3394d65a]{color:#f44336}.image-actions[data-v-3394d65a]{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;padding-top:.5rem}.btn-icon[data-v-3394d65a]{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:transform .2s}.btn-icon[data-v-3394d65a]:hover{transform:scale(1.2)}.options-section[data-v-3394d65a]{background:#f9fafb;border-radius:8px;gap:1.5rem;padding:1.5rem}.control-group[data-v-3394d65a],.options-section[data-v-3394d65a]{display:flex;flex-direction:column}.control-group[data-v-3394d65a]{gap:.5rem}.control-label[data-v-3394d65a]{align-items:center;color:#666;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between}.value-display[data-v-3394d65a]{color:var(--primary-color);font-weight:600}.slider[data-v-3394d65a]{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;height:6px;outline:none;width:100%}.slider[data-v-3394d65a]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:18px;width:18px}.slider[data-v-3394d65a]::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.quality-hints[data-v-3394d65a]{color:#999;display:flex;font-size:.75rem;justify-content:space-between}.select[data-v-3394d65a]{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.75rem;width:100%}.select[data-v-3394d65a]:focus{border-color:var(--primary-color);outline:none}.control-hint[data-v-3394d65a]{color:#999;font-size:.8rem;margin:0}.resize-inputs[data-v-3394d65a]{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.resize-item[data-v-3394d65a]{display:flex;flex-direction:column;gap:.25rem}.resize-item label[data-v-3394d65a]{color:#666;font-size:.8rem}.number-input[data-v-3394d65a]{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.5rem}.number-input[data-v-3394d65a]:disabled{background:#f5f5f5;cursor:not-allowed}.color-input-group[data-v-3394d65a]{align-items:center;display:flex;gap:.5rem}.color-input-group input[type=color][data-v-3394d65a]{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;height:40px;width:60px}.color-text-input[data-v-3394d65a]{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;flex:1;font-family:monospace;font-size:.9rem;padding:.5rem}.control-actions[data-v-3394d65a]{flex-wrap:wrap;gap:1rem;margin-top:1rem}.control-actions[data-v-3394d65a],.preview-modal[data-v-3394d65a]{display:flex;justify-content:center}.preview-modal[data-v-3394d65a]{align-items:center;background:#000c;inset:0;position:fixed;z-index:1000}.preview-content[data-v-3394d65a]{max-height:90%;max-width:90%;position:relative}.preview-content img[data-v-3394d65a]{border-radius:8px;max-height:90vh;max-width:100%}.close-btn[data-v-3394d65a]{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;position:absolute;right:0;top:-40px;width:32px}.btn[data-v-3394d65a]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn[data-v-3394d65a]:disabled{cursor:not-allowed;opacity:.5}.btn-sm[data-v-3394d65a]{font-size:.875rem;padding:.5rem 1rem}.btn-primary[data-v-3394d65a]{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color) 100%);color:#fff}.btn-primary[data-v-3394d65a]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary[data-v-3394d65a]{background:#e0e0e0;color:#333}.btn-secondary[data-v-3394d65a]:hover{background:#d0d0d0}@media(max-width:768px){.tool-wrapper[data-v-3394d65a]{gap:1.5rem}.images-grid[data-v-3394d65a]{grid-template-columns:repeat(2,1fr)}.resize-inputs[data-v-3394d65a]{grid-template-columns:1fr}.control-actions[data-v-3394d65a]{flex-direction:column}.btn[data-v-3394d65a]{width:100%}}