.tool-wrapper[data-v-b4d6a708]{display:flex;flex-direction:column;gap:2rem}.upload-section[data-v-b4d6a708]{width:100%}.upload-area[data-v-b4d6a708]{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-b4d6a708],.upload-area[data-v-b4d6a708]:hover{background:#f0f4ff;border-color:var(--primary-color)}.upload-content[data-v-b4d6a708]{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon[data-v-b4d6a708]{font-size:3rem}.upload-text[data-v-b4d6a708]{color:#666;font-size:1rem;margin:0}.upload-link[data-v-b4d6a708]{cursor:pointer;text-decoration:underline}.upload-link[data-v-b4d6a708],.upload-link[data-v-b4d6a708]:hover{color:var(--primary-color)}.upload-hint[data-v-b4d6a708]{color:#999;font-size:.875rem;margin:0}.input-section[data-v-b4d6a708],.output-section[data-v-b4d6a708]{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;width:100%}.section-header[data-v-b4d6a708]{align-items:center;display:flex;justify-content:space-between}.label[data-v-b4d6a708]{color:#333;font-size:1rem;font-weight:600}.header-actions[data-v-b4d6a708]{display:flex;gap:.5rem}.textarea[data-v-b4d6a708]{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:Courier New,monospace;font-size:.9rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.textarea[data-v-b4d6a708]:focus{border-color:var(--primary-color);outline:none}.textarea[readonly][data-v-b4d6a708]{background:#f5f7fa}.file-info[data-v-b4d6a708]{color:#666;font-size:.875rem;text-align:right}.options-section[data-v-b4d6a708]{background:#f9fafb;border-radius:8px;padding:1.5rem}.options-title[data-v-b4d6a708]{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.options-grid[data-v-b4d6a708]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-item[data-v-b4d6a708]{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.option-item input[type=checkbox][data-v-b4d6a708]{cursor:pointer;height:18px;width:18px}.actions[data-v-b4d6a708]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn[data-v-b4d6a708]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn[data-v-b4d6a708]:disabled{cursor:not-allowed;opacity:.5}.btn-sm[data-v-b4d6a708]{font-size:.875rem;padding:.5rem 1rem}.btn-primary[data-v-b4d6a708]{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color) 100%);color:#fff}.btn-primary[data-v-b4d6a708]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary[data-v-b4d6a708]{background:#e0e0e0;color:#333}.btn-secondary[data-v-b4d6a708]:hover{background:#d0d0d0}.result-section[data-v-b4d6a708]{display:flex;flex-direction:column;gap:1.5rem}.result-header[data-v-b4d6a708]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.result-title[data-v-b4d6a708]{color:#333;font-size:1.25rem;font-weight:600;margin:0}.size-comparison[data-v-b4d6a708]{display:flex;flex-wrap:wrap;gap:1rem}.size-item[data-v-b4d6a708]{border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.size-item.original[data-v-b4d6a708]{background:#e3f2fd;color:#1976d2}.size-item.optimized[data-v-b4d6a708]{background:#e8f5e9;color:#388e3c}.size-item.savings[data-v-b4d6a708]{background:#fff3e0;color:#f57c00}.size-item.savings.positive[data-v-b4d6a708]{background:#e8f5e9;color:#388e3c}.size-item.savings.negative[data-v-b4d6a708]{background:#ffebee;color:#d32f2f}.preview-section[data-v-b4d6a708]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.preview-item[data-v-b4d6a708]{display:flex;flex-direction:column;gap:.75rem}.preview-label[data-v-b4d6a708]{color:#666;font-size:.9rem;font-weight:600;margin:0}.preview-box[data-v-b4d6a708]{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;min-height:200px;overflow:auto;padding:2rem}.preview-box[data-v-b4d6a708] svg{max-height:300px;max-width:100%}.error-message[data-v-b4d6a708]{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;padding:1rem}@media(max-width:768px){.tool-wrapper[data-v-b4d6a708]{gap:1.5rem}.upload-area[data-v-b4d6a708]{padding:2rem 1rem}.options-grid[data-v-b4d6a708]{grid-template-columns:1fr}.actions[data-v-b4d6a708]{flex-direction:column}.btn[data-v-b4d6a708]{width:100%}.preview-section[data-v-b4d6a708]{grid-template-columns:1fr}.result-header[data-v-b4d6a708]{align-items:flex-start;flex-direction:column}.size-comparison[data-v-b4d6a708]{width:100%}.size-item[data-v-b4d6a708]{flex:1;text-align:center}}