:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #14b8a6;--secondary-light: #2dd4bf;--secondary-dark: #0d9488;--background: #f8fafc;--surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--error: #ef4444;--success: #22c55e;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);font-weight:500;transition:var(--transition);cursor:pointer;border:none;outline:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark)}.card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-up{animation:slideUp var(--transition-slow) ease-out}.scale-in{animation:scaleIn var(--transition-slow) ease-out}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: .2s;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--surface: #ffffff;--background: #f3f4f6;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563}html,body,#app{margin:0;padding:0;height:100%;font-family:var(--font-family);background-color:var(--background);color:var(--text-primary)}.app-container{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.app-content{flex:1;width:100%;max-width:1200px;margin:0 auto;background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-overlay[data-v-6df11d4a]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition) ease-out}.modal[data-v-6df11d4a]{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;animation:scaleIn var(--transition) ease-out}.modal-header[data-v-6df11d4a]{padding:var(--spacing-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2[data-v-6df11d4a]{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.modal-header button[data-v-6df11d4a]{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition)}.modal-header button[data-v-6df11d4a]:hover{background-color:var(--border);color:var(--text-primary)}.modal-body[data-v-6df11d4a]{padding:var(--spacing-6)}.form-group[data-v-6df11d4a]{margin-bottom:var(--spacing-6)}.form-group label[data-v-6df11d4a]{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.form-group input[data-v-6df11d4a]{width:100%;padding:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-base);transition:var(--transition)}.form-group input[data-v-6df11d4a]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.info-section[data-v-6df11d4a]{padding:var(--spacing-4)}.info-section h3[data-v-6df11d4a]{margin:var(--spacing-4) 0 var(--spacing-2);font-size:1rem;color:var(--color-text)}.info-section h3[data-v-6df11d4a]:first-child{margin-top:0}.info-section ul[data-v-6df11d4a],.info-section ol[data-v-6df11d4a]{margin:0;padding-left:var(--spacing-6)}.info-section li[data-v-6df11d4a]{margin:var(--spacing-2) 0;color:var(--color-text-light);line-height:1.5}.info-section a[data-v-6df11d4a]{color:var(--color-primary);text-decoration:none}.info-section a[data-v-6df11d4a]:hover{text-decoration:underline}.modal-footer[data-v-6df11d4a]{padding:var(--spacing-4);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-2)}.modal-footer button[data-v-6df11d4a]{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition)}.modal-footer button[data-v-6df11d4a]:first-child{border:1px solid var(--border);background-color:#fff;color:var(--text-secondary)}.modal-footer button[data-v-6df11d4a]:first-child:hover{background-color:var(--background);color:var(--text-primary)}.modal-footer button[data-v-6df11d4a]:last-child{background-color:var(--primary);color:#fff;border:none}.modal-footer button[data-v-6df11d4a]:last-child:hover{background-color:var(--primary-dark)}.app-header[data-v-304bc3fb]{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.app-footer[data-v-d602dfc7]{background-color:var(--surface);border-top:1px solid var(--border);padding:var(--spacing-6) var(--spacing-8);margin-top:auto}.footer-content[data-v-d602dfc7]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm)}a[data-v-d602dfc7]{color:var(--primary);text-decoration:none;transition:var(--transition)}a[data-v-d602dfc7]:hover{color:var(--primary-dark)}.repository a[data-v-d602dfc7]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);background-color:var(--background);margin-top:var(--spacing-2)}.repository a[data-v-d602dfc7]:hover{background-color:var(--border)}.github-icon[data-v-d602dfc7]{width:20px;height:20px}.card[data-v-0fefb61d]{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-6);cursor:pointer;transition:var(--transition);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-4)}.card[data-v-0fefb61d]:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-light)}.card-title[data-v-0fefb61d]{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.card-description[data-v-0fefb61d]{margin:0;color:var(--text-secondary);line-height:1.5}.card-preview button[data-v-0fefb61d]{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--background);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.card-preview button[data-v-0fefb61d]:hover{background:var(--primary-light);border-color:var(--primary);color:#fff}.scene-actions[data-v-0fefb61d]{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.card-tags[data-v-0fefb61d]{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tag[data-v-0fefb61d]{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--background);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}.modal-overlay[data-v-39d936b8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-39d936b8 var(--transition) ease-out}.modal[data-v-39d936b8]{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn-39d936b8 var(--transition) ease-out}.modal-header[data-v-39d936b8]{padding:var(--spacing-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-39d936b8]{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.close-button[data-v-39d936b8]{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition)}.close-button[data-v-39d936b8]:hover{background-color:var(--background)}.modal-content[data-v-39d936b8]{flex:1;overflow-y:auto;padding:var(--spacing-4)}.example-preview[data-v-39d936b8]{margin-bottom:var(--spacing-4)}.example-preview[data-v-39d936b8]:last-child{margin-bottom:0}@keyframes fadeIn-39d936b8{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-39d936b8{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.home[data-v-aced6acb]{height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.header[data-v-aced6acb]{padding:var(--spacing-4);background-color:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.content[data-v-aced6acb]{flex:1;overflow-y:auto;padding:var(--spacing-4)}.project-intro[data-v-aced6acb]{text-align:center;padding:var(--spacing-2) 0;margin-bottom:var(--spacing-4)}.project-intro h2[data-v-aced6acb]{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.project-intro .subtitle[data-v-aced6acb]{color:var(--text-secondary);font-size:var(--font-size-base);margin:var(--spacing-1) 0 0 0}.project-intro .description[data-v-aced6acb]{max-width:600px;margin:1.5rem auto;color:var(--color-text);line-height:1.6;font-size:1.1rem}.api-guide[data-v-aced6acb]{background:linear-gradient(to right,var(--color-background-soft),var(--background));border-radius:12px;padding:1rem;max-width:600px;margin:2rem auto;border:1px solid var(--border)}.api-guide p[data-v-aced6acb]{margin:0;color:var(--color-text)}.api-guide a[data-v-aced6acb]{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.api-guide a[data-v-aced6acb]:hover{opacity:.8;text-decoration:underline}.intro-features[data-v-aced6acb]{display:flex;justify-content:center;gap:3rem;margin-top:2.5rem}.feature[data-v-aced6acb]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feature-icon[data-v-aced6acb]{font-size:2rem;transform:scale(1);transition:transform .2s ease}.feature:hover .feature-icon[data-v-aced6acb]{transform:scale(1.1)}.feature p[data-v-aced6acb]{margin:0;font-size:1rem;color:var(--color-text);font-weight:500}@keyframes fadeIn-aced6acb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scenes-grid[data-v-aced6acb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);height:fit-content}.scene-card[data-v-aced6acb]{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2);height:200px;min-height:200px;max-height:200px}.scene-card[data-v-aced6acb]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.scene-title[data-v-aced6acb]{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.scene-description[data-v-aced6acb]{color:var(--text-secondary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.scene-tags[data-v-aced6acb]{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-top:auto}.scene-tag[data-v-aced6acb]{background-color:var(--primary-light);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.preview-button[data-v-aced6acb]{background-color:var(--primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm);width:100%;margin-top:auto}.preview-button[data-v-aced6acb]:hover{background-color:var(--primary-dark)}.add-template-card[data-v-aced6acb]{background:linear-gradient(135deg,var(--surface),var(--background));border:2px dashed var(--border);border-radius:var(--radius);padding:var(--spacing-4);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all .2s ease;min-height:200px}.add-template-card[data-v-aced6acb]:hover{border-color:var(--primary);transform:translateY(-2px)}.add-icon[data-v-aced6acb]{font-size:2rem;color:var(--color-text-light);width:48px;height:48px;border-radius:50%;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2)}.add-template-card p[data-v-aced6acb]{margin:0;color:var(--color-text-light);font-size:.9rem}.edit-button[data-v-aced6acb]{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-background-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-size:.9rem;transition:all .2s}.edit-button[data-v-aced6acb]:hover{background-color:var(--color-background);border-color:var(--color-primary)}[data-v-aced6acb] .app-header{padding:var(--spacing-4) var(--spacing-8);display:flex;justify-content:space-between;align-items:center;background-color:var(--surface);border-bottom:1px solid var(--border)}[data-v-aced6acb] .app-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}[data-v-aced6acb] .settings-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition)}[data-v-aced6acb] .settings-button:hover{background-color:var(--background);color:var(--primary)}[data-v-aced6acb] .settings-button svg{width:24px;height:24px}.chat-container[data-v-e131d1b9]{height:100vh;display:flex;flex-direction:column;background-color:var(--background);overflow-y:auto}.chat-header[data-v-e131d1b9]{padding:var(--spacing-4);background-color:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0}.chat-header h2[data-v-e131d1b9]{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.back-button[data-v-e131d1b9]{padding:var(--spacing-2) var(--spacing-4);border:none;background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition)}.back-button[data-v-e131d1b9]:hover{background:var(--primary-dark)}.chat-layout[data-v-e131d1b9]{flex:1;display:flex;min-height:0}.chat-section[data-v-e131d1b9]{width:40%;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-4);min-width:0;border-right:1px solid var(--border)}.scene-introduction[data-v-e131d1b9]{background-color:var(--background);border-radius:var(--radius);margin-bottom:var(--spacing-4);max-height:40vh;overflow-y:auto}.introduction-content[data-v-e131d1b9]{padding:var(--spacing-4);border-bottom:1px solid var(--border)}.introduction-text[data-v-e131d1b9]{margin:0;padding:var(--spacing-4);white-space:pre-line;word-break:break-word;line-height:1.6;color:var(--color-text)}.example-section[data-v-e131d1b9]{padding:var(--spacing-4);border-bottom:1px solid var(--border)}.example-section h4[data-v-e131d1b9]{margin:0 0 var(--spacing-4) 0;color:var(--text-primary)}.example-item[data-v-e131d1b9]{margin-bottom:var(--spacing-4);padding:var(--spacing-2);background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.example-item[data-v-e131d1b9]:last-child{margin-bottom:0}.example-user[data-v-e131d1b9],.example-assistant[data-v-e131d1b9]{display:flex;gap:var(--spacing-2);padding:var(--spacing-2)}.example-user .icon[data-v-e131d1b9],.example-assistant .icon[data-v-e131d1b9]{flex-shrink:0}.example-user .content[data-v-e131d1b9],.example-assistant pre.json-content[data-v-e131d1b9]{flex:1;margin:0;white-space:pre-wrap;word-break:break-word}.chat-history[data-v-e131d1b9]{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.message[data-v-e131d1b9]{padding:var(--spacing-3);border-radius:var(--radius);max-width:80%}.message.user[data-v-e131d1b9]{background-color:var(--primary);color:#fff;align-self:flex-end}.message.assistant[data-v-e131d1b9]{background-color:var(--surface);color:var(--text-primary);align-self:flex-start;font-family:monospace;border:1px solid var(--border)}.chat-input[data-v-e131d1b9]{padding:var(--spacing-4);background-color:var(--surface);border-top:1px solid var(--border);display:flex;gap:var(--spacing-2);flex-shrink:0}.chat-input textarea[data-v-e131d1b9]{flex:1;padding:var(--spacing-2);border:1px solid var(--border);border-radius:var(--radius);background-color:var(--background);color:var(--text-primary);resize:none;font-family:inherit;line-height:1.5;height:60px}.chat-input textarea[data-v-e131d1b9]:focus{outline:none;border-color:var(--primary)}.chat-input button[data-v-e131d1b9]{padding:var(--spacing-2) var(--spacing-4);border:none;background-color:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap}.chat-input button[data-v-e131d1b9]:hover:not(:disabled){background-color:var(--primary-dark)}.chat-input button[data-v-e131d1b9]:disabled{opacity:.5;cursor:not-allowed}.preview-section[data-v-e131d1b9]{flex:1;display:flex;flex-direction:column;min-width:400px}.tabs[data-v-e131d1b9]{display:flex;gap:var(--spacing-1);padding:var(--spacing-2);background-color:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tabs button[data-v-e131d1b9]{padding:var(--spacing-2) var(--spacing-4);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);transition:var(--transition)}.tabs button[data-v-e131d1b9]:hover{background-color:var(--background)}.tabs button.active[data-v-e131d1b9]{background-color:var(--primary);color:#fff}.tab-content[data-v-e131d1b9]{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column}.json-section[data-v-e131d1b9]{flex:1;display:flex;flex-direction:column}.json-content[data-v-e131d1b9]{font-family:monospace;white-space:pre-wrap;word-break:break-all;margin:0;padding:var(--spacing-2);background-color:var(--color-background-soft);border-radius:var(--radius);font-size:.9rem;line-height:1.4}.empty-json[data-v-e131d1b9]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-light);text-align:center}.empty-icon[data-v-e131d1b9]{font-size:2rem;margin-bottom:var(--spacing-4);opacity:.5}.empty-json p[data-v-e131d1b9]{margin:var(--spacing-1) 0;font-size:.9rem}.message-content pre[data-v-e131d1b9]{max-height:400px;overflow:auto}.prompt-view pre[data-v-e131d1b9]{margin:0;padding:var(--spacing-4);background-color:var(--surface);border-radius:var(--radius);overflow-x:auto;white-space:pre-line;word-break:break-word;color:var(--text-primary);font-family:monospace;line-height:1.5;flex:1;border:1px solid var(--border)}.prompt-text[data-v-e131d1b9]{margin:0;padding:var(--spacing-4);white-space:pre-line;word-break:break-word;line-height:1.6;color:var(--color-text);background-color:var(--color-background-soft);border-radius:var(--radius)}.preview-view[data-v-e131d1b9]{height:100%;overflow-y:auto;background-color:#fff;border-radius:var(--radius);padding:var(--spacing-4);flex:1;border:1px solid var(--border)}.preview-wrapper[data-v-e131d1b9]{background-color:var(--background);min-height:100px;padding:20px}#preview-content[data-v-e131d1b9]{width:100%}.preview-actions[data-v-e131d1b9]{margin-top:16px;display:flex;justify-content:center;padding:12px;background:var(--surface);border-top:1px solid var(--border)}.download-button[data-v-e131d1b9]{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.download-button[data-v-e131d1b9]:hover{background:linear-gradient(135deg,#1557b0,#0a3578);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.download-button[data-v-e131d1b9]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.download-button[data-v-e131d1b9]:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.template-view[data-v-e131d1b9]{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1}.template-header[data-v-e131d1b9]{margin-bottom:var(--spacing-4)}.template-info[data-v-e131d1b9]{background-color:var(--color-background-soft);border-radius:var(--radius);padding:var(--spacing-4);margin-top:var(--spacing-2)}.template-info p[data-v-e131d1b9]{margin:var(--spacing-2) 0;color:var(--color-text)}.template-info ul[data-v-e131d1b9]{margin:var(--spacing-2) 0;padding-left:var(--spacing-6)}.template-info li[data-v-e131d1b9]{margin:var(--spacing-2) 0;color:var(--color-text-light)}.template-info code[data-v-e131d1b9]{background-color:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.template-info a[data-v-e131d1b9]{color:var(--color-primary);text-decoration:none}.template-info a[data-v-e131d1b9]:hover{text-decoration:underline}.template-section[data-v-e131d1b9]{flex:1;display:flex;flex-direction:column}.template-section h4[data-v-e131d1b9]{margin:0 0 var(--spacing-2) 0;color:var(--text-primary)}.template-section pre[data-v-e131d1b9]{flex:1;margin:0;padding:var(--spacing-4);background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-primary);font-family:monospace;line-height:1.5}