.tool-detail-container[data-v-12f64384]{background:#f6f7f9;box-sizing:border-box;min-height:100vh;padding:40px}@media(max-width:768px){.tool-detail-container[data-v-12f64384]{padding:16px}}.tool-header[data-v-12f64384]{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.02);display:flex;justify-content:center;margin-bottom:24px;padding:40px}.tool-header .header-content[data-v-12f64384]{align-items:center;display:flex;gap:24px;max-width:800px;width:100%}.tool-header .header-content .icon-wrapper[data-v-12f64384]{align-items:center;border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.tool-header .header-content .icon-wrapper svg[data-v-12f64384]{height:32px;width:32px}.tool-header .header-content .text-content h1[data-v-12f64384]{color:#333;font-size:28px;margin:0 0 8px}.tool-header .header-content .text-content p[data-v-12f64384]{color:#666;font-size:16px;line-height:1.5;margin:0}@media(max-width:768px){.tool-header[data-v-12f64384]{padding:24px}.tool-header .header-content[data-v-12f64384]{flex-direction:column;gap:16px;text-align:center}.tool-header .header-content .text-content h1[data-v-12f64384]{font-size:24px}.tool-header .header-content .text-content p[data-v-12f64384]{font-size:14px}}.tool-main[data-v-12f64384]{grid-gap:24px;display:grid;max-width:1200px}@media(max-width:768px){.tool-main[data-v-12f64384]{display:flex;flex-direction:column;grid-template-columns:1fr!important}}.config-section[data-v-12f64384],.generator-box[data-v-12f64384],.input-section[data-v-12f64384],.output-section[data-v-12f64384],.preview-section[data-v-12f64384],.tips-box[data-v-12f64384]{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.02);padding:32px}@media(max-width:768px){.config-section[data-v-12f64384],.generator-box[data-v-12f64384],.input-section[data-v-12f64384],.output-section[data-v-12f64384],.preview-section[data-v-12f64384],.tips-box[data-v-12f64384]{padding:20px}}.form-group[data-v-12f64384]{margin-bottom:20px}.form-group label[data-v-12f64384]{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[data-v-12f64384],.form-group select[data-v-12f64384],.form-group textarea[data-v-12f64384]{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:12px;width:100%}.form-group input[data-v-12f64384]:focus,.form-group select[data-v-12f64384]:focus,.form-group textarea[data-v-12f64384]:focus{border-color:#2254f4}.btn-audit[data-v-12f64384],.btn-generate[data-v-12f64384],.btn-primary[data-v-12f64384]{background:#2254f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:opacity .2s;width:100%}.btn-audit[data-v-12f64384]:hover,.btn-generate[data-v-12f64384]:hover,.btn-primary[data-v-12f64384]:hover{opacity:.9}.btn-audit[data-v-12f64384]:disabled,.btn-generate[data-v-12f64384]:disabled,.btn-primary[data-v-12f64384]:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.sidebar[data-v-12f64384]{display:flex;gap:8px;overflow-x:auto;padding:12px;width:100%!important}.sidebar .category[data-v-12f64384]{background:#f5f5f5;margin-bottom:0;padding:8px 12px;white-space:nowrap}}.tool-main[data-v-12f64384]{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.import-section[data-v-12f64384]{text-align:center}.url-input-group[data-v-12f64384]{display:flex;gap:12px;margin-bottom:32px}@media(max-width:768px){.url-input-group[data-v-12f64384]{flex-direction:column}}.url-input-group input[data-v-12f64384]{border:2px solid #eee;border-radius:8px;flex:1;font-size:16px;outline:none;padding:16px;transition:border-color .2s}.url-input-group input[data-v-12f64384]:focus{border-color:#2254f4}.url-input-group .btn-import[data-v-12f64384]{background:#2254f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:0 32px;white-space:nowrap}.url-input-group .btn-import[data-v-12f64384]:hover{opacity:.9}.url-input-group .btn-import[data-v-12f64384]:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.url-input-group .btn-import[data-v-12f64384]{padding:12px;width:100%}}.import-tips[data-v-12f64384]{display:flex;gap:32px;justify-content:center}@media(max-width:768px){.import-tips[data-v-12f64384]{flex-direction:column;gap:16px}}.import-tips .tip-item[data-v-12f64384]{align-items:center;color:#666;display:flex;flex-direction:column;font-size:13px;gap:8px}.import-tips .tip-item .icon[data-v-12f64384]{align-items:center;background:#f9f9f9;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}@media(max-width:768px){.import-tips .tip-item[data-v-12f64384]{flex-direction:row;justify-content:flex-start}.import-tips .tip-item .icon[data-v-12f64384]{font-size:16px;height:32px;width:32px}}.preview-section[data-v-12f64384]{align-items:center;display:flex;justify-content:center;min-height:200px;text-align:center}.loading-state .spinner[data-v-12f64384]{animation:spin-12f64384 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2254f4;height:40px;margin:0 auto 16px;width:40px}.loading-state p[data-v-12f64384]{font-weight:600;margin-bottom:4px}.loading-state .sub-text[data-v-12f64384]{color:#999;font-size:13px;font-weight:400}@keyframes spin-12f64384{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-state .success-icon[data-v-12f64384]{font-size:48px;margin-bottom:16px}.result-state h3[data-v-12f64384]{margin:0 0 8px}.result-state p[data-v-12f64384]{color:#666;margin-bottom:24px}.result-state .btn-edit[data-v-12f64384]{background:#52c41a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px}