.tool-detail-container[data-v-4d68123c]{box-sizing:border-box}@media(max-width:768px){.tool-detail-container[data-v-4d68123c]{padding:16px}}.tool-header[data-v-4d68123c]{box-shadow:0 2px 8px rgba(0,0,0,.02)}.tool-header .header-content[data-v-4d68123c]{width:100%}.tool-header .header-content .icon-wrapper[data-v-4d68123c]{flex-shrink:0}.tool-header .header-content .text-content h1[data-v-4d68123c]{color:#333;font-size:28px;margin:0 0 8px}.tool-header .header-content .text-content p[data-v-4d68123c]{color:#666;font-size:16px;line-height:1.5;margin:0}@media(max-width:768px){.tool-header[data-v-4d68123c]{padding:24px}.tool-header .header-content[data-v-4d68123c]{flex-direction:column;gap:16px;text-align:center}.tool-header .header-content .text-content h1[data-v-4d68123c]{font-size:24px}.tool-header .header-content .text-content p[data-v-4d68123c]{font-size:14px}}.tool-main[data-v-4d68123c]{max-width:1200px}@media(max-width:768px){.tool-main[data-v-4d68123c]{display:flex;flex-direction:column;grid-template-columns:1fr!important}}.config-section[data-v-4d68123c],.generator-box[data-v-4d68123c],.input-section[data-v-4d68123c],.output-section[data-v-4d68123c],.preview-section[data-v-4d68123c],.tips-box[data-v-4d68123c]{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-4d68123c],.generator-box[data-v-4d68123c],.input-section[data-v-4d68123c],.output-section[data-v-4d68123c],.preview-section[data-v-4d68123c],.tips-box[data-v-4d68123c]{padding:20px}}.form-group[data-v-4d68123c]{margin-bottom:20px}.form-group label[data-v-4d68123c]{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[data-v-4d68123c],.form-group select[data-v-4d68123c],.form-group textarea[data-v-4d68123c]{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-4d68123c]:focus,.form-group select[data-v-4d68123c]:focus,.form-group textarea[data-v-4d68123c]:focus{border-color:#2254f4}.btn-audit[data-v-4d68123c],.btn-generate[data-v-4d68123c],.btn-primary[data-v-4d68123c]{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-4d68123c]:hover,.btn-generate[data-v-4d68123c]:hover,.btn-primary[data-v-4d68123c]:hover{opacity:.9}.btn-audit[data-v-4d68123c]:disabled,.btn-generate[data-v-4d68123c]:disabled,.btn-primary[data-v-4d68123c]:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.sidebar[data-v-4d68123c]{display:flex;gap:8px;overflow-x:auto;padding:12px;width:100%!important}.sidebar .category[data-v-4d68123c]{background:#f5f5f5;margin-bottom:0;padding:8px 12px;white-space:nowrap}}.tool-detail-container[data-v-4d68123c]{background:#f6f7f9;min-height:100vh;padding:40px}.tool-header[data-v-4d68123c]{background:#fff;border-radius:16px;display:flex;justify-content:center;margin-bottom:24px;padding:40px}.tool-header .header-content[data-v-4d68123c]{align-items:center;display:flex;gap:24px;max-width:800px}.tool-header .header-content .icon-wrapper[data-v-4d68123c]{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.tool-header .header-content .icon-wrapper.whatsapp[data-v-4d68123c]{background:#25d366}.tool-header .header-content .icon-wrapper svg[data-v-4d68123c]{fill:#fff;stroke:none;height:32px;width:32px}.tool-header .header-content h1[data-v-4d68123c]{font-size:28px;margin:0 0 8px}.tool-header .header-content p[data-v-4d68123c]{color:#666;font-size:16px;margin:0}.tool-main[data-v-4d68123c]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:1000px}.generator-box[data-v-4d68123c]{background:#fff;border-radius:16px;padding:32px}.generator-box .form-group[data-v-4d68123c]{margin-bottom:20px}.generator-box .form-group label[data-v-4d68123c]{display:block;font-weight:500;margin-bottom:8px}.generator-box .form-group input[data-v-4d68123c],.generator-box .form-group select[data-v-4d68123c],.generator-box .form-group textarea[data-v-4d68123c]{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px;width:100%}.generator-box .form-group textarea[data-v-4d68123c]{height:80px;resize:none}.generator-box .form-group .hint[data-v-4d68123c]{color:#999;font-size:12px;margin-top:6px}.generator-box .preview-link-box[data-v-4d68123c]{align-items:center;background:#f9f9f9;border:1px dashed #ddd;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.generator-box .preview-link-box .link-display[data-v-4d68123c]{color:#2254f4;flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-box .preview-link-box .btn-copy[data-v-4d68123c]{background:#2254f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.generator-box .qr-code-box[data-v-4d68123c]{align-items:center;display:flex;flex-direction:column;gap:8px}.generator-box .qr-code-box .qr-placeholder[data-v-4d68123c]{align-items:center;background:#eee;color:#999;display:flex;height:120px;justify-content:center;width:120px}.generator-box .qr-code-box span[data-v-4d68123c]{color:#2254f4;cursor:pointer;font-size:12px}.tips-box[data-v-4d68123c]{background:#fff;border-radius:16px;height:-moz-fit-content;height:fit-content;padding:32px}.tips-box h3[data-v-4d68123c]{color:#333;margin-bottom:16px;margin-top:0}.tips-box ul[data-v-4d68123c]{color:#666;font-size:14px;line-height:1.8;padding-left:20px}.tips-box li[data-v-4d68123c]{margin-bottom:12px}