.tool-page[data-v-04babcc4]{background:#f9fafb;min-height:calc(100vh - 64px);padding:60px 24px}.tool-header[data-v-04babcc4]{margin-bottom:40px;text-align:center}.tool-header h1[data-v-04babcc4]{font-size:32px;font-weight:800;margin-bottom:12px}.tool-header p[data-v-04babcc4]{color:#6b7280}.tool-container[data-v-04babcc4]{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin:0 auto;max-width:1000px;overflow:hidden;position:relative}.builder-mockup[data-v-04babcc4]{display:flex;height:500px;opacity:.5;pointer-events:none}.builder-mockup .sidebar[data-v-04babcc4]{background:#f3f4f6;border-right:1px solid #e5e7eb;padding:20px;width:200px}.builder-mockup .sidebar .field-item[data-v-04babcc4]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:flex;gap:8px;margin-bottom:8px;padding:12px}.builder-mockup .preview-area[data-v-04babcc4]{align-items:center;background:#fafafa;display:flex;flex:1;justify-content:center}.form-preview[data-v-04babcc4]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:40px;width:400px}.form-preview h3[data-v-04babcc4]{margin-bottom:20px}.form-preview .form-group[data-v-04babcc4]{margin-bottom:16px}.form-preview .form-group label[data-v-04babcc4]{color:#374151;display:block;font-size:14px;margin-bottom:6px}.form-preview .form-group input[data-v-04babcc4]{border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;width:100%}.form-preview .submit-btn[data-v-04babcc4]{background:var(--primary-color);border:none;border-radius:4px;color:#fff;padding:10px;width:100%}.cta-overlay[data-v-04babcc4]{align-items:center;backdrop-filter:blur(2px);background:hsla(0,0%,100%,.6);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%}.cta-overlay h2[data-v-04babcc4]{color:#111827;font-size:28px;font-weight:800;margin-bottom:12px}.cta-overlay p[data-v-04babcc4]{color:#4b5563;font-size:16px;margin-bottom:24px;max-width:400px}.cta-overlay .btn[data-v-04babcc4]{border-radius:8px;font-weight:600;padding:12px 32px;-webkit-text-decoration:none;text-decoration:none}.cta-overlay .btn--primary[data-v-04babcc4]{background:var(--primary-color);color:#fff}.cta-overlay .btn--primary[data-v-04babcc4]:hover{background:var(--primary-hover)}