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