.skill-generator[data-v-82e0ddc6]{padding:20px;background:#f5f7fa;border-radius:8px}.skill-tabs[data-v-82e0ddc6]{background:#fff;border-radius:8px;padding:20px}.skill-form-container[data-v-82e0ddc6]{padding:20px 0}.step-content[data-v-82e0ddc6]{padding:20px;background:#fff;border-radius:8px;margin:20px 0;min-height:300px}.step-content h4[data-v-82e0ddc6]{margin-bottom:20px;font-size:16px;font-weight:600}.tool-card[data-v-82e0ddc6]{background:#f9fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;position:relative}.preview-card[data-v-82e0ddc6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:20px 0}.preview-header[data-v-82e0ddc6]{display:flex;justify-content:space-between;align-items:center}.version[data-v-82e0ddc6]{font-size:12px;opacity:.8}.preview-content p[data-v-82e0ddc6]{margin:8px 0}.preview-section[data-v-82e0ddc6]{margin-top:12px}.step-navigation[data-v-82e0ddc6]{display:flex;justify-content:center;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.export-actions[data-v-82e0ddc6]{display:flex;gap:12px;flex-wrap:wrap}.my-skills-container[data-v-82e0ddc6]{padding:20px 0;min-height:200px}.skill-card[data-v-82e0ddc6]{border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.skill-card[data-v-82e0ddc6]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.skill-card-header[data-v-82e0ddc6]{display:flex;justify-content:space-between;align-items:center}.skill-version[data-v-82e0ddc6]{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.skill-actions[data-v-82e0ddc6]{margin-top:12px;display:flex;gap:8px}.ai-suggestions-container[data-v-82e0ddc6]{padding:20px 0}.ai-suggestion-result[data-v-82e0ddc6]{margin-top:20px}.suggestion-card[data-v-82e0ddc6]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.generation-options[data-v-82e0ddc6]{display:flex;gap:20px;flex-wrap:wrap}.result-section[data-v-82e0ddc6]{margin-bottom:30px;background:#fff;padding:20px;border-radius:8px}.result-section h4[data-v-82e0ddc6]{margin:0 0 16px;font-size:16px;font-weight:600}.section-header[data-v-82e0ddc6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h4[data-v-82e0ddc6]{margin:0}.result-textarea[data-v-82e0ddc6]{font-family:Courier New,monospace;font-size:12px;line-height:1.6}.directory-tree[data-v-82e0ddc6]{padding:12px;background:#f9f9f9;border-left:4px solid #667eea;border-radius:4px}.tree-item[data-v-82e0ddc6]{margin-bottom:12px}.tree-dir[data-v-82e0ddc6]{display:flex;align-items:center;gap:8px;font-weight:600;color:#667eea;margin-bottom:8px}.tree-file[data-v-82e0ddc6]{display:flex;align-items:center;gap:8px;padding-left:24px;color:#666;font-size:13px;margin-bottom:4px}.tips-list[data-v-82e0ddc6]{list-style:none;padding:0;margin:0}.tips-list li[data-v-82e0ddc6]{padding:8px 12px;margin-bottom:8px;background:#f0f9ff;border-left:3px solid #67c23a;border-radius:4px;font-size:14px;line-height:1.6}.tips-list li[data-v-82e0ddc6]:last-child{margin-bottom:0}@media (max-width: 768px){.generation-options[data-v-82e0ddc6]{flex-direction:column}.result-textarea[data-v-82e0ddc6]{font-size:11px}}.skill-generator-header[data-v-f4850b27]{margin-bottom:24px;text-align:center}.skill-generator-header h2[data-v-f4850b27]{font-size:24px;font-weight:600;margin-bottom:8px;color:#1f2937}.skill-generator-header p[data-v-f4850b27]{font-size:14px;color:#6b7280}