.tabs[data-v-b1f891b7]{width:100%}.tabs-list[data-v-b1f891b7]{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;padding:4px;width:-moz-fit-content;width:fit-content}.dark .tabs-list[data-v-b1f891b7]{background:#1f1f1f}.tab-trigger[data-v-b1f891b7]{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.dark .tab-trigger[data-v-b1f891b7]{color:#9ca3af}.tab-trigger[data-v-b1f891b7]:hover:not(.active){background:#00000008;color:#374151}.dark .tab-trigger[data-v-b1f891b7]:hover:not(.active){background:#ffffff0d;color:#d1d5db}.tab-trigger.active[data-v-b1f891b7]{background:#fff;box-shadow:0 1px 3px #00000014;color:#1f2937}.dark .tab-trigger.active[data-v-b1f891b7]{background:#2a2a2a;box-shadow:0 1px 3px #0003;color:#f3f4f6}.tab-icon[data-v-b1f891b7]{font-size:15px}.image-compressor[data-v-eff920c6]{display:flex;flex-direction:column;gap:20px}.drop-zone[data-v-eff920c6]{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .2s}.dark .drop-zone[data-v-eff920c6]{background:#1a1a1a;border-color:#2a2a2a}.drop-zone.is-over[data-v-eff920c6],.drop-zone[data-v-eff920c6]:hover{background:#eff6ff;border-color:#4a90e2}.dark .drop-zone.is-over[data-v-eff920c6],.dark .drop-zone[data-v-eff920c6]:hover{background:#1e293b}.drop-content[data-v-eff920c6]{align-items:center;color:#64748b;display:flex;flex-direction:column}.sub-text[data-v-eff920c6]{font-size:12px;margin-top:4px;opacity:.7}.hidden[data-v-eff920c6]{display:none}.settings-panel[data-v-eff920c6]{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;padding:16px}.dark .settings-panel[data-v-eff920c6]{background:#1e293b}.setting-group[data-v-eff920c6]{align-items:center;color:#475569;display:flex;font-size:14px;gap:8px}.dark .setting-group[data-v-eff920c6]{color:#94a3b8}.format-select[data-v-eff920c6]{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#334155;padding:4px 8px}.dark .format-select[data-v-eff920c6]{background:#0f172a;border-color:#334155;color:#e2e8f0}.actions-right[data-v-eff920c6]{align-items:center;display:flex;gap:12px;margin-left:auto}.file-list[data-v-eff920c6]{display:flex;flex-direction:column;gap:12px}.file-item[data-v-eff920c6]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:12px}.dark .file-item[data-v-eff920c6]{background:#1a1a1a;border-color:#2a2a2a}.preview-box[data-v-eff920c6]{background:#f1f5f9;border-radius:4px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.preview-img[data-v-eff920c6]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.file-info[data-v-eff920c6]{flex:1;min-width:0}.file-name[data-v-eff920c6]{color:#1e293b;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .file-name[data-v-eff920c6]{color:#e2e8f0}.file-meta[data-v-eff920c6]{color:#64748b;font-size:12px;margin-top:4px}.success-text[data-v-eff920c6]{color:#10b981;margin-left:8px}.ratio[data-v-eff920c6]{background:#ecfdf5;border-radius:4px;font-size:11px;padding:2px 6px}.dark .ratio[data-v-eff920c6]{background:#064e3b;color:#d1fae5}.ratio.increase[data-v-eff920c6]{background:#fef2f2;color:#ef4444}.dark .ratio.increase[data-v-eff920c6]{background:#450a0a;color:#fca5a5}.actions[data-v-eff920c6],.status-processing[data-v-eff920c6]{align-items:center;display:flex;gap:8px}.status-processing[data-v-eff920c6]{background:#eff6ff;border-radius:6px;color:#4a90e2;font-size:13px;font-weight:500;padding:6px 12px}.dark .status-processing[data-v-eff920c6]{background:#1e3a8a;color:#93c5fd}.spinner[data-v-eff920c6]{animation:spin-eff920c6 .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;height:14px;width:14px}@keyframes spin-eff920c6{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tools-page[data-v-c9033743]{background:#f5f5f5;min-height:100%;padding:8px}.dark .tools-page[data-v-c9033743]{background:#0a0a0a}.tools-content[data-v-c9033743]{background:#fff;border-radius:8px;display:flex;flex-direction:column;min-height:calc(100% - 16px);padding:24px}.dark .tools-content[data-v-c9033743]{background:#1a1a1a}.tabs-wrapper[data-v-c9033743]{margin-bottom:24px}.tab-content[data-v-c9033743]{flex:1}.tool-view[data-v-c9033743]{margin:0 auto;max-width:900px}.tool-header[data-v-c9033743]{margin-bottom:32px;text-align:center}.tool-title[data-v-c9033743]{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:12px}.dark .tool-title[data-v-c9033743]{color:#f1f5f9}.tool-desc[data-v-c9033743]{color:#64748b;font-size:15px;line-height:1.6}.dark .tool-desc[data-v-c9033743]{color:#94a3b8}.highlight[data-v-c9033743]{color:#2563eb;font-weight:500}.dark .highlight[data-v-c9033743]{color:#60a5fa}@media(max-width:640px){.tools-page[data-v-c9033743]{padding:20px 16px}}