.tools-page[data-v-578f1135]{padding-top:72px}.tools-hero[data-v-578f1135]{padding:60px 0;background:linear-gradient(135deg,#f0f9ff,#faf5ff,#f0fdf4);text-align:center}.hero-badge[data-v-578f1135]{display:inline-block;padding:8px 16px;background:#6366f11a;border-radius:20px;font-size:14px;color:var(--primary-color);margin-bottom:16px}.hero-title[data-v-578f1135]{font-size:40px;font-weight:700;color:#1f2937;margin-bottom:12px}.hero-description[data-v-578f1135]{font-size:18px;color:#6b7280}.tools-list[data-v-578f1135]{padding:60px 0;background:#f9fafb}.tools-grid[data-v-578f1135]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tool-card[data-v-578f1135]{background:#fff;border-radius:16px;padding:24px;display:flex;gap:20px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;position:relative}.tool-card[data-v-578f1135]:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.tool-card.active[data-v-578f1135]{border-color:#9333ea;background:linear-gradient(135deg,rgba(147,51,234,.02),transparent)}.tool-icon[data-v-578f1135]{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.tool-content[data-v-578f1135]{flex:1;display:flex;flex-direction:column}.tool-title[data-v-578f1135]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:6px}.tool-desc[data-v-578f1135]{font-size:14px;color:#6b7280;margin-bottom:12px;line-height:1.5}.tool-tags[data-v-578f1135]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tool-tag[data-v-578f1135]{padding:3px 8px;background:#f3f4f6;border-radius:4px;font-size:11px;color:#6b7280}.tool-free-limit[data-v-578f1135]{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:500}.tool-detail-link[data-v-578f1135]{width:fit-content;margin-top:10px;font-size:13px;font-weight:600;color:#7c3aed;text-decoration:none}.tool-detail-link[data-v-578f1135]:hover{color:#5b21b6}.tools-guide[data-v-578f1135]{padding:64px 0;background:#fff}.guide-header[data-v-578f1135]{max-width:860px;margin:0 auto 30px;text-align:center}.guide-header span[data-v-578f1135],.faq-title span[data-v-578f1135]{display:inline-flex;width:fit-content;padding:7px 12px;border-radius:6px;background:#9333ea1a;color:#7c3aed;font-size:13px;font-weight:700;margin-bottom:12px}.guide-header h2[data-v-578f1135]{font-size:28px;color:#1f2937;margin-bottom:12px}.guide-header p[data-v-578f1135],.guide-card p[data-v-578f1135],.faq-item p[data-v-578f1135]{color:#6b7280;line-height:1.75}.guide-grid[data-v-578f1135]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.guide-card[data-v-578f1135]{padding:20px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.guide-card span[data-v-578f1135]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:6px;background:#fff;color:#7c3aed;font-size:12px;font-weight:800;margin-bottom:12px}.guide-card h3[data-v-578f1135]{font-size:16px;color:#1f2937;line-height:1.45;margin-bottom:10px}.tools-faq[data-v-578f1135]{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:28px;border-radius:8px;background:#f3f4f6}.faq-title h3[data-v-578f1135]{font-size:22px;color:#1f2937}.faq-list[data-v-578f1135]{display:grid;gap:10px}.faq-item[data-v-578f1135]{padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.faq-item summary[data-v-578f1135]{cursor:pointer;color:#1f2937;font-weight:700;line-height:1.5}.faq-item p[data-v-578f1135]{margin-top:10px}.tool-action[data-v-578f1135]{position:absolute;top:20px;right:20px;padding:6px 12px;background:#9333ea;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500}.tool-demo[data-v-578f1135]{padding:60px 0;background:#fff}.demo-header[data-v-578f1135]{text-align:center;margin-bottom:40px}.demo-title[data-v-578f1135]{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:8px}.demo-subtitle[data-v-578f1135]{font-size:16px;color:#6b7280}.demo-content[data-v-578f1135]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-input[data-v-578f1135]{background:#f9fafb;border-radius:16px;padding:24px}.input-group[data-v-578f1135]{margin-bottom:20px}.input-label[data-v-578f1135]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.input-field[data-v-578f1135]{width:100%;padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:border-color .2s ease}.input-field[data-v-578f1135]:focus{border-color:#9333ea}.style-options[data-v-578f1135]{margin-bottom:20px}.style-label[data-v-578f1135]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:10px}.style-buttons[data-v-578f1135]{display:flex;flex-wrap:wrap;gap:8px}.style-btn[data-v-578f1135]{padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s ease}.style-btn[data-v-578f1135]:hover{border-color:#9333ea;color:#9333ea}.style-btn.active[data-v-578f1135]{background:#9333ea;border-color:#9333ea;color:#fff}.action-buttons[data-v-578f1135]{display:flex;gap:12px}.generate-btn[data-v-578f1135]{flex:1;padding:14px;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease}.generate-btn[data-v-578f1135]:hover:not(:disabled){opacity:.9}.generate-btn[data-v-578f1135]:disabled{cursor:not-allowed;opacity:.7}.generate-btn .spin[data-v-578f1135]{animation:spin-578f1135 1s linear infinite}@keyframes spin-578f1135{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clear-btn[data-v-578f1135]{padding:14px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-btn[data-v-578f1135]:hover{border-color:#9333ea;color:#9333ea}.demo-output[data-v-578f1135]{background:#f9fafb;border-radius:16px;padding:24px;display:flex;flex-direction:column;height:100%}.output-header[data-v-578f1135]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.output-label[data-v-578f1135]{font-size:13px;font-weight:500;color:#374151}.copy-btn[data-v-578f1135]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s ease}.copy-btn[data-v-578f1135]:hover{border-color:#9333ea;color:#9333ea}.output-content[data-v-578f1135]{flex:1;min-height:300px;background:#fff;border-radius:12px;padding:20px}.output-placeholder[data-v-578f1135]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ca3af}.placeholder-icon[data-v-578f1135]{font-size:48px;margin-bottom:12px}.output-result[data-v-578f1135]{height:100%;max-height:400px;overflow-y:auto}.result-text[data-v-578f1135]{font-size:13px;line-height:1.8;color:#374151;white-space:pre-wrap;word-break:break-word;margin:0}.upgrade-cta[data-v-578f1135]{margin-top:32px;background:linear-gradient(135deg,#9333ea,#7c3aed);border-radius:16px;padding:32px}.cta-content[data-v-578f1135]{display:flex;align-items:center;gap:20px}.cta-icon[data-v-578f1135]{font-size:40px}.cta-text[data-v-578f1135]{flex:1}.cta-text h3[data-v-578f1135]{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.cta-text p[data-v-578f1135]{font-size:14px;color:#fffc;margin:0}.cta-buttons[data-v-578f1135]{display:flex;gap:10px}.cta-btn[data-v-578f1135]{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cta-btn.primary[data-v-578f1135]{background:#fff;color:#9333ea;border:none}.cta-btn.primary[data-v-578f1135]:hover{background:#f3f4f6}.cta-btn.secondary[data-v-578f1135]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-btn.secondary[data-v-578f1135]:hover{background:#ffffff4d}@media (max-width: 992px){.hero-title[data-v-578f1135]{font-size:32px}.tools-grid[data-v-578f1135],.demo-content[data-v-578f1135],.guide-grid[data-v-578f1135],.tools-faq[data-v-578f1135]{grid-template-columns:1fr}.cta-content[data-v-578f1135]{flex-direction:column;text-align:center}.cta-buttons[data-v-578f1135]{margin-top:12px}}@media (max-width: 576px){.hero-title[data-v-578f1135]{font-size:26px}.tool-card[data-v-578f1135]{flex-direction:column}.tool-icon[data-v-578f1135]{align-self:flex-start}.action-buttons[data-v-578f1135]{flex-direction:column}}