@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.credits-display[data-v-92500edb]{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all)}.credits-display[data-v-92500edb]:hover{background-color:var(--color-sand-100);border-color:var(--color-primary-base)}.credits-icon[data-v-92500edb]{color:var(--color-primary-base);flex-shrink:0}.credits-amount[data-v-92500edb]{font-size:var(--text-sm);font-weight:600;color:var(--color-text-headline);font-family:var(--font-body)}@media (max-width: 768px){.credits-display[data-v-92500edb]{padding:var(--spacing-1) var(--spacing-2);margin-right:var(--spacing-2)}.credits-amount[data-v-92500edb]{font-size:var(--text-xs)}}.expandable-tabs-container[data-v-1a9e4f54]{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;border-radius:1rem;background-color:#fff;padding:.25rem;max-width:100%;box-shadow:0 1px 3px #0000001a}.tabs-separator[data-v-1a9e4f54]{margin-left:.25rem;margin-right:.25rem;height:24px;width:1px;background-color:var(--color-gray-300);opacity:.5}.tab-button[data-v-1a9e4f54]{position:relative;display:flex;align-items:center;border-radius:.75rem;padding:.5rem;font-size:var(--text-md);font-weight:500;background-color:transparent;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);will-change:transform,background-color;transform:translateZ(0);gap:.5rem;cursor:pointer}.tab-button svg[data-v-1a9e4f54]{width:22px;height:22px;min-width:22px;z-index:2;stroke-width:2px}.tab-active[data-v-1a9e4f54]{background-color:#fff;color:var(--color-gray-900);padding-left:1rem;padding-right:1rem;box-shadow:0 1px 2px #0000000d}.tab-inactive[data-v-1a9e4f54]{color:var(--color-gray-600)}.tab-inactive[data-v-1a9e4f54]:hover{background-color:#ffffff80;color:var(--color-gray-900)}.tab-text-container[data-v-1a9e4f54]{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);will-change:max-width,opacity;transform:translateZ(0)}.tab-text-container.expanded[data-v-1a9e4f54]{max-width:120px;opacity:1}.tab-text[data-v-1a9e4f54]{margin-left:.25rem;display:inline-block;white-space:nowrap}@media (max-width: 768px){.expandable-tabs-container[data-v-1a9e4f54]{width:100%;justify-content:space-between}.tab-button[data-v-1a9e4f54]{padding:.25rem .5rem}}.app{min-height:100vh;background:var(--color-background-primary);color:var(--color-text-body);display:flex}.app-content{min-height:100vh;width:100%;display:flex;flex-direction:column;transition:margin-left .3s ease}.app-content.with-sidebar{margin-left:0}.app-header{background-color:var(--color-warm-cream);box-shadow:var(--shadow-sm);padding:var(--spacing-4) var(--spacing-6);position:sticky;top:0;z-index:20}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max-width);margin:0 auto;width:100%}.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.header-logo{height:80px;width:auto}.page-title h1{font-size:var(--text-2xl);margin:0;color:var(--color-text-headline);letter-spacing:-.02em;font-weight:700}.header-nav{display:flex;align-items:center;justify-content:center;max-width:400px;width:100%}.header-nav-item{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);text-decoration:none;font-weight:500;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);transition:all .2s ease}.header-nav-item:hover{text-decoration:none;color:var(--color-primary-600);background-color:var(--color-primary-50)}.header-nav-item.router-link-active{color:var(--color-primary-600);background-color:var(--color-primary-100)}.header-nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.header-nav-item .nav-text{font-size:var(--text-md);font-weight:500}.header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.action-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--color-text-body);position:relative;transition:background-color .2s ease}.action-button:hover{background-color:var(--color-secondary-100)}.action-button.profile{text-decoration:none}.login-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:background-color .2s ease}.login-button:hover{background-color:var(--color-primary-700)}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary-base);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg)}.notification-badge{position:absolute;top:0;right:0;background-color:var(--color-error);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.app-content.with-sidebar{margin-left:0}.header-content{flex-wrap:wrap;padding:var(--spacing-2);gap:var(--spacing-4)}.header-left{width:100%;justify-content:space-between}.header-nav{order:3;width:100%;justify-content:space-between;overflow-x:auto;padding-bottom:var(--spacing-2);margin-top:var(--spacing-2);-webkit-overflow-scrolling:touch}.header-nav-item{padding:var(--spacing-2);flex-direction:column;font-size:var(--text-xs)}.header-nav-item .nav-text{font-size:var(--text-sm);font-weight:500}.page-title h1{font-size:var(--text-lg)}.app-main{padding:var(--spacing-4)}.app-footer{padding:var(--spacing-4) 0}.footer-content{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.footer-links{gap:var(--spacing-6)}@media (max-width: 480px){.page-title{display:none}.header-logo{height:40px}.header-actions{transform:scale(.9)}.footer-links{gap:var(--spacing-2)}}}.app-main{flex:1;padding:var(--spacing-6);max-width:var(--container-max-width);margin:0 auto;width:100%}.app-footer{background:var(--color-gradient-subtle);border-top:1px solid rgba(226,232,240,.6);padding:var(--spacing-6) 0;color:var(--color-text-headline);font-size:var(--text-md)}.footer-content{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-areas:"links" "social" "copyright";gap:var(--spacing-4);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.footer-links{grid-area:links;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-6)}.footer-link{color:var(--color-text-headline);text-decoration:none;font-weight:500;transition:color .2s ease;position:relative;font-size:var(--text-md)}.footer-link:hover{color:var(--color-primary-600);text-decoration:none}.footer-social{grid-area:social;justify-content:center;display:flex;gap:var(--spacing-4);width:100%}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;transition:background-color .2s ease,transform .2s ease;box-shadow:0 1px 3px #0000001a}.social-link:hover{background-color:var(--color-primary-100);transform:translateY(-2px)}@media (max-width: 767px){.footer-links{flex-direction:column;align-items:center;gap:var(--spacing-3)}.footer-social{margin-top:var(--spacing-2);justify-content:center}}.social-icon{width:20px;height:20px}.footer-copyright{grid-area:copyright;text-align:center;font-size:var(--text-lg);color:var(--color-gray-700);font-weight:500}@media (min-width: 768px){.footer-content{grid-template-columns:1fr;grid-template-areas:"links" "social" "copyright";align-items:center}.footer-links,.footer-social{width:100%}.footer-copyright{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}}.fonts-loaded h1,.fonts-loaded h2,.fonts-loaded h3,.fonts-loaded h4,.fonts-loaded h5,.fonts-loaded h6{opacity:1;transition:opacity .2s ease}h1,h2,h3,h4,h5,h6{opacity:0}a.router-link-active,a.router-link-exact-active,a:hover{text-decoration:none}@media (max-width: 768px){.app-main{padding:var(--spacing-4)}}.video-trimmer[data-v-f2474aa4]{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.video-container[data-v-f2474aa4]{width:100%;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-900)}.main-video[data-v-f2474aa4]{width:100%;display:block}.timeline-container[data-v-f2474aa4]{display:flex;flex-direction:column;gap:var(--spacing-2)}.timeline[data-v-f2474aa4]{position:relative;height:60px;background-color:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.thumbnails-container[data-v-f2474aa4]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.thumbnails-wrapper[data-v-f2474aa4]{display:flex;width:100%;height:100%}.thumbnail[data-v-f2474aa4]{height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.thumbnails-loading[data-v-f2474aa4]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-size:var(--text-sm)}.trim-region[data-v-f2474aa4]{position:absolute;top:0;height:100%;background-color:rgba(var(--color-primary-600-rgb),.2);border:2px solid var(--color-primary-600);z-index:2}.trim-handle[data-v-f2474aa4]{position:absolute;top:0;width:12px;height:100%;cursor:col-resize;display:flex;align-items:center;justify-content:center;z-index:3}.trim-handle.left[data-v-f2474aa4]{left:-6px}.trim-handle.right[data-v-f2474aa4]{right:-6px}.handle-line[data-v-f2474aa4]{width:4px;height:100%;background-color:var(--color-primary-600)}.playhead[data-v-f2474aa4]{position:absolute;top:0;height:100%;width:2px;background-color:var(--color-error);z-index:1;pointer-events:none}.time-indicators[data-v-f2474aa4]{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-gray-700)}.trim-duration[data-v-f2474aa4]{font-weight:500;color:var(--color-primary-600)}.trim-controls[data-v-f2474aa4]{display:flex;justify-content:space-between;gap:var(--spacing-4);margin-top:var(--spacing-2)}.preview-btn[data-v-f2474aa4]{margin-right:auto}@media (max-width: 768px){.timeline[data-v-f2474aa4]{height:40px}.trim-controls[data-v-f2474aa4]{flex-wrap:wrap;gap:var(--spacing-2)}.preview-btn[data-v-f2474aa4]{order:2;margin-right:0}}.page-container[data-v-74792999]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6)}.page-title[data-v-74792999]{font-family:var(--font-heading);font-size:var(--text-4xl);margin-bottom:var(--spacing-6);color:var(--color-gray-900)}.step-container[data-v-74792999]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.heading-2[data-v-74792999]{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-gray-900);margin:0}.subtitle[data-v-74792999]{color:var(--color-gray-500);margin:var(--spacing-2) 0 0}.upload-form[data-v-74792999]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group[data-v-74792999]{margin-bottom:var(--spacing-4)}.input-helper[data-v-74792999]{margin-top:var(--spacing-1);color:var(--color-gray-500);font-size:var(--text-sm)}.category-selector[data-v-74792999]{display:flex;gap:var(--spacing-2);align-items:center}.form-control[data-v-74792999]{flex:1;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-body);background-color:#fff}.required[data-v-74792999]{color:var(--color-error)}.video-wrapper[data-v-74792999]{width:100%}.preview-video[data-v-74792999]{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm)}.metadata-grid[data-v-74792999]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg)}.metadata-item[data-v-74792999]{display:flex;flex-direction:column;gap:var(--spacing-1)}.label[data-v-74792999]{color:var(--color-gray-500);font-size:var(--text-sm)}.value[data-v-74792999]{color:var(--color-gray-900);font-weight:500}.empty-preview[data-v-74792999]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--color-gray-400);background:var(--color-gray-50);border-radius:var(--radius-lg)}.empty-preview p[data-v-74792999]{margin-top:var(--spacing-4);margin-bottom:0}.hint[data-v-74792999]{font-size:var(--text-sm);color:var(--color-gray-400)}.edit-section[data-v-74792999]{grid-column:1 / -1}.editor-container[data-v-74792999]{display:flex;flex-direction:column;gap:var(--spacing-6)}.editor-tips[data-v-74792999]{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-top:var(--spacing-4)}.editor-tips h3[data-v-74792999]{margin-top:0;margin-bottom:var(--spacing-3);font-size:var(--text-lg);color:var(--color-gray-800)}.editor-tips ul[data-v-74792999]{margin:0;padding-left:var(--spacing-6);color:var(--color-gray-700)}.editor-tips li[data-v-74792999]{margin-bottom:var(--spacing-2)}.form-actions[data-v-74792999]{display:flex;justify-content:space-between;margin-top:var(--spacing-6)}.modal-overlay[data-v-74792999]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content[data-v-74792999]{background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius-lg);max-width:450px;width:100%}.modal-content h3[data-v-74792999]{margin-top:0;margin-bottom:var(--spacing-4)}.modal-actions[data-v-74792999]{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6)}.form-section[data-v-74792999]{margin-bottom:var(--spacing-4)}.form-section label[data-v-74792999]{display:block;margin-bottom:var(--spacing-2);font-weight:500}.processing-modal[data-v-74792999]{text-align:center}.processing-spinner[data-v-74792999]{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary-600);animation:spin-74792999 1s linear infinite;margin:0 auto var(--spacing-4)}.progress-bar[data-v-74792999]{height:10px;background-color:var(--color-gray-200);border-radius:var(--radius-md);margin:var(--spacing-4) 0;overflow:hidden}.progress-fill[data-v-74792999]{height:100%;background-color:var(--color-primary-600);transition:width .3s ease}.progress-text[data-v-74792999]{font-weight:500;color:var(--color-gray-700)}@keyframes spin-74792999{to{transform:rotate(360deg)}}@media (max-width: 768px){.step-container[data-v-74792999]{grid-template-columns:1fr}.metadata-grid[data-v-74792999]{grid-template-columns:repeat(2,1fr)}.form-actions[data-v-74792999]{flex-wrap:wrap;gap:var(--spacing-2)}.form-actions button[data-v-74792999]{flex:1}}.page-container[data-v-de8fce97]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6)}.page-header[data-v-de8fce97]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}h1[data-v-de8fce97]{margin:0;font-size:var(--text-3xl)}.categories-grid[data-v-de8fce97]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-6)}.category-card[data-v-de8fce97]{display:flex;flex-direction:column}.category-thumb[data-v-de8fce97]{height:140px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-4)}.category-thumb img[data-v-de8fce97]{width:100%;height:100%;object-fit:cover}.placeholder-thumb[data-v-de8fce97]{color:var(--color-gray-400)}h3[data-v-de8fce97]{margin:0 0 var(--spacing-2);font-size:var(--text-xl)}.category-desc[data-v-de8fce97]{color:var(--color-gray-600);margin-bottom:var(--spacing-4);flex-grow:1}.category-meta[data-v-de8fce97]{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-4)}.card-actions[data-v-de8fce97]{display:flex;gap:var(--spacing-2)}.delete-btn[data-v-de8fce97]{margin-left:auto;color:var(--color-error);border-color:var(--color-error)}.empty-state[data-v-de8fce97]{text-align:center;padding:var(--spacing-12);background-color:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6)}.empty-icon[data-v-de8fce97]{color:var(--color-gray-400)}.loading[data-v-de8fce97]{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.error-message[data-v-de8fce97]{text-align:center;padding:var(--spacing-8);color:var(--color-error);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.modal-overlay[data-v-de8fce97]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content[data-v-de8fce97]{background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius-lg);max-width:400px;width:100%}.modal-actions[data-v-de8fce97]{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6)}.category-form[data-v-e0c29381],.form-section[data-v-e0c29381]{margin-bottom:var(--spacing-6)}.form-section>label[data-v-e0c29381]{display:block;font-weight:500;margin-bottom:var(--spacing-2)}.thumbnail-section[data-v-e0c29381]{margin-bottom:var(--spacing-4)}.thumbnail-preview[data-v-e0c29381]{position:relative;width:200px;height:150px;margin-bottom:var(--spacing-4);background-color:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.thumbnail-preview img[data-v-e0c29381]{width:100%;height:100%;object-fit:cover}.upload-area[data-v-e0c29381]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;background-color:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-4)}.upload-area[data-v-e0c29381]:hover{background-color:var(--color-gray-100)}.upload-area svg[data-v-e0c29381]{margin-bottom:var(--spacing-2);color:var(--color-gray-400)}.code-editor[data-v-e0c29381]{width:100%;font-family:monospace;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-50)}.section-header[data-v-e0c29381]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.section-header h3[data-v-e0c29381]{margin:0;font-size:var(--text-lg)}.empty-subcategories[data-v-e0c29381]{background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center;color:var(--color-gray-500);margin-bottom:var(--spacing-4)}.subcategory-item[data-v-e0c29381]{background-color:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.subcategory-header[data-v-e0c29381]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.subcategory-header h4[data-v-e0c29381]{margin:0;font-size:var(--text-base)}.form-row[data-v-e0c29381]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.remove-button[data-v-e0c29381]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-gray-200);border:none;cursor:pointer;transition:all .2s}.remove-button[data-v-e0c29381]:hover{background-color:var(--color-error);color:#fff}.form-actions[data-v-e0c29381]{display:flex;justify-content:flex-end;gap:var(--spacing-4)}.error-text[data-v-e0c29381]{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--spacing-1)}@media (max-width: 768px){.form-row[data-v-e0c29381]{grid-template-columns:1fr}}.page-container[data-v-320a3646]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6)}.page-header[data-v-320a3646]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}h1[data-v-320a3646]{margin:0;font-size:var(--text-3xl)}.back-link[data-v-320a3646]{text-decoration:none}.video-preview-container[data-v-6a71d865]{display:flex!important;width:100%!important;gap:1rem!important}.preview-section[data-v-6a71d865],.metadata-section[data-v-6a71d865]{flex:1!important;max-width:50%!important;width:50%!important}.video-wrapper[data-v-6a71d865]{background-color:#000;border-radius:.5rem;overflow:hidden;position:relative}.video-preview[data-v-6a71d865]{width:100%;display:block}.text-overlay-preview[data-v-6a71d865]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;pointer-events:none}.text-overlay-lines[data-v-6a71d865]{position:relative;width:100%;height:100%}.text-overlay-line[data-v-6a71d865]{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-family:Horizon,system-ui,-apple-system,sans-serif;font-size:clamp(.9rem,2.2vw,1.4rem);font-weight:700;color:#fff;text-align:center;line-height:1.2;text-shadow:2px 2px 0 rgba(0,0,0,.8),-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black,-2px 0 0 black,2px 0 0 black,0 -2px 0 black,0 2px 0 black}.video-placeholder[data-v-6a71d865]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background-color:#0000000d;border-radius:.5rem;color:#888;text-align:center}.placeholder-icon[data-v-6a71d865]{width:48px;height:48px;stroke:currentColor}.placeholder-text[data-v-6a71d865]{margin-top:1rem;margin-bottom:.25rem;font-weight:500}.placeholder-hint[data-v-6a71d865]{font-size:.875rem;opacity:.7}.metadata-title[data-v-6a71d865]{margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.metadata-grid[data-v-6a71d865]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metadata-item[data-v-6a71d865]{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.metadata-icon[data-v-6a71d865]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#006d771a;border-radius:.375rem;color:#006d77}.metadata-content[data-v-6a71d865]{display:flex;flex-direction:column}.metadata-label[data-v-6a71d865]{font-size:.875rem;color:#64748b}.metadata-value[data-v-6a71d865]{font-weight:500;color:#1e293b}@media (max-width: 768px){.video-preview-container[data-v-6a71d865]{flex-direction:column}.preview-section[data-v-6a71d865],.metadata-section[data-v-6a71d865]{max-width:100%;flex:1 0 auto}.metadata-grid[data-v-6a71d865]{grid-template-columns:1fr}.text-overlay-line[data-v-6a71d865]{font-size:clamp(.7rem,3vw,1.1rem)}}.hook-generator[data-v-c11165b8]{display:flex;flex-direction:column;gap:24px;position:relative}.hook-content-layout[data-v-c11165b8]{display:flex;flex-direction:row;gap:24px}.hook-text-pane[data-v-c11165b8]{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#f9f9f9;border-radius:8px;flex:1}.template-preview[data-v-c11165b8]{display:flex;flex-direction:column;gap:8px;flex:1}.template-name[data-v-c11165b8]{font-size:18px;font-weight:600;margin:0 0 8px}.video-container[data-v-c11165b8]{position:relative;width:100%;border-radius:8px;overflow:hidden;background-color:#000}.template-video[data-v-c11165b8],.generated-video[data-v-c11165b8]{width:100%;max-height:360px;object-fit:contain}.preview-wrapper[data-v-c11165b8]{position:relative;width:100%}.generation-progress-overlay[data-v-c11165b8]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.progress-container[data-v-c11165b8]{width:80%;text-align:center}.progress-bar[data-v-c11165b8]{height:10px;background-color:#fff3;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-c11165b8]{height:100%;background-color:#4caf50;border-radius:5px;transition:width .5s ease}.progress-stage[data-v-c11165b8]{color:#fff;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.form-group[data-v-c11165b8]{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}label[data-v-c11165b8]{font-weight:600;font-size:1.25rem;color:var(--color-gray-800);margin-bottom:.75rem}.btn-primary.btn-md[data-v-c11165b8]{margin-bottom:2rem}.display-options-label[data-v-c11165b8]{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin-bottom:.75rem}.radio-options[data-v-c11165b8]{display:flex;flex-direction:column;gap:10px}.hook-text-input[data-v-c11165b8]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;line-height:1.5;resize:vertical;min-height:120px;max-width:100%;box-sizing:border-box}.hook-generator .hook-text-pane .form-group textarea.hook-text-input[data-v-c11165b8]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.hook-generator .hook-text-pane .form-group textarea.hook-text-input[data-v-c11165b8]:focus{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.allow-select[data-v-c11165b8],.allow-select[data-v-c11165b8] *{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;-webkit-touch-callout:text!important}.hook-generator[data-v-c11165b8] *{-webkit-user-drag:auto}#hook-text[data-v-c11165b8]{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.hook-text-input[data-v-c11165b8]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.text-count[data-v-c11165b8]{font-size:.9rem;color:#666;text-align:right;margin-top:.25rem}.radio-container[data-v-c11165b8]{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-label[data-v-c11165b8]{font-weight:400;font-size:1rem}.form-actions[data-v-c11165b8]{display:flex;justify-content:center;margin-top:16px}.generate-button[data-v-c11165b8]{padding:12px 24px;background-color:var(--color-primary-500);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;min-width:150px}.generate-button[data-v-c11165b8]:hover:not(:disabled){background-color:var(--color-primary-600)}.generate-button[data-v-c11165b8]:disabled{background-color:#ccc;cursor:not-allowed}.generated-hook[data-v-c11165b8]{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#f0f8ff;border-radius:8px;border:1px solid #d0e8ff}.hook-actions[data-v-c11165b8]{display:flex;gap:12px;justify-content:center;margin-top:8px}.use-hook-button[data-v-c11165b8],.regenerate-button[data-v-c11165b8]{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .3s}.use-hook-button[data-v-c11165b8]{background-color:var(--color-primary-500);color:#fff;border:none}.use-hook-button[data-v-c11165b8]:hover{background-color:var(--color-primary-600)}.regenerate-button[data-v-c11165b8]{background-color:transparent;border:1px solid var(--color-primary-500);color:var(--color-primary-500)}.regenerate-button[data-v-c11165b8]:hover{background-color:rgba(var(--color-primary-rgb),.1)}.error-alert[data-v-c11165b8]{position:relative;padding:12px;background-color:#ffebee;color:#c62828;border-radius:6px;margin-top:16px;animation:fadeIn-c11165b8 .3s ease-in-out}.close-error[data-v-c11165b8]{position:absolute;top:8px;right:8px;background:none;border:none;color:#c62828;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.loading-icon[data-v-c11165b8]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-c11165b8 1s linear infinite;margin-right:8px}@keyframes spin-c11165b8{to{transform:rotate(360deg)}}@keyframes fadeIn-c11165b8{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.hook-content-layout[data-v-c11165b8]{flex-direction:row;align-items:flex-start}.hook-text-pane[data-v-c11165b8],.template-preview[data-v-c11165b8]{flex:1 1 48%;min-width:300px}.generated-hook[data-v-c11165b8]{flex-basis:100%}}@media (max-width: 767px){.hook-content-layout[data-v-c11165b8]{flex-direction:column}.hook-text-pane[data-v-c11165b8]{order:1}.template-preview[data-v-c11165b8]{order:2}}.steps-progress-bar[data-v-f59022ca]{width:100%;margin-bottom:var(--spacing-6)}.progress-track[data-v-f59022ca]{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-3)}.progress-fill[data-v-f59022ca]{height:100%;background-color:var(--color-primary-500);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full)}.step-labels[data-v-f59022ca]{display:flex;justify-content:space-between;width:100%}.step-label[data-v-f59022ca]{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:500;transition:color .3s ease;text-align:center;flex:1}.label-active[data-v-f59022ca]{color:var(--color-primary-600);font-weight:600}.label-completed[data-v-f59022ca]{color:var(--color-gray-700)}@media (max-width: 768px){.step-label[data-v-f59022ca]{font-size:var(--text-xs)}.progress-track[data-v-f59022ca]{height:4px}}.highlight-selection[data-v-398157f8]{animation:pulse-398157f8 1.5s ease-in-out}@keyframes pulse-398157f8{0%{box-shadow:0 0 rgba(var(--color-primary-base),.4)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary-base),0)}to{box-shadow:0 0 rgba(var(--color-primary-base),0)}}.continue-with-credits[data-v-398157f8]{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.button-text[data-v-398157f8]{flex:1;text-align:center}.credit-cost[data-v-398157f8]{background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.continue-with-credits:hover .credit-cost[data-v-398157f8]{background:#f8f9fa;border-color:#00000026;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.modal-overlay[data-v-398157f8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content[data-v-398157f8]{background-color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-398157f8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.close-modal-button[data-v-398157f8]{background:none!important;border:none!important;cursor:pointer;padding:0;margin-left:10px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;outline:none;transition:all .2s ease}.close-modal-button[data-v-398157f8]:hover{opacity:.6;transform:scale(1.1)}.template-modal .templates-grid[data-v-398157f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1rem}.credits-modal[data-v-398157f8]{max-width:480px;text-align:center}.credits-modal .modal-body[data-v-398157f8]{padding:1.5rem 0}.credits-icon[data-v-398157f8]{margin-bottom:1.5rem}.coin-stack[data-v-398157f8]{display:inline-block;position:relative;transform:scale(1.5)}.coin-stack .coin[data-v-398157f8]{font-size:2rem;line-height:1;position:absolute;top:0;left:0;animation:bounce-398157f8 2s infinite}.coin-stack .coin[data-v-398157f8]:nth-child(2){transform:translate(-8px,-4px);animation-delay:.2s}.coin-stack .coin[data-v-398157f8]:nth-child(3){transform:translate(-16px,-8px);animation-delay:.4s}@keyframes bounce-398157f8{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.credits-message[data-v-398157f8]{font-size:1.1rem;color:var(--color-gray-700);margin-bottom:1rem;line-height:1.6}.credits-suggestion[data-v-398157f8]{font-size:1rem;color:var(--color-gray-600);margin-bottom:2rem}.modal-actions[data-v-398157f8]{display:flex;gap:1rem;justify-content:center;align-items:center}.select-avatar-button[data-v-398157f8]{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-button-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px;margin-bottom:16px;width:fit-content}.select-avatar-button[data-v-398157f8]:hover{background-color:var(--color-button-primary);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.placeholder-message[data-v-398157f8]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.radio-options[data-v-398157f8]{display:flex;flex-direction:column;gap:10px}.radio-container[data-v-398157f8]{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-label[data-v-398157f8]{font-size:14px}.loading-icon[data-v-398157f8]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-398157f8 1s linear infinite}.video-creator[data-v-398157f8]{max-width:1200px;margin:0 auto;padding:var(--spacing-6)}.creator-title[data-v-398157f8]{font-family:var(--font-heading);font-size:var(--text-4xl);text-align:center;margin-bottom:var(--spacing-2);color:var(--color-gray-900)}.creator-description[data-v-398157f8]{text-align:center;color:var(--color-gray-600);margin-bottom:var(--spacing-8)}.step-container[data-v-398157f8]{background-color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.step-title[data-v-398157f8]{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--spacing-6);color:var(--color-gray-900)}.hook-container[data-v-398157f8]{display:flex;flex-direction:column;gap:var(--spacing-8);margin-bottom:var(--spacing-6)}.hook-intro[data-v-398157f8]{background-color:var(--color-primary-50);padding:var(--spacing-5);border-radius:var(--radius-lg);border-left:5px solid var(--color-primary-500);box-shadow:0 4px 12px #0000000d}.hook-intro h3[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-2);color:var(--color-primary-700)}.hook-intro p[data-v-398157f8]{margin:0;color:var(--color-primary-900)}.template-selection[data-v-398157f8]{margin-bottom:var(--spacing-8);background-color:var(--color-gray-50);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d}.template-selection label[data-v-398157f8]{display:block;margin-bottom:var(--spacing-4);font-weight:600;font-size:var(--text-lg);color:var(--color-gray-800);border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-2)}.loading-indicator[data-v-398157f8]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.templates-grid[data-v-398157f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.template-card[data-v-398157f8]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer;background-color:#fff;box-shadow:0 2px 8px #0000000d}.template-card[data-v-398157f8]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary-300)}.template-card.selected[data-v-398157f8]{border:3px solid var(--color-primary-500);box-shadow:0 8px 20px rgba(var(--color-primary-base),.2);transform:scale(1.02)}.template-thumbnail[data-v-398157f8]{position:relative;height:140px;aspect-ratio:16 / 9;background-color:var(--color-gray-800);overflow:hidden}.thumbnail-video[data-v-398157f8],.thumbnail-image[data-v-398157f8]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}.thumbnail-image[data-v-398157f8]{z-index:1;opacity:1}.thumbnail-image.fade-out[data-v-398157f8]{opacity:0}.thumbnail-video[data-v-398157f8]{z-index:0;opacity:0}.thumbnail-video.fade-in[data-v-398157f8]{opacity:1}.template-info[data-v-398157f8]{padding:var(--spacing-3)}.template-name[data-v-398157f8]{margin:0 0 var(--spacing-1) 0;font-size:var(--text-md);color:var(--color-gray-900)}.template-description[data-v-398157f8]{margin:0;font-size:var(--text-sm);color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hook-preview-container[data-v-398157f8]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);background-color:#fff;padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:0 4px 15px #00000014;border:1px solid var(--color-gray-100)}.hook-text-panel[data-v-398157f8]{display:flex;flex-direction:column;gap:var(--spacing-6);padding-right:40px;border-right:1px solid var(--color-gray-100)}.hook-preview-panel[data-v-398157f8]{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;padding-left:var(--spacing-4)}.hook-preview-panel h4[data-v-398157f8]{margin:0 0 var(--spacing-4) 0;font-size:var(--text-lg);font-weight:600;color:var(--color-gray-800);text-align:center;width:100%;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-gray-100)}.video-wrapper[data-v-398157f8]{position:relative;width:100%;max-width:350px;min-width:250px;margin:0 auto;background-color:#000;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:9/16;min-height:450px;box-shadow:0 10px 30px #0003;border:3px solid var(--color-gray-900)}.preview-video[data-v-398157f8]{width:100%;height:100%;object-fit:cover}.text-overlay[data-v-398157f8]{position:absolute;bottom:auto;top:80%;left:0;right:0;font-family:Horizon!important;color:orange;padding:var(--spacing-3) var(--spacing-2);font-size:var(--text-xl);font-weight:600;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.text-overlay p[data-v-398157f8]{margin:0;text-align:center;text-shadow:0px 1px 2px rgba(0,0,0,.7);letter-spacing:.5px;line-height:1.2;font-family:var(--font-body)}.no-template-selected[data-v-398157f8]{display:flex;align-items:center;justify-content:center;aspect-ratio:9/16;max-width:350px;min-width:250px;min-height:450px;margin:0 auto;background-color:var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--text-lg);font-weight:600;border:3px dashed var(--color-gray-300);box-shadow:inset 0 0 20px #0000000d;text-align:center;padding:var(--spacing-4);letter-spacing:.5px}.upload-container[data-v-398157f8]{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-6)}.upload-area[data-v-398157f8]{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-8);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.upload-area[data-v-398157f8]:hover{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.upload-icon[data-v-398157f8]{margin-bottom:var(--spacing-4);color:var(--color-gray-400)}.upload-text[data-v-398157f8]{text-align:center}.primary-text[data-v-398157f8]{display:block;margin-bottom:var(--spacing-2);font-weight:500}.helper-text[data-v-398157f8]{font-size:var(--text-sm);color:var(--color-gray-500)}.hidden-input[data-v-398157f8]{display:none}.upload-info[data-v-398157f8]{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg)}.upload-info h3[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-3);font-size:var(--text-lg)}.upload-info ul[data-v-398157f8]{padding-left:var(--spacing-4);margin:0}.upload-info li[data-v-398157f8]{margin-bottom:var(--spacing-2);color:var(--color-gray-700)}.video-preview-container[data-v-398157f8]{grid-column:1 / -1;margin-top:var(--spacing-6);background-color:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4)}.video-preview-container h3[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-4);font-size:var(--text-xl);color:var(--color-gray-800)}.video-preview[data-v-398157f8]{width:100%;max-height:400px;border-radius:var(--radius-md);background-color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.video-info[data-v-398157f8]{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-item[data-v-398157f8]{flex:1;min-width:150px;background-color:#fff;padding:var(--spacing-3);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.info-label[data-v-398157f8]{display:block;font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.info-value[data-v-398157f8]{font-weight:500;color:var(--color-gray-900)}.trim-controls[data-v-398157f8]{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.file-actions[data-v-398157f8]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-secondary-100);border-radius:var(--radius-md);border:1px solid var(--color-secondary-200)}.file-info[data-v-398157f8]{flex:1}.file-info p[data-v-398157f8]{margin:0 0 var(--spacing-1) 0}.form-group[data-v-398157f8]{margin-bottom:var(--spacing-4)}.form-group label[data-v-398157f8]{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-gray-700)}textarea[data-v-398157f8],select[data-v-398157f8],input[type=text][data-v-398157f8]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);max-width:100%}.music-editor[data-v-398157f8]{display:flex;flex-direction:column;gap:var(--spacing-6)}.audio-upload-section[data-v-398157f8]{display:flex;flex-direction:column;gap:var(--spacing-4)}.audio-tips[data-v-398157f8]{background-color:var(--color-secondary-50);padding:var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--color-secondary-500);margin-top:var(--spacing-4)}.audio-tips h4[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-3);color:var(--color-secondary-700)}.preview-share-container[data-v-398157f8]{display:grid;grid-template-columns:minmax(350px,1fr) 2fr;gap:var(--spacing-6);margin-top:var(--spacing-4)}@media (max-width: 992px){.preview-share-container[data-v-398157f8]{grid-template-columns:1fr;grid-template-rows:auto auto}.final-video-player[data-v-398157f8],.loading-preview[data-v-398157f8]{max-width:300px;min-height:450px}}@media (max-width: 576px){.final-video-player[data-v-398157f8],.loading-preview[data-v-398157f8]{max-width:280px;min-height:420px}}.video-player[data-v-398157f8]{aspect-ratio:16/9;background-color:var(--color-gray-900);border-radius:var(--radius-md);overflow:hidden}.video-player video[data-v-398157f8]{width:100%;height:100%;object-fit:contain}.final-video-player[data-v-398157f8]{position:relative;width:100%;max-width:350px;margin:0 auto;background-color:#000;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:9/16;min-height:500px;box-shadow:0 10px 30px #0003;border:3px solid var(--color-gray-900)}.artwork-slideshow[data-v-398157f8]{position:relative;width:100%;max-width:350px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:9/16;min-height:500px;box-shadow:0 10px 30px #0003;border:3px solid var(--color-gray-900);display:flex;flex-direction:column;align-items:center}.artwork-container[data-v-398157f8]{width:100%;height:100%;position:relative;overflow:hidden}.artwork-image[data-v-398157f8]{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.artwork-caption[data-v-398157f8]{position:absolute;bottom:60px;left:0;right:0;background-color:#000000b3;color:#fff;padding:8px;margin:0;font-weight:700;text-align:center}.artwork-artist[data-v-398157f8]{position:absolute;bottom:30px;left:0;right:0;background-color:#000000b3;color:#fff;padding:8px;margin:0;font-style:italic;text-align:center}.artwork-info[data-v-398157f8]{position:absolute;top:20px;left:0;right:0;background-color:#000000b3;color:#fff;padding:8px;margin:0;text-align:center;font-weight:700}.fade-enter-active[data-v-398157f8],.fade-leave-active[data-v-398157f8]{transition:opacity .8s ease}.fade-enter-from[data-v-398157f8],.fade-leave-to[data-v-398157f8]{opacity:0}.final-video-preview[data-v-398157f8]{display:flex;flex-direction:column;align-items:center}.final-video-preview h3[data-v-398157f8]{margin-bottom:var(--spacing-4);text-align:center}.video-container[data-v-398157f8]{width:100%;display:flex;justify-content:center;align-items:center;min-height:550px}.final-video-player[data-v-398157f8]{position:relative;width:100%;max-width:350px;min-width:250px;margin:0 auto;background-color:#000;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:9/16;min-height:500px;box-shadow:0 10px 30px #0003;border:3px solid var(--color-gray-900)}.final-video-player video[data-v-398157f8]{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;bottom:0}.loading-preview[data-v-398157f8]{position:relative;width:100%;max-width:350px;margin:0 auto;background-color:var(--color-gray-900);border-radius:var(--radius-md);aspect-ratio:9/16;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #0003;border:3px solid var(--color-gray-900)}.loading-spinner[data-v-398157f8]{width:40px;height:40px;border:3px solid rgba(163,186,195,.3);border-radius:50%;border-top:3px solid var(--color-primary-500);animation:spin-398157f8 1s linear infinite;margin-bottom:var(--spacing-4)}.share-options[data-v-398157f8]{background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg)}.share-options h3[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-4)}.social-share-buttons[data-v-398157f8]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.share-btn[data-v-398157f8]{padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer}.share-btn.facebook[data-v-398157f8]{background-color:var(--color-primary-600)}.hook-content[data-v-398157f8]{display:flex;width:100%}.hook-content>.hook-text-panel[data-v-398157f8],.hook-content>.hook-preview-panel[data-v-398157f8]{flex:1 1 50%;min-width:0}.share-btn.twitter[data-v-398157f8]{background-color:var(--color-primary-500)}.share-btn.instagram[data-v-398157f8]{background-color:var(--color-primary-700)}.share-btn.tiktok[data-v-398157f8]{background-color:var(--color-primary-800)}.download-section[data-v-398157f8]{display:flex;gap:var(--spacing-2)}.btn-download[data-v-398157f8]{flex:1}.step-actions[data-v-398157f8]{padding-top:var(--spacing-8);margin-top:var(--spacing-6);display:flex;justify-content:space-between}.btn-primary[data-v-398157f8],.btn-secondary[data-v-398157f8],.btn-danger[data-v-398157f8]{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-width:100px}.btn-primary[data-v-398157f8]{background-color:var(--color-primary-500);color:#fff;border:none}.btn-primary[data-v-398157f8]:hover{background-color:var(--color-primary-600)}.btn-secondary[data-v-398157f8]{background-color:#fff;color:var(--color-primary-700);border:1px solid var(--color-secondary-400)}.btn-secondary[data-v-398157f8]:hover{background-color:var(--color-secondary-50)}.btn-danger[data-v-398157f8]{background-color:#fff;color:var(--color-error);border:1px solid var(--color-error-300)}.btn-danger[data-v-398157f8]:hover{background-color:var(--color-error-50)}.btn-sm[data-v-398157f8]{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-sm)}.btn-md[data-v-398157f8]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-base)}.trimmer-overlay[data-v-398157f8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.trimmer-container[data-v-398157f8]{background-color:#fff;border-radius:var(--radius-lg);width:95%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.trimmer-header[data-v-398157f8]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-secondary-200);background-color:var(--color-primary-50);color:var(--color-primary-700)}.trimmer-header h3[data-v-398157f8]{margin:0;font-size:var(--text-xl)}.close-button[data-v-398157f8]{background:none;border:none;cursor:pointer;color:var(--color-gray-500);transition:color .2s ease}.close-button[data-v-398157f8]:hover{color:var(--color-gray-900)}.trimmer-body[data-v-398157f8]{padding:var(--spacing-6)}.trimmer-help[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-4);color:var(--color-gray-600)}.trim-tips[data-v-398157f8]{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-secondary-100);border-radius:var(--radius-md)}.trim-tips h4[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-2);color:var(--color-primary-700)}.trim-tips ul[data-v-398157f8]{margin-bottom:0;padding-left:var(--spacing-6)}.trim-tips li[data-v-398157f8]{margin-bottom:var(--spacing-2)}.trimmer-actions[data-v-398157f8]{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-secondary-200);background-color:var(--color-secondary-50)}.processing-overlay[data-v-398157f8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.processing-content[data-v-398157f8]{background-color:#fff;padding:var(--spacing-5);border-radius:var(--radius-lg);max-width:90%;width:400px;text-align:center;border:2px solid var(--color-secondary-300);box-shadow:var(--shadow-lg);margin:0 var(--spacing-3)}.processing-content h3[data-v-398157f8]{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);color:var(--color-primary-600)}.processing-content p[data-v-398157f8]{margin-bottom:var(--spacing-3);color:var(--color-primary-800)}.progress-bar-container[data-v-398157f8]{width:100%;height:12px;background-color:var(--color-gray-200);border-radius:6px;margin:var(--spacing-3) 0;position:relative;overflow:hidden}.progress-bar[data-v-398157f8]{height:100%;background-color:var(--color-primary-500);border-radius:6px;transition:width .3s ease}.progress-text[data-v-398157f8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:600;color:var(--color-primary-900);text-shadow:0 0 2px rgba(255,255,255,.8)}.error-message[data-v-398157f8]{color:var(--color-error)!important;font-weight:500;background-color:var(--color-error-50);padding:var(--spacing-2);border-radius:var(--radius-md);border-left:3px solid var(--color-error)}.hook-style-options[data-v-398157f8],.music-options[data-v-398157f8]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.style-option[data-v-398157f8],.music-option[data-v-398157f8]{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-2);cursor:pointer;transition:all .2s ease}.style-option[data-v-398157f8]:hover,.music-option[data-v-398157f8]:hover{border-color:var(--color-primary-400)}.style-option.selected[data-v-398157f8],.music-option.selected[data-v-398157f8]{border-color:var(--color-primary-600);background-color:var(--color-primary-50)}.style-preview[data-v-398157f8]{height:60px;background-color:var(--color-gray-100);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-gray-500)}.custom-audio-upload[data-v-398157f8]{margin-bottom:var(--spacing-6);background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.custom-audio-upload h4[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-3);color:var(--color-gray-800);font-weight:600}.or-divider[data-v-398157f8]{text-align:center;position:relative;margin:20px 0}.or-divider[data-v-398157f8]:before{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:var(--color-gray-300);left:0}.or-divider[data-v-398157f8]:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:var(--color-gray-300);right:0}.or-divider span[data-v-398157f8]{position:relative;display:inline-block;background-color:#fff;padding:0 10px;color:var(--color-gray-600);font-size:14px}.hook-generator-container[data-v-398157f8]{margin-bottom:30px;border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:20px;background-color:var(--color-primary-50)}.generator-header[data-v-398157f8]{margin-bottom:15px;text-align:center}.generator-header h3[data-v-398157f8]{margin:0 0 5px;color:var(--color-primary-700)}.generator-header p[data-v-398157f8]{margin:0;color:var(--color-gray-600);font-size:14px}.generate-container[data-v-398157f8]{margin-top:var(--spacing-8);padding:var(--spacing-4);background-color:var(--color-secondary-100);border-radius:var(--radius-lg);border:1px solid var(--color-secondary-200);text-align:center}.generate-container h4[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-3);color:var(--color-secondary-800)}.generate-button[data-v-398157f8]{width:100%;margin-bottom:var(--spacing-2);display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)}.generate-hint[data-v-398157f8]{margin:0;font-size:var(--text-sm);color:var(--color-secondary-600)}.loading-spinner.small[data-v-398157f8]{width:16px;height:16px;border-width:2px}.background-music-question[data-v-398157f8]{text-align:center;background-color:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);border:1px solid var(--color-primary-200)}.background-music-question h4[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-4);font-size:var(--text-xl);color:var(--color-primary-700)}.music-choice-buttons[data-v-398157f8]{display:flex;justify-content:center;gap:var(--spacing-4)}.music-choice-buttons button[data-v-398157f8]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-width:160px;padding:var(--spacing-3) var(--spacing-4);font-weight:500}.music-options[data-v-398157f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-3)}.music-option[data-v-398157f8]{display:flex;align-items:center;gap:var(--spacing-2);background-color:#fff;padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all .2s ease}.music-option[data-v-398157f8]:hover{border-color:var(--color-primary-400);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.music-option.selected[data-v-398157f8]{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.music-icon[data-v-398157f8]{font-size:24px;color:var(--color-primary-500)}.music-details[data-v-398157f8]{flex:1}.music-name[data-v-398157f8]{display:block;font-weight:500}.music-mood[data-v-398157f8]{display:block;font-size:var(--text-sm);color:var(--color-gray-500)}.play-btn[data-v-398157f8]{width:36px;height:36px;border-radius:50%;background-color:var(--color-gray-200);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.play-btn[data-v-398157f8]:hover{background-color:var(--color-primary-300);color:#fff}.volume-slider[data-v-398157f8]{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.volume-slider input[type=range][data-v-398157f8]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-300);border-radius:3px;outline:none}.volume-slider input[type=range][data-v-398157f8]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary-500);cursor:pointer}.volume-value[data-v-398157f8]{font-weight:500;min-width:50px;text-align:right}.music-tips[data-v-398157f8]{margin-top:var(--spacing-6);padding:var(--spacing-3);background-color:var(--color-primary-50);border-radius:var(--radius-md)}.product-text-overlay[data-v-398157f8]{margin-top:var(--spacing-5);padding:var(--spacing-4);background-color:var(--color-secondary-50);border:1px solid var(--color-secondary-200);border-radius:var(--radius-md)}.product-text-overlay h4[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-2);color:var(--color-gray-800)}.product-text-overlay .helper-text[data-v-398157f8]{color:var(--color-gray-600);font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.product-text-preview[data-v-398157f8]{margin-top:var(--spacing-3)}.product-text-preview h5[data-v-398157f8]{margin-top:0;margin-bottom:var(--spacing-2);font-size:var(--text-sm);color:var(--color-gray-700)}.text-preview-box[data-v-398157f8]{background-color:#000000b3;color:#fff;border-radius:var(--radius-md);padding:var(--spacing-3);font-weight:500;font-size:var(--text-md);text-align:center}.toggle[data-v-398157f8]{display:flex;align-items:center;cursor:pointer}.toggle input[data-v-398157f8]{display:none}.toggle-slider[data-v-398157f8]{position:relative;width:40px;height:20px;background-color:var(--color-gray-300);border-radius:10px;margin-right:var(--spacing-2);transition:all .3s ease}.toggle-slider[data-v-398157f8]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:all .3s ease}.toggle input:checked+.toggle-slider[data-v-398157f8]{background-color:var(--color-primary-500)}.toggle input:checked+.toggle-slider[data-v-398157f8]:before{transform:translate(20px)}@media (max-width: 1024px){.template-card[data-v-398157f8]{max-width:none}.hook-content[data-v-398157f8]{gap:var(--spacing-4);padding:var(--spacing-4);display:flex;flex-wrap:wrap}}@media (max-width: 768px){.upload-container[data-v-398157f8],.music-editor[data-v-398157f8],.hook-content[data-v-398157f8],.preview-share-container[data-v-398157f8]{grid-template-columns:1fr}.video-wrapper[data-v-398157f8],.no-template-selected[data-v-398157f8]{max-width:280px;min-height:450px}.hook-text-panel[data-v-398157f8]{padding-right:0;border-right:none;padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.hook-preview-panel[data-v-398157f8]{padding-left:0;padding-top:var(--spacing-6)}.templates-grid[data-v-398157f8]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.step-actions[data-v-398157f8]{flex-direction:column;gap:var(--spacing-4)}.step-actions button[data-v-398157f8]{width:100%}}@media (max-width: 480px){.step-container[data-v-398157f8]{padding:var(--spacing-3)}.step-title[data-v-398157f8]{font-size:1.5rem}input[data-v-398157f8],select[data-v-398157f8],textarea[data-v-398157f8],button[data-v-398157f8]{font-size:16px!important}.trimmer-header[data-v-398157f8]{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.trimmer-header .close-button[data-v-398157f8]{position:absolute;top:var(--spacing-4);right:var(--spacing-4)}.trimmer-body[data-v-398157f8]{padding:var(--spacing-4)}.trimmer-actions[data-v-398157f8]{flex-direction:column;padding:var(--spacing-3) var(--spacing-4)}.trimmer-actions button[data-v-398157f8]{width:100%}.video-creator[data-v-398157f8]{padding:var(--spacing-3)}.creator-title[data-v-398157f8]{font-size:var(--text-2xl)}.step-container[data-v-398157f8]{padding:var(--spacing-4)}.video-wrapper[data-v-398157f8],.no-template-selected[data-v-398157f8]{max-width:100%;min-width:auto;min-height:400px}.templates-grid[data-v-398157f8]{grid-template-columns:1fr}.hook-examples ul[data-v-398157f8]{padding-left:var(--spacing-4)}.template-thumbnail[data-v-398157f8]{height:180px;aspect-ratio:16 / 9}.file-actions[data-v-398157f8]{flex-direction:column;gap:var(--spacing-3)}.file-actions button[data-v-398157f8]{width:100%}.step-indicator[data-v-398157f8]{min-width:60px}.step-icon[data-v-398157f8]{width:48px;height:48px}.template-name[data-v-398157f8],.template-description[data-v-398157f8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.templates-grid[data-v-398157f8]{max-height:60vh;overflow-y:auto;padding-right:var(--spacing-2)}}.preview-share-container[data-v-398157f8]{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.final-video-preview[data-v-398157f8],.sharing-options[data-v-398157f8]{flex:1;min-width:0}.final-video-preview[data-v-398157f8]{max-width:60%}.video-container[data-v-398157f8]{position:relative;background-color:var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;min-height:400px;display:flex;justify-content:center;align-items:center}.final-video[data-v-398157f8]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.processing-status[data-v-398157f8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);width:100%;max-width:350px;margin:0 auto;aspect-ratio:9/16;min-height:500px;background-color:var(--color-gray-900);border-radius:var(--radius-md);box-shadow:0 10px 30px #0003;border:3px solid var(--color-gray-900);color:#fff;text-align:center}.processing-status h3[data-v-398157f8]{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-size:1.4rem;color:var(--color-primary-300)}.processing-status p[data-v-398157f8]{margin-bottom:var(--spacing-4);font-size:1rem;max-width:80%}.progress-bar-container[data-v-398157f8]{width:80%;height:8px;background-color:var(--color-gray-700);border-radius:4px;overflow:hidden;margin-top:var(--spacing-2);position:relative}.progress-bar[data-v-398157f8]{height:100%;background-color:var(--color-primary-500);border-radius:4px;transition:width .3s ease-in-out}.progress-text[data-v-398157f8]{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:.8rem;color:var(--color-gray-100)}.spinner[data-v-398157f8]{width:60px;height:60px;border:5px solid rgba(173,216,230,.2);border-radius:50%;border-top-color:var(--color-primary-500);animation:spin-398157f8 1.5s ease-in-out infinite;margin-bottom:var(--spacing-4)}@keyframes spin-398157f8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-message[data-v-398157f8]{margin-bottom:var(--spacing-4);color:var(--color-gray-700);font-weight:500}.progress-bar[data-v-398157f8]{width:100%;height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-398157f8]{height:100%;background-color:var(--color-primary-500);transition:width .3s ease}.generation-error[data-v-398157f8]{display:flex;flex-direction:column;align-items:center;color:var(--color-error-500);padding:var(--spacing-6);text-align:center}.generation-error svg[data-v-398157f8]{width:48px;height:48px;margin-bottom:var(--spacing-4);stroke:var(--color-error-500)}.generation-error p[data-v-398157f8]{margin-bottom:var(--spacing-4)}.no-video[data-v-398157f8]{display:flex;justify-content:center;align-items:center;min-height:300px;color:var(--color-gray-500)}.sharing-options[data-v-398157f8]{display:flex;flex-direction:column;gap:var(--spacing-6)}.download-options[data-v-398157f8],.social-share[data-v-398157f8],.share-link[data-v-398157f8]{background-color:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4)}.download-options h4[data-v-398157f8],.social-share h4[data-v-398157f8],.share-link h4[data-v-398157f8]{margin-bottom:var(--spacing-3);color:var(--color-gray-800)}.format-selector[data-v-398157f8]{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.format-selector label[data-v-398157f8]{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.download-btn[data-v-398157f8]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;text-decoration:none;text-align:center;cursor:pointer}.download-btn.disabled[data-v-398157f8]{opacity:.65;cursor:not-allowed;pointer-events:none}.button-spinner[data-v-398157f8]{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-398157f8 1s ease-in-out infinite}@keyframes spin-398157f8{to{transform:rotate(360deg)}}.social-buttons[data-v-398157f8]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.social-btn[data-v-398157f8]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-gray-300);background-color:#fff;color:var(--color-gray-800);font-weight:500;transition:all .2s;cursor:pointer}.social-btn[data-v-398157f8]:hover:not(:disabled){border-color:var(--color-gray-500)}.social-btn img[data-v-398157f8]{width:20px;height:20px}.tiktok-btn[data-v-398157f8]:hover:not(:disabled){background-color:#f5f5f5;border-color:#000}.instagram-btn[data-v-398157f8]:hover:not(:disabled){background-color:#fdf2f8;border-color:#e1306c}.youtube-btn[data-v-398157f8]:hover:not(:disabled){background-color:#fef2f2;border-color:red}.twitter-btn[data-v-398157f8]:hover:not(:disabled){background-color:#f0f9ff;border-color:#1da1f2}.social-btn[data-v-398157f8]:disabled{opacity:.5;cursor:not-allowed}.copy-link-container[data-v-398157f8]{display:flex;gap:var(--spacing-2)}.link-input[data-v-398157f8]{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-50);font-size:var(--text-sm);color:var(--color-gray-600)}.copy-btn[data-v-398157f8]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-primary-500);background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:500;transition:all .2s;cursor:pointer}.copy-btn[data-v-398157f8]:hover:not(:disabled){background-color:var(--color-primary-100)}.copy-btn[data-v-398157f8]:disabled{opacity:.5;cursor:not-allowed}.video-loading-container[data-v-398157f8]{width:100%;height:100%;aspect-ratio:9/16;min-height:450px;background-color:#000;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:3px solid var(--color-gray-900);box-shadow:0 10px 30px #0003;max-width:350px;margin:0 auto}.generation-spinner[data-v-398157f8]{width:80px;height:80px;margin-bottom:20px}.spinner-animation[data-v-398157f8]{width:100%;height:100%;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-primary-500);animation:spin-398157f8 1s linear infinite}.progress-container[data-v-398157f8]{width:80%;text-align:center}.progress-bar[data-v-398157f8]{height:10px;background-color:#fff3;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-398157f8]{height:100%;background-color:#4caf50;border-radius:5px;transition:width .5s ease}.progress-stage[data-v-398157f8]{color:#fff;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.avatar-select-group[data-v-398157f8],.hook-text-group[data-v-398157f8]{margin-bottom:2rem}.hook-text-group label[data-v-398157f8]{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color-gray-800)}.hook-text-group textarea[data-v-398157f8]{font-size:1rem;line-height:1.5}.hook-text-group .helper-text[data-v-398157f8]{font-size:.95rem;margin-top:.5rem}.text-overlay-group[data-v-398157f8]{margin-bottom:1.5rem}.text-overlay-group .display-options-label[data-v-398157f8]{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--color-gray-800)}.text-overlay-group .radio-container[data-v-398157f8]{margin-bottom:.5rem}.text-overlay-group .radio-label[data-v-398157f8]{font-size:1rem}.page-container[data-v-e3c468da]{width:100%;min-height:100vh;background-color:var(--color-gray-50);padding:var(--spacing-6) 0}.video-type-selection[data-v-0a00b767]{max-width:800px;margin:0 auto;padding:20px 20px 60px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.headline[data-v-0a00b767]{font-family:var(--font-heading);font-size:var(--text-4xl);margin-bottom:40px;color:var(--color-gray-900)}.video-container[data-v-0a00b767]{width:100%;max-width:300px;margin:0 auto 30px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 16px #0000001a;background-color:#000;display:flex;flex-direction:column;align-items:center}.demo-video[data-v-0a00b767]{width:100%;height:auto;display:block}.button-container[data-v-0a00b767]{display:flex;flex-direction:column;gap:20px;width:100%;max-width:300px;margin:0 auto}.selection-button[data-v-0a00b767]{padding:16px 24px;background-color:var(--color-button-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-lg);cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:block}.selection-button[data-v-0a00b767]:hover{background-color:var(--color-button-primary);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.broll-video-creator[data-v-7ac7e907]{max-width:1200px;margin:0 auto;padding:40px 20px}.creator-title[data-v-7ac7e907]{font-family:var(--font-heading);font-size:var(--text-4xl);text-align:center;margin-bottom:10px;color:var(--color-gray-900)}.creator-description[data-v-7ac7e907]{text-align:center;color:var(--color-gray-600);margin-bottom:40px}.steps-progress[data-v-7ac7e907]{display:flex;justify-content:space-between;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;position:relative}.steps-progress[data-v-7ac7e907]:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background-color:var(--color-gray-200);z-index:0}.step-indicator[data-v-7ac7e907]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-number[data-v-7ac7e907]{width:40px;height:40px;border-radius:50%;background-color:var(--color-gray-200);display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-weight:700;color:var(--color-gray-600)}.step-label[data-v-7ac7e907]{font-size:14px;color:var(--color-gray-600)}.step-indicator.active .step-number[data-v-7ac7e907]{background-color:var(--color-primary-500);color:#fff}.step-indicator.active .step-label[data-v-7ac7e907]{color:var(--color-primary-500);font-weight:500}.step-indicator.completed .step-number[data-v-7ac7e907]{background-color:var(--color-secondary-500);color:#fff}.step-content[data-v-7ac7e907]{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 0 15px #0000000d;max-width:800px;margin:0 auto}.placeholder-content[data-v-7ac7e907]{text-align:center;padding:40px 0}.placeholder-content p[data-v-7ac7e907]{margin-bottom:20px;color:var(--color-gray-700)}.placeholder-content ul[data-v-7ac7e907]{text-align:left;max-width:300px;margin:0 auto 30px}.placeholder-content li[data-v-7ac7e907]{margin-bottom:10px}.btn-primary[data-v-7ac7e907]{padding:12px 24px;background-color:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-7ac7e907]:hover{background-color:var(--color-primary-600)}.greenscreen-video-creator[data-v-78cba183]{max-width:1200px;margin:0 auto;padding:2rem}.headline[data-v-78cba183]{font-family:var(--font-heading);font-size:var(--text-4xl);text-align:center;margin-bottom:.5rem;color:var(--color-gray-900)}.description[data-v-78cba183]{text-align:center;color:var(--color-gray-600);margin-bottom:2rem}.creator-container[data-v-78cba183]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.creator-container[data-v-78cba183]{grid-template-columns:1fr}}.upload-section[data-v-78cba183],.processing-options[data-v-78cba183]{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:var(--shadow-md)}.upload-area[data-v-78cba183]{border:2px dashed var(--color-gray-300);border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;margin-top:1rem}.upload-area[data-v-78cba183]:hover{border-color:var(--color-primary-500);background-color:var(--color-gray-50)}.hidden-input[data-v-78cba183]{display:none}.upload-icon[data-v-78cba183]{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:50%;margin-bottom:1rem;color:var(--color-gray-500)}.upload-text[data-v-78cba183]{display:flex;flex-direction:column}.primary-text[data-v-78cba183]{font-weight:500;color:var(--color-gray-800);margin-bottom:.5rem}.helper-text[data-v-78cba183]{font-size:.875rem;color:var(--color-gray-500);margin-left:.5rem;font-weight:400}.video-preview-container[data-v-78cba183]{margin-top:1rem}.video-preview[data-v-78cba183]{width:100%;border-radius:.5rem;margin-bottom:1rem}.video-info[data-v-78cba183]{margin-bottom:1rem}.info-item[data-v-78cba183]{display:flex;margin-bottom:.5rem}.info-label[data-v-78cba183]{font-weight:500;margin-right:.5rem;width:5rem}.video-actions[data-v-78cba183]{display:flex;gap:1rem}.button-primary[data-v-78cba183],.button-secondary[data-v-78cba183]{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.button-primary[data-v-78cba183]{background-color:var(--color-primary-500);color:#fff;border:none}.button-primary[data-v-78cba183]:hover{background-color:var(--color-primary-600)}.button-primary[data-v-78cba183]:disabled{background-color:var(--color-gray-400);cursor:not-allowed}.button-secondary[data-v-78cba183]{background-color:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.button-secondary[data-v-78cba183]:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.option-group[data-v-78cba183]{margin-bottom:1.5rem}.option-group label[data-v-78cba183]{display:block;font-weight:500;margin-bottom:.5rem}.background-type-selector[data-v-78cba183]{display:flex;gap:.5rem}.option-button[data-v-78cba183]{flex:1;padding:.5rem;background-color:#fff;border:1px solid var(--color-gray-300);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.option-button[data-v-78cba183]:hover{background-color:var(--color-gray-50)}.option-button.active[data-v-78cba183]{background-color:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700)}.color-picker[data-v-78cba183]{width:100%;height:3rem;border:1px solid var(--color-gray-300);border-radius:.375rem;cursor:pointer}.background-image-grid[data-v-78cba183],.background-video-grid[data-v-78cba183]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-option[data-v-78cba183],.video-option[data-v-78cba183]{border-radius:.375rem;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s ease;aspect-ratio:16/9}.image-option img[data-v-78cba183],.video-option video[data-v-78cba183]{width:100%;height:100%;object-fit:cover}.image-option[data-v-78cba183]:hover,.video-option[data-v-78cba183]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-option.selected[data-v-78cba183],.video-option.selected[data-v-78cba183]{border-color:var(--color-primary-500)}.upload-option[data-v-78cba183]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-gray-700);font-size:.875rem;gap:.5rem}.upload-option .upload-icon[data-v-78cba183]{width:2rem;height:2rem;background-color:var(--color-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.video-name[data-v-78cba183]{position:absolute;bottom:0;left:0;right:0;background-color:#0009;color:#fff;padding:.25rem .5rem;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-section[data-v-78cba183]{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:var(--shadow-md);margin-top:2rem}.processed-video-container[data-v-78cba183]{margin:1rem 0}.processed-video[data-v-78cba183]{width:100%;border-radius:.5rem}.result-actions[data-v-78cba183]{display:flex;gap:1rem;margin-top:1rem}.processing-overlay[data-v-78cba183]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner[data-v-78cba183]{width:3rem;height:3rem;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin-78cba183 1s linear infinite;margin-bottom:1rem}@keyframes spin-78cba183{to{transform:rotate(360deg)}}h2[data-v-78cba183]{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:1rem;color:var(--color-gray-800)}.text-overlay-input[data-v-78cba183]{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-family:var(--font-body);font-size:1rem;resize:vertical;transition:border-color .2s ease}.text-overlay-input[data-v-78cba183]:focus{border-color:var(--color-primary-400);outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb),.1)}.text-overlay-preview[data-v-78cba183]{margin-top:.75rem;background-color:var(--color-gray-50);border-radius:.375rem;padding:.75rem;border:1px solid var(--color-gray-200)}.preview-label[data-v-78cba183]{font-size:.875rem;color:var(--color-gray-500);margin-bottom:.5rem}.tiktok-text-preview[data-v-78cba183]{background-color:#0000001a;border-radius:.25rem;padding:1.5rem 1rem;position:relative;min-height:80px;display:flex;align-items:center;justify-content:center}.tiktok-text-preview p[data-v-78cba183]{font-family:Horizon,sans-serif;font-size:1.25rem;color:#fab81e;text-align:center;margin:0;padding:.6rem 1.5rem;max-width:90%;background-color:#00000080;border-radius:.25rem;box-shadow:0 2px 8px #0000004d;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.page-container[data-v-fe45851e]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6)}.page-header[data-v-fe45851e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}h1[data-v-fe45851e]{font-size:var(--text-3xl);margin:0}.back-link[data-v-fe45851e]{text-decoration:none}.template-form-wrapper[data-v-fe45851e]{margin-bottom:var(--spacing-8)}.section-title[data-v-fe45851e]{font-size:var(--text-2xl);margin:0}.section-description[data-v-fe45851e]{color:var(--color-gray-600);margin-top:var(--spacing-1)}.template-form[data-v-fe45851e]{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section[data-v-fe45851e]{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.form-section[data-v-fe45851e]:last-child{border-bottom:none}.subsection-title[data-v-fe45851e]{font-size:var(--text-xl);margin-top:0;margin-bottom:var(--spacing-4);color:var(--color-gray-800)}.subsection-description[data-v-fe45851e]{color:var(--color-gray-600);margin-top:-var(--spacing-3);margin-bottom:var(--spacing-4);font-size:var(--text-sm)}.form-group[data-v-fe45851e]{margin-bottom:var(--spacing-4)}.form-group label[data-v-fe45851e]{display:block;font-weight:500;margin-bottom:var(--spacing-2);color:var(--color-gray-700)}.form-control[data-v-fe45851e]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-body);background-color:#fff}.input-helper[data-v-fe45851e]{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}.error-text[data-v-fe45851e]{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--spacing-1)}.tags-input-container[data-v-fe45851e]{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-2);background-color:#fff}.tags-list[data-v-fe45851e]{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.tag-item[data-v-fe45851e]{background-color:var(--color-primary-100);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm)}.tag-remove[data-v-fe45851e]{background:none;border:none;color:var(--color-primary-700);cursor:pointer;font-size:var(--text-base);padding:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.tag-input-wrapper[data-v-fe45851e]{display:flex;gap:var(--spacing-2)}.industries-container[data-v-fe45851e]{display:flex;flex-direction:column;gap:var(--spacing-4)}.industry-dropdown-wrapper[data-v-fe45851e],.industry-dropdown[data-v-fe45851e]{width:100%}.custom-industry-input[data-v-fe45851e],.selected-industries[data-v-fe45851e]{margin-top:var(--spacing-2)}.template-type-options[data-v-fe45851e]{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2)}.template-type-option[data-v-fe45851e]{display:flex;align-items:flex-start;gap:var(--spacing-2)}.template-type-option input[type=radio][data-v-fe45851e]{margin-top:.25rem}.radio-label[data-v-fe45851e]{display:flex;flex-direction:column;gap:var(--spacing-1);font-weight:400;cursor:pointer}.type-description[data-v-fe45851e]{font-size:var(--text-sm);color:var(--color-gray-600)}.required[data-v-fe45851e]{color:var(--color-error);margin-left:var(--spacing-1)}.tag-input[data-v-fe45851e]{flex:1;width:100%;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-2);font-size:var(--text-sm)}.tag-add-button[data-v-fe45851e]{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-gray-200);border:none;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-sm)}.video-preview-container[data-v-fe45851e]{margin-top:var(--spacing-4)}.preview-video[data-v-fe45851e]{width:100%;max-height:400px;border-radius:var(--radius-md);margin-bottom:var(--spacing-4);background-color:var(--color-gray-900)}.video-metadata[data-v-fe45851e]{display:flex;flex-wrap:wrap;gap:var(--spacing-4);background-color:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-md)}.metadata-item[data-v-fe45851e]{display:flex;gap:var(--spacing-2)}.label[data-v-fe45851e]{font-weight:500;color:var(--color-gray-600)}.value[data-v-fe45851e]{color:var(--color-gray-900)}.form-actions[data-v-fe45851e]{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-4)}.voice-preview-container[data-v-fe45851e]{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.voice-preview-audio[data-v-fe45851e]{width:100%;margin-top:var(--spacing-2)}.preview-tts-btn[data-v-fe45851e]{margin-top:var(--spacing-4)}.slider-container[data-v-fe45851e]{display:flex;align-items:center;gap:var(--spacing-4)}.slider[data-v-fe45851e]{flex:1;-webkit-appearance:none;height:8px;border-radius:4px;background:var(--color-gray-300);outline:none}.slider[data-v-fe45851e]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary-500);cursor:pointer}.slider-value[data-v-fe45851e]{min-width:40px;font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700)}.voice-style-options[data-v-fe45851e]{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-2)}.voice-style-option[data-v-fe45851e]{display:flex;align-items:center;gap:var(--spacing-2)}.modal-overlay[data-v-fe45851e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content[data-v-fe45851e]{background-color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);max-width:500px;width:90%;text-align:center}.success-icon[data-v-fe45851e]{display:flex;justify-content:center;margin-bottom:var(--spacing-4);color:var(--color-primary-600)}.success-modal h3[data-v-fe45851e]{margin-top:0;margin-bottom:var(--spacing-2);color:var(--color-gray-900);font-size:var(--text-xl)}.success-modal p[data-v-fe45851e]{margin-bottom:var(--spacing-6);color:var(--color-gray-600)}.modal-actions[data-v-fe45851e]{display:flex;justify-content:center;gap:var(--spacing-4)}.tts-tabs[data-v-fe45851e]{display:flex;margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-300)}.tts-tab[data-v-fe45851e]{padding:var(--spacing-3) var(--spacing-4);cursor:pointer;font-weight:500;color:var(--color-gray-600);border-bottom:2px solid transparent;transition:all .2s ease}.tts-tab.active[data-v-fe45851e]{color:var(--color-primary-600);border-bottom:2px solid var(--color-primary-600);background-color:var(--color-primary-50)}.tts-tab[data-v-fe45851e]:hover:not(.active){background-color:var(--color-gray-100);color:var(--color-gray-800)}.tts-tab-content[data-v-fe45851e]{padding:var(--spacing-2) var(--spacing-1)}.json-editor-wrapper[data-v-fe45851e]{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-2)}.json-editor-header[data-v-fe45851e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-100);border-bottom:1px solid var(--color-gray-300);font-weight:500}.json-editor-actions[data-v-fe45851e]{display:flex;gap:var(--spacing-2)}.json-editor[data-v-fe45851e]{font-family:monospace;font-size:14px;line-height:1.5;padding:var(--spacing-3);width:100%;border:none;border-radius:0;resize:vertical}.json-editor[data-v-fe45851e]:focus{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary-300)}.json-tips[data-v-fe45851e]{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-primary-50);border-radius:var(--radius-md)}.json-tips h4[data-v-fe45851e]{margin-top:0;margin-bottom:var(--spacing-3);color:var(--color-primary-700)}.json-tips-content[data-v-fe45851e]{display:flex;flex-direction:column;gap:var(--spacing-4)}.json-tip[data-v-fe45851e]{background-color:#fff;padding:var(--spacing-3);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-500)}.json-tip strong[data-v-fe45851e]{display:block;margin-bottom:var(--spacing-2);color:var(--color-primary-700)}.json-tip pre[data-v-fe45851e]{background-color:var(--color-gray-50);padding:var(--spacing-3);border-radius:var(--radius-md);margin:0;overflow-x:auto;font-size:13px}@media (max-width: 768px){.form-row[data-v-fe45851e]{grid-template-columns:1fr}.modal-actions[data-v-fe45851e],.video-metadata[data-v-fe45851e],.json-editor-actions[data-v-fe45851e],.json-tips-content[data-v-fe45851e],.tts-tabs[data-v-fe45851e]{flex-direction:column}}.page-container[data-v-71499fe0]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-71499fe0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.header-left[data-v-71499fe0]{display:flex;flex-direction:column;gap:1rem}.back-link[data-v-71499fe0]{display:inline-flex;align-items:center;gap:.5rem;color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s}.back-link[data-v-71499fe0]:hover{color:#374151}.header-actions[data-v-71499fe0]{display:flex;gap:1rem}.loading-container[data-v-71499fe0],.error-container[data-v-71499fe0]{text-align:center;padding:4rem 2rem}.spinner[data-v-71499fe0]{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin-71499fe0 1s linear infinite;margin:0 auto 1rem}@keyframes spin-71499fe0{to{transform:rotate(360deg)}}.edit-form[data-v-71499fe0]{display:flex;flex-direction:column;gap:3rem}.form-section[data-v-71499fe0]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-title[data-v-71499fe0]{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#111827}.form-group[data-v-71499fe0]{margin-bottom:1.5rem}.form-group label[data-v-71499fe0]{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input[data-v-71499fe0],.form-group textarea[data-v-71499fe0],.form-group select[data-v-71499fe0]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-group input[data-v-71499fe0]:focus,.form-group textarea[data-v-71499fe0]:focus,.form-group select[data-v-71499fe0]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row[data-v-71499fe0]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.media-upload-section[data-v-71499fe0]{margin-bottom:2rem}.media-upload-section h3[data-v-71499fe0]{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#374151}.current-media[data-v-71499fe0]{display:flex;gap:1.5rem;align-items:start;margin-bottom:1rem}.media-preview[data-v-71499fe0]{flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.video-preview[data-v-71499fe0]{width:320px}.video-preview video[data-v-71499fe0]{width:100%;height:auto;display:block}.thumbnail-preview[data-v-71499fe0]{width:200px}.thumbnail-preview img[data-v-71499fe0]{width:100%;height:auto;display:block}.media-actions[data-v-71499fe0]{display:flex;flex-direction:column;gap:.5rem}.file-upload-container[data-v-71499fe0]{max-width:400px}.file-upload-label[data-v-71499fe0]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.file-upload-label[data-v-71499fe0]:hover{border-color:#3b82f6;background-color:#f9fafb}.file-input[data-v-71499fe0]{display:none}.upload-hint[data-v-71499fe0]{font-size:.75rem;color:#6b7280;text-align:center;margin-top:.5rem}.upload-note[data-v-71499fe0]{font-size:.813rem;color:#3b82f6;margin-top:.5rem;font-style:italic}.upload-note.important[data-v-71499fe0]{color:#dc2626;font-style:normal;display:flex;align-items:center;gap:.25rem}.industries-grid[data-v-71499fe0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.industry-checkbox[data-v-71499fe0]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.industry-checkbox input[type=checkbox][data-v-71499fe0]{width:auto}.checkbox-label[data-v-71499fe0]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.field-hint[data-v-71499fe0]{font-size:.75rem;color:#6b7280;margin-top:.25rem}.btn-primary[data-v-71499fe0],.btn-secondary[data-v-71499fe0],.btn-danger-outline[data-v-71499fe0]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-71499fe0]{background-color:#3b82f6;color:#fff}.btn-primary[data-v-71499fe0]:hover:not(:disabled){background-color:#2563eb}.btn-primary[data-v-71499fe0]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary[data-v-71499fe0]{background-color:#f3f4f6;color:#374151}.btn-secondary[data-v-71499fe0]:hover{background-color:#e5e7eb}.btn-danger-outline[data-v-71499fe0]{background-color:transparent;color:#ef4444;border:1px solid #ef4444}.btn-danger-outline[data-v-71499fe0]:hover{background-color:#fef2f2}.message[data-v-71499fe0]{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:6px;margin-top:1rem}.success-message[data-v-71499fe0]{background-color:#d1fae5;color:#065f46}.error-message[data-v-71499fe0]{background-color:#fee2e2;color:#991b1b}@media (max-width: 768px){.page-container[data-v-71499fe0]{padding:1rem}.form-row[data-v-71499fe0]{grid-template-columns:1fr}.current-media[data-v-71499fe0]{flex-direction:column}.industries-grid[data-v-71499fe0]{grid-template-columns:1fr 1fr}}.page-container[data-v-3b80ea25]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6)}.page-header[data-v-3b80ea25]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}h1[data-v-3b80ea25]{font-size:var(--text-3xl);margin:0}.header-actions[data-v-3b80ea25]{display:flex;gap:var(--spacing-4)}.filter-button[data-v-3b80ea25]{display:flex;align-items:center;gap:var(--spacing-2)}.templates-container[data-v-3b80ea25]{display:flex;gap:var(--spacing-6)}.templates-content[data-v-3b80ea25]{flex:1}.loading-state[data-v-3b80ea25],.error-state[data-v-3b80ea25],.empty-state[data-v-3b80ea25]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:var(--spacing-8);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.loading-spinner[data-v-3b80ea25]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary-600);animation:spin-3b80ea25 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin-3b80ea25{to{transform:rotate(360deg)}}.empty-icon[data-v-3b80ea25]{color:var(--color-gray-400);margin-bottom:var(--spacing-4)}.templates-grid[data-v-3b80ea25]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}.template-card[data-v-3b80ea25]{display:flex;flex-direction:column;height:100%}.template-thumbnail[data-v-3b80ea25]{position:relative;height:180px;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-gray-800);margin-bottom:var(--spacing-3)}.thumbnail-video[data-v-3b80ea25],.thumbnail-image[data-v-3b80ea25]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}.thumbnail-image[data-v-3b80ea25]{z-index:1;opacity:1}.thumbnail-image.fade-out[data-v-3b80ea25]{opacity:0}.thumbnail-video[data-v-3b80ea25]{z-index:0;opacity:0}.thumbnail-video.fade-in[data-v-3b80ea25]{opacity:1}.template-info[data-v-3b80ea25]{flex:1;display:flex;flex-direction:column}.template-header[data-v-3b80ea25]{margin-bottom:var(--spacing-2)}.template-title[data-v-3b80ea25]{font-size:var(--text-lg);margin:0;color:var(--color-gray-900)}.template-description[data-v-3b80ea25]{color:var(--color-gray-600);font-size:var(--text-sm);margin-bottom:var(--spacing-3);flex:1}.template-actions[data-v-3b80ea25]{margin-top:auto;display:flex;gap:var(--spacing-2)}@media (max-width: 768px){.page-header[data-v-3b80ea25]{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.header-actions[data-v-3b80ea25]{width:100%}.templates-grid[data-v-3b80ea25]{grid-template-columns:1fr}}.blog-list-container[data-v-0a707ec6]{max-width:1200px;margin:0 auto;padding:var(--spacing-6)}.blog-header[data-v-0a707ec6]{text-align:center;margin-bottom:var(--spacing-10)}.blog-header h1[data-v-0a707ec6]{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.subtitle[data-v-0a707ec6]{color:var(--color-gray-600);font-size:var(--text-lg);margin-bottom:var(--spacing-4)}.create-post-btn[data-v-0a707ec6]{display:inline-flex;align-items:center;background-color:var(--color-primary-600);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);text-decoration:none;font-weight:500;gap:var(--spacing-2);transition:background-color .2s ease}.create-post-btn[data-v-0a707ec6]:hover{background-color:var(--color-primary-700)}.posts-grid[data-v-0a707ec6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-6)}.post-card[data-v-0a707ec6]{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.post-card[data-v-0a707ec6]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.post-date[data-v-0a707ec6]{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.post-title[data-v-0a707ec6]{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.post-summary[data-v-0a707ec6]{color:var(--color-gray-700);margin-bottom:var(--spacing-4);line-height:1.6}.post-author[data-v-0a707ec6]{font-size:var(--text-sm);color:var(--color-gray-600);font-style:italic;margin-bottom:var(--spacing-4)}.read-more-link[data-v-0a707ec6]{display:flex;align-items:center;color:var(--color-primary-600);font-weight:500;text-decoration:none;gap:var(--spacing-1);transition:color .2s ease}.read-more-link[data-v-0a707ec6]:hover{color:var(--color-primary-800)}@media (max-width: 768px){.posts-grid[data-v-0a707ec6]{grid-template-columns:1fr}}.blog-post-container[data-v-fb30f2e5]{max-width:800px;margin:0 auto;padding:var(--spacing-6)}.loading-state[data-v-fb30f2e5],.error-state[data-v-fb30f2e5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12) 0;text-align:center}.loading-spinner[data-v-fb30f2e5]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid var(--color-primary-600);animation:spin-fb30f2e5 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin-fb30f2e5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state svg[data-v-fb30f2e5]{color:var(--color-error);margin-bottom:var(--spacing-4)}.error-state h2[data-v-fb30f2e5]{margin-bottom:var(--spacing-2);color:var(--color-gray-900)}.error-state p[data-v-fb30f2e5]{margin-bottom:var(--spacing-6);color:var(--color-gray-600)}.post-header[data-v-fb30f2e5]{margin-bottom:var(--spacing-8)}.back-link[data-v-fb30f2e5]{display:inline-flex;align-items:center;color:var(--color-primary-600);text-decoration:none;margin-bottom:var(--spacing-4);font-weight:500;gap:var(--spacing-1);transition:color .2s ease}.back-link[data-v-fb30f2e5]:hover{color:var(--color-primary-800)}.post-meta[data-v-fb30f2e5]{display:flex;gap:var(--spacing-4);color:var(--color-gray-500);font-size:var(--text-sm)}.post-content[data-v-fb30f2e5]{margin-bottom:var(--spacing-8);line-height:1.8}.post-content[data-v-fb30f2e5] h1{font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--spacing-6);color:var(--color-gray-900)}.post-content[data-v-fb30f2e5] h2{font-family:var(--font-heading);font-size:var(--text-2xl);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.post-content[data-v-fb30f2e5] h3{font-family:var(--font-heading);font-size:var(--text-xl);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-gray-800)}.post-content[data-v-fb30f2e5] p{margin-bottom:var(--spacing-4);color:var(--color-gray-700)}.post-content[data-v-fb30f2e5] ul,.post-content[data-v-fb30f2e5] ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.post-content[data-v-fb30f2e5] li{margin-bottom:var(--spacing-2)}.post-content[data-v-fb30f2e5] blockquote{border-left:4px solid var(--color-primary-300);padding-left:var(--spacing-4);margin-left:0;margin-right:0;margin-bottom:var(--spacing-4);font-style:italic;color:var(--color-gray-600)}.post-content[data-v-fb30f2e5] img{max-width:100%;border-radius:var(--radius-md);margin:var(--spacing-4) 0}.post-content[data-v-fb30f2e5] hr{border:none;border-top:1px solid var(--color-gray-200);margin:var(--spacing-8) 0}.post-footer[data-v-fb30f2e5]{margin-top:var(--spacing-10);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.share-section[data-v-fb30f2e5]{margin-bottom:var(--spacing-8)}.share-section h3[data-v-fb30f2e5]{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--spacing-4);color:var(--color-gray-800)}.share-buttons[data-v-fb30f2e5]{display:flex;gap:var(--spacing-2)}.share-button[data-v-fb30f2e5]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}.share-button svg[data-v-fb30f2e5]{width:16px;height:16px}.share-button.twitter[data-v-fb30f2e5]{background-color:#1da1f2;color:#fff}.share-button.twitter[data-v-fb30f2e5]:hover{background-color:#0d8bd9}.share-button.linkedin[data-v-fb30f2e5]{background-color:#0077b5;color:#fff}.share-button.linkedin[data-v-fb30f2e5]:hover{background-color:#00669c}.share-button.facebook[data-v-fb30f2e5]{background-color:#1877f2;color:#fff}.share-button.facebook[data-v-fb30f2e5]:hover{background-color:#1364d3}.more-posts h3[data-v-fb30f2e5]{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--spacing-4);color:var(--color-gray-800)}.more-posts-list[data-v-fb30f2e5]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.related-post[data-v-fb30f2e5]{text-decoration:none;padding:var(--spacing-4);border-radius:var(--radius-md);background-color:var(--color-gray-50);transition:background-color .2s ease}.related-post[data-v-fb30f2e5]:hover{background-color:var(--color-gray-100)}.related-post-title[data-v-fb30f2e5]{font-weight:500;color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.related-post-date[data-v-fb30f2e5]{font-size:var(--text-sm);color:var(--color-gray-500)}@media (max-width: 640px){.more-posts-list[data-v-fb30f2e5]{grid-template-columns:1fr}}.blog-post-creator[data-v-125d0b1c]{max-width:900px;margin:0 auto;padding:var(--spacing-6)}.creator-title[data-v-125d0b1c]{font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--spacing-6);color:var(--color-gray-900);text-align:center}.form-container[data-v-125d0b1c]{background-color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8)}.form-group[data-v-125d0b1c]{margin-bottom:var(--spacing-4)}.form-row[data-v-125d0b1c]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}label[data-v-125d0b1c]{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-gray-700)}input[data-v-125d0b1c],textarea[data-v-125d0b1c]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base)}small[data-v-125d0b1c]{display:block;font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--spacing-1)}.content-editor[data-v-125d0b1c]{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden}.editor-toolbar[data-v-125d0b1c]{display:flex;gap:var(--spacing-1);padding:var(--spacing-2);background-color:var(--color-gray-100);border-bottom:1px solid var(--color-gray-300);flex-wrap:wrap}.editor-toolbar button[data-v-125d0b1c]{padding:var(--spacing-1) var(--spacing-2);background-color:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-gray-700);transition:all .2s ease}.editor-toolbar button[data-v-125d0b1c]:hover{background-color:var(--color-gray-200)}.content-editor textarea[data-v-125d0b1c]{border:none;border-radius:0;resize:vertical;min-height:300px;font-family:monospace}.preview-toggle[data-v-125d0b1c]{text-align:center;margin:var(--spacing-4) 0}.toggle-btn[data-v-125d0b1c]{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn[data-v-125d0b1c]:hover{background-color:var(--color-gray-200)}.markdown-preview[data-v-125d0b1c]{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.markdown-preview h3[data-v-125d0b1c]{margin-top:0;margin-bottom:var(--spacing-4);font-family:var(--font-heading);color:var(--color-gray-700);font-size:var(--text-lg)}.preview-content[data-v-125d0b1c]{line-height:1.6;color:var(--color-gray-800)}.preview-content[data-v-125d0b1c] h1,.preview-content[data-v-125d0b1c] h2,.preview-content[data-v-125d0b1c] h3{font-family:var(--font-heading);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.preview-content[data-v-125d0b1c] p{margin-bottom:var(--spacing-4)}.preview-content[data-v-125d0b1c] ul,.preview-content[data-v-125d0b1c] ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.preview-content[data-v-125d0b1c] blockquote{margin-left:0;padding-left:var(--spacing-4);border-left:4px solid var(--color-primary-300);color:var(--color-gray-600);font-style:italic}.form-actions[data-v-125d0b1c]{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6)}.btn-primary[data-v-125d0b1c],.btn-secondary[data-v-125d0b1c]{padding:var(--spacing-2) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-125d0b1c]{background-color:var(--color-primary-600);color:#fff;border:none}.btn-primary[data-v-125d0b1c]:hover:not(:disabled){background-color:var(--color-primary-700)}.btn-primary[data-v-125d0b1c]:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.btn-secondary[data-v-125d0b1c]{background-color:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary[data-v-125d0b1c]:hover{background-color:var(--color-gray-100)}.instructions[data-v-125d0b1c]{background-color:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--spacing-6)}.instructions h3[data-v-125d0b1c]{margin-top:0;margin-bottom:var(--spacing-4);font-family:var(--font-heading);color:var(--color-primary-800)}.instructions ol[data-v-125d0b1c]{padding-left:var(--spacing-6);margin-bottom:0;color:var(--color-gray-700)}.instructions li[data-v-125d0b1c]{margin-bottom:var(--spacing-2)}.instructions code[data-v-125d0b1c]{background-color:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-sm)}@media (max-width: 640px){.form-row[data-v-125d0b1c]{grid-template-columns:1fr}}.blog-post-creator-page[data-v-9052f13e]{padding:var(--spacing-4);background-color:var(--color-gray-50);min-height:calc(100vh - 200px)}.step-container[data-v-2da0a5b1]{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto;animation:fadeIn-2da0a5b1 .5s ease}.step-header[data-v-2da0a5b1]{text-align:center;margin-bottom:1rem}.step-title[data-v-2da0a5b1]{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.step-description[data-v-2da0a5b1]{color:var(--color-gray-600);font-size:1.125rem}.form-container[data-v-2da0a5b1]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-2da0a5b1]{display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.form-group.has-error label[data-v-2da0a5b1]{color:var(--color-error)}label[data-v-2da0a5b1]{font-weight:500;color:var(--color-gray-800);transition:color .3s ease}.input-wrapper[data-v-2da0a5b1]{position:relative}input[data-v-2da0a5b1],select[data-v-2da0a5b1]{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:#fff;transition:all .3s ease;outline:none}input.is-focused[data-v-2da0a5b1],select.is-focused[data-v-2da0a5b1]{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-group.has-error input[data-v-2da0a5b1],.form-group.has-error select[data-v-2da0a5b1]{border-color:var(--color-error)}.form-group.has-error input[data-v-2da0a5b1]:focus,.form-group.has-error select[data-v-2da0a5b1]:focus{box-shadow:0 0 0 3px #ef444433}.select-wrapper[data-v-2da0a5b1]{position:relative}.select-wrapper[data-v-2da0a5b1]:after{content:"▼";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-500);pointer-events:none;font-size:.8rem;transition:transform .3s ease}.select-wrapper[data-v-2da0a5b1]:hover:after{transform:translateY(-50%) translateY(2px)}select[data-v-2da0a5b1]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.clear-input[data-v-2da0a5b1]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.clear-input[data-v-2da0a5b1]:hover{color:var(--color-gray-800);background-color:var(--color-gray-100)}.valid-indicator[data-v-2da0a5b1]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-primary-500)}.select-valid[data-v-2da0a5b1]{right:2.5rem}.error-message[data-v-2da0a5b1]{color:var(--color-error);font-size:.875rem;margin-top:.25rem}.step-actions[data-v-2da0a5b1]{display:flex;justify-content:flex-end;margin-top:1rem}.next-button[data-v-2da0a5b1]{display:flex;align-items:center;gap:.5rem;background-color:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-button[data-v-2da0a5b1]:not(.disabled):hover{background-color:var(--color-primary-700);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.next-button.disabled[data-v-2da0a5b1]{background-color:var(--color-gray-400);cursor:not-allowed;opacity:.7}.btn-icon[data-v-2da0a5b1]{display:inline-block;font-size:1.25rem;transition:transform .3s ease}.next-button:hover .btn-icon[data-v-2da0a5b1]{transform:translate(4px)}.fade-enter-active[data-v-2da0a5b1],.fade-leave-active[data-v-2da0a5b1]{transition:opacity .3s}.fade-enter-from[data-v-2da0a5b1],.fade-leave-to[data-v-2da0a5b1]{opacity:0}.fade-slide-enter-active[data-v-2da0a5b1],.fade-slide-leave-active[data-v-2da0a5b1]{transition:all .3s ease;max-height:50px;overflow:hidden}.fade-slide-enter-from[data-v-2da0a5b1],.fade-slide-leave-to[data-v-2da0a5b1]{opacity:0;transform:translateY(-10px);max-height:0}.fade-grow-enter-active[data-v-2da0a5b1],.fade-grow-leave-active[data-v-2da0a5b1]{transition:all .3s ease;max-height:200px;overflow:hidden}.fade-grow-enter-from[data-v-2da0a5b1],.fade-grow-leave-to[data-v-2da0a5b1]{opacity:0;max-height:0}.fade-scale-enter-active[data-v-2da0a5b1],.fade-scale-leave-active[data-v-2da0a5b1]{transition:all .3s ease}.fade-scale-enter-from[data-v-2da0a5b1],.fade-scale-leave-to[data-v-2da0a5b1]{opacity:0;transform:scale(.95)}.fade-slide-up-enter-active[data-v-2da0a5b1],.fade-slide-up-leave-active[data-v-2da0a5b1]{transition:all .2s ease}.fade-slide-up-enter-from[data-v-2da0a5b1],.fade-slide-up-leave-to[data-v-2da0a5b1]{opacity:0;transform:translateY(5px) translate(-50%)}.slide-left-enter-active[data-v-2da0a5b1],.slide-left-leave-active[data-v-2da0a5b1]{transition:transform .3s ease,opacity .3s ease;position:absolute}.slide-left-enter-from[data-v-2da0a5b1]{opacity:0;transform:translate(-10px)}.slide-left-leave-to[data-v-2da0a5b1]{opacity:0;transform:translate(10px)}@keyframes fadeIn-2da0a5b1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.step-container[data-v-2da0a5b1]{padding:0 1rem}.step-title[data-v-2da0a5b1]{font-size:1.5rem}.step-description[data-v-2da0a5b1]{font-size:1rem}input[data-v-2da0a5b1],select[data-v-2da0a5b1]{font-size:16px}.next-button[data-v-2da0a5b1]{width:100%;justify-content:center}}.step-container[data-v-95e21ba2]{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;animation:fadeIn-95e21ba2 .5s ease}.step-header[data-v-95e21ba2]{text-align:center;margin-bottom:1rem}.step-title[data-v-95e21ba2]{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.step-description[data-v-95e21ba2]{color:var(--color-gray-600);font-size:1.125rem}.categories-grid[data-v-95e21ba2]{position:relative;min-height:300px}.loading-container[data-v-95e21ba2]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner[data-v-95e21ba2]{width:40px;height:40px;border:3px solid var(--color-primary-100);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin-95e21ba2 1s linear infinite;margin-bottom:1rem}.error-container[data-v-95e21ba2]{text-align:center;padding:2rem;background-color:var(--color-gray-50);border-radius:var(--radius-md)}.category-selection[data-v-95e21ba2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem}.category-card[data-v-95e21ba2]{background-color:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.category-card[data-v-95e21ba2]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary-50);opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.category-card[data-v-95e21ba2]:hover{border-color:var(--color-primary-300);transform:translateY(-5px);box-shadow:0 15px 25px -10px #00000026}.category-card[data-v-95e21ba2]:hover:after{opacity:.3}.category-card.selected[data-v-95e21ba2]{border-color:var(--color-primary-600);background-color:var(--color-primary-50);transform:scale(1.02);box-shadow:0 15px 30px -10px #0003}.category-thumbnail[data-v-95e21ba2]{width:100%;height:120px;border-radius:var(--radius-md);background-color:var(--color-gray-100);margin-bottom:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.category-thumbnail img[data-v-95e21ba2]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card:hover .category-thumbnail img[data-v-95e21ba2]{transform:scale(1.05)}.placeholder-thumbnail[data-v-95e21ba2]{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);width:100%;height:100%}.category-name[data-v-95e21ba2]{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-gray-900);position:relative;z-index:1}.category-description[data-v-95e21ba2]{color:var(--color-gray-600);font-size:.875rem;flex-grow:1;position:relative;z-index:1}.subcategory-selection[data-v-95e21ba2]{animation:fadeIn-95e21ba2 .3s ease}.category-header[data-v-95e21ba2]{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.back-button[data-v-95e21ba2]{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-primary-600);font-weight:500;cursor:pointer;padding:.5rem 0;transition:all .2s ease;width:fit-content}.back-button[data-v-95e21ba2]:hover{color:var(--color-primary-800);transform:translate(-5px)}.back-icon[data-v-95e21ba2]{font-size:1.25rem}.subcategories-list[data-v-95e21ba2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.subcategory-card[data-v-95e21ba2]{background-color:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.subcategory-card[data-v-95e21ba2]:hover{border-color:var(--color-primary-300);transform:translateY(-3px);box-shadow:0 10px 15px -5px #0000001a}.subcategory-card.selected[data-v-95e21ba2]{border-color:var(--color-primary-600);background-color:var(--color-primary-50)}.subcategory-details[data-v-95e21ba2]{flex:1}.subcategory-details h3[data-v-95e21ba2]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-gray-900)}.subcategory-details p[data-v-95e21ba2]{color:var(--color-gray-600);font-size:.875rem;margin-bottom:.5rem}.subcategory-meta[data-v-95e21ba2]{font-size:.75rem;color:var(--color-gray-500)}.meta-label[data-v-95e21ba2]{font-weight:500}.subcategory-indicator[data-v-95e21ba2]{color:var(--color-gray-400);transition:color .3s ease}.subcategory-card:hover .subcategory-indicator[data-v-95e21ba2]{color:var(--color-primary-400)}.subcategory-card.selected .subcategory-indicator[data-v-95e21ba2]{color:var(--color-primary-600)}.selected-indicator[data-v-95e21ba2],.unselected-indicator[data-v-95e21ba2]{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.empty-subcategories[data-v-95e21ba2]{text-align:center;padding:2rem;background-color:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-500)}.step-actions[data-v-95e21ba2]{display:flex;justify-content:space-between;margin-top:1rem}.next-button[data-v-95e21ba2]{display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.next-button[data-v-95e21ba2]:not(:disabled):hover{transform:translate(3px)}.btn-icon[data-v-95e21ba2]{font-size:1.25rem}.fade-enter-active[data-v-95e21ba2],.fade-leave-active[data-v-95e21ba2]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-95e21ba2],.fade-leave-to[data-v-95e21ba2]{opacity:0;transform:translateY(10px)}.scale-enter-active[data-v-95e21ba2],.scale-leave-active[data-v-95e21ba2]{transition:transform .2s ease,opacity .2s ease}.scale-enter-from[data-v-95e21ba2],.scale-leave-to[data-v-95e21ba2]{transform:scale(.8);opacity:0}.subcategory-list-enter-active[data-v-95e21ba2],.subcategory-list-leave-active[data-v-95e21ba2]{transition:all .3s ease}.subcategory-list-enter-from[data-v-95e21ba2],.subcategory-list-leave-to[data-v-95e21ba2]{opacity:0;transform:translateY(30px)}.subcategory-list-enter-active[data-v-95e21ba2]{transition-delay:calc(.05s * var(--i))}@keyframes fadeIn-95e21ba2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-95e21ba2{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin-95e21ba2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.step-container[data-v-95e21ba2]{padding:0 1rem}.step-title[data-v-95e21ba2]{font-size:1.5rem}.step-description[data-v-95e21ba2]{font-size:1rem}.category-selection[data-v-95e21ba2],.subcategories-list[data-v-95e21ba2]{grid-template-columns:1fr}}.step-container[data-v-41a4c603]{display:flex;flex-direction:column;gap:2rem;max-width:700px;margin:0 auto;animation:fadeIn-41a4c603 .5s ease}.step-header[data-v-41a4c603]{text-align:center;margin-bottom:1rem}.step-title[data-v-41a4c603]{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.step-description[data-v-41a4c603]{color:var(--color-gray-600);font-size:1.125rem}.generation-content[data-v-41a4c603]{display:flex;flex-direction:column;gap:1.5rem}.section-title[data-v-41a4c603]{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin-bottom:1rem}.summary-card[data-v-41a4c603],.settings-card[data-v-41a4c603]{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.summary-item[data-v-41a4c603]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-gray-100)}.summary-item[data-v-41a4c603]:last-child{border-bottom:none}.summary-label[data-v-41a4c603]{font-weight:500;color:var(--color-gray-600)}.summary-value[data-v-41a4c603]{color:var(--color-gray-900);font-weight:600}.settings-section[data-v-41a4c603]{animation:slideDown-41a4c603 .3s ease}.form-group[data-v-41a4c603]{margin-bottom:1.25rem}.form-group[data-v-41a4c603]:last-child{margin-bottom:0}label[data-v-41a4c603]{display:block;font-weight:500;color:var(--color-gray-800);margin-bottom:.5rem}.select-wrapper[data-v-41a4c603]{position:relative}.select-wrapper[data-v-41a4c603]:after{content:"▼";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-500);pointer-events:none;font-size:.8rem}select[data-v-41a4c603]{width:100%;padding:.75rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:#fff;font-size:1rem;transition:all .2s ease}select[data-v-41a4c603]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.toggle-button[data-v-41a4c603]{align-self:flex-start;background:none;border:none;color:var(--color-primary-600);font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0;transition:color .2s ease}.toggle-button[data-v-41a4c603]:hover{color:var(--color-primary-800)}.toggle-icon[data-v-41a4c603]{font-size:.75rem}.step-actions[data-v-41a4c603]{display:flex;justify-content:space-between;margin-top:1rem}.generate-button[data-v-41a4c603]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.125rem;background-color:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.generate-button[data-v-41a4c603]:hover{background-color:var(--color-primary-700);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.back-button[data-v-41a4c603]{display:flex;align-items:center;gap:.5rem}@keyframes fadeIn-41a4c603{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown-41a4c603{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.step-container[data-v-41a4c603]{padding:0 1rem}.step-title[data-v-41a4c603]{font-size:1.5rem}.step-description[data-v-41a4c603]{font-size:1rem}.summary-card[data-v-41a4c603],.settings-card[data-v-41a4c603]{padding:1rem}}.step-container[data-v-b76c8588]{max-width:800px;margin:0 auto;animation:fadeIn-b76c8588 .5s ease}.step-header[data-v-b76c8588]{text-align:center;margin-bottom:2rem}.step-title[data-v-b76c8588]{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.step-description[data-v-b76c8588]{color:var(--color-gray-600);font-size:1.125rem}.result-content[data-v-b76c8588]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.video-preview-container[data-v-b76c8588]{position:relative;aspect-ratio:9/16;background-color:var(--color-gray-900);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.loading-state[data-v-b76c8588],.error-state[data-v-b76c8588]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:2rem;background-color:#000c}.loading-spinner[data-v-b76c8588]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-b76c8588 1s linear infinite;margin-bottom:1rem}.error-icon[data-v-b76c8588]{width:60px;height:60px;border-radius:50%;background-color:var(--color-error);margin-bottom:1.5rem;position:relative}.error-icon[data-v-b76c8588]:before{content:"!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff}.pulse[data-v-b76c8588]{animation:pulse-b76c8588 2s infinite}.video-player-wrapper[data-v-b76c8588]{position:relative;width:100%;height:100%;background:#000}.video-player[data-v-b76c8588]{width:100%;height:100%;object-fit:contain}.video-overlay[data-v-b76c8588]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#0003;opacity:0;transition:opacity .3s ease}.video-player-wrapper:hover .video-overlay[data-v-b76c8588]{opacity:1}.is-playing .video-overlay[data-v-b76c8588]{opacity:0!important}.play-button[data-v-b76c8588]{width:80px;height:80px;border-radius:50%;background-color:rgba(var(--color-primary-600-rgb),.8);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease}.play-button[data-v-b76c8588]:hover{transform:scale(1.1);background-color:rgba(var(--color-primary-700-rgb),.9)}.video-progress[data-v-b76c8588]{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000000b3);z-index:10;opacity:0;transition:opacity .3s ease}.video-player-wrapper:hover .video-progress[data-v-b76c8588],.video-player-wrapper:hover .video-controls[data-v-b76c8588]{opacity:1}.progress-bar-container[data-v-b76c8588]{position:relative;height:4px;cursor:pointer;margin-bottom:.5rem}.progress-background[data-v-b76c8588]{position:absolute;top:0;left:0;right:0;height:100%;background-color:#ffffff4d;border-radius:2px}.progress-fill[data-v-b76c8588]{position:absolute;top:0;left:0;height:100%;background-color:var(--color-primary-500);border-radius:2px;transition:width .1s linear}.time-display[data-v-b76c8588]{display:flex;justify-content:space-between;color:#fff;font-size:.75rem}.video-controls[data-v-b76c8588]{position:absolute;bottom:0;left:0;right:0;padding:1rem;display:flex;align-items:center;gap:1rem;z-index:11;opacity:0;transition:opacity .3s ease}.control-button[data-v-b76c8588]{background-color:#fff3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.control-button[data-v-b76c8588]:hover{background-color:#ffffff4d;transform:scale(1.1)}.fullscreen-button[data-v-b76c8588]{margin-left:auto}.action-section[data-v-b76c8588]{display:flex;flex-direction:column;gap:1.5rem}.video-details h2[data-v-b76c8588]{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.video-details p[data-v-b76c8588]{color:var(--color-gray-600)}.action-buttons[data-v-b76c8588]{display:flex;gap:1rem}.btn-primary[data-v-b76c8588],.btn-secondary[data-v-b76c8588]{padding:.75rem 1.25rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-b76c8588]{background-color:var(--color-primary-600);color:#fff;border:none}.btn-primary[data-v-b76c8588]:hover{background-color:var(--color-primary-700);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.btn-secondary[data-v-b76c8588]{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary[data-v-b76c8588]:hover{background-color:var(--color-gray-200);transform:translateY(-2px)}.download-btn[data-v-b76c8588]:before{content:"";display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");background-size:contain}.share-btn[data-v-b76c8588]:before{content:"";display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");background-size:contain}.additional-actions[data-v-b76c8588]{margin-top:2rem;border-top:1px solid var(--color-gray-200);padding-top:1.5rem}.new-video-button[data-v-b76c8588]{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-primary-600);font-weight:500;cursor:pointer;padding:.5rem 0;transition:all .2s ease}.new-video-button[data-v-b76c8588]:hover{color:var(--color-primary-800);transform:translate(5px)}.new-video-button[data-v-b76c8588]:before{content:"";display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");background-size:contain}@keyframes fadeIn-b76c8588{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-b76c8588{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-b76c8588{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.fade-enter-active[data-v-b76c8588],.fade-leave-active[data-v-b76c8588]{transition:opacity .3s ease}.fade-enter-from[data-v-b76c8588],.fade-leave-to[data-v-b76c8588]{opacity:0}@media (max-width: 768px){.result-content[data-v-b76c8588]{grid-template-columns:1fr}.video-preview-container[data-v-b76c8588]{max-height:500px;aspect-ratio:auto}.action-buttons[data-v-b76c8588]{flex-direction:column}}.reel-creator[data-v-4e8bb5e0]{max-width:1200px;margin:0 auto;padding:2rem}.error-container[data-v-4e8bb5e0]{background-color:#fee2e2;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.debug-info[data-v-4e8bb5e0]{background-color:#f0f9ff;padding:.5rem;margin-bottom:1rem;border-radius:.25rem}.scene-card[data-v-7dbd9a7d]{position:relative;background:var(--color-background-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-5);transition:none;width:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}.scene-card-active[data-v-7dbd9a7d]{border-color:var(--color-primary-400);background:var(--color-primary-50)}.scene-card-selected[data-v-7dbd9a7d]{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a}.scene-card-clickable[data-v-7dbd9a7d]{cursor:pointer}.scene-number-badge[data-v-7dbd9a7d]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;align-self:flex-start}.scene-card-active .scene-number-badge[data-v-7dbd9a7d]{background:var(--color-primary-100);color:var(--color-primary-700)}.scene-content[data-v-7dbd9a7d]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.scene-title[data-v-7dbd9a7d]{color:var(--color-text-headline);font-size:var(--text-base);font-weight:500;line-height:1.4;margin:0}.scene-prompt[data-v-7dbd9a7d]{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-3);font-size:var(--text-sm)}.prompt-header[data-v-7dbd9a7d]{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-gray-600);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.scene-prompt p[data-v-7dbd9a7d]{color:var(--color-text-body);line-height:1.5;margin:0;font-style:italic}.scene-image[data-v-7dbd9a7d]{width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100);position:relative}.scene-image img[data-v-7dbd9a7d]{width:100%;height:auto;display:block;object-fit:contain}.scene-actions[data-v-7dbd9a7d]{display:flex;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100)}@media (max-width: 768px){.scene-card[data-v-7dbd9a7d]{padding:var(--spacing-4)}.scene-title[data-v-7dbd9a7d]{font-size:var(--text-sm)}}.scene-breakdown[data-v-487f2cfa]{width:100%;margin-top:var(--spacing-6)}.breakdown-header[data-v-487f2cfa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.breakdown-title[data-v-487f2cfa]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-headline);font-size:var(--text-lg);font-weight:600;margin:0}.breakdown-title svg[data-v-487f2cfa]{color:var(--color-primary-500)}.scene-count[data-v-487f2cfa]{background:var(--color-primary-100);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.scenes-grid[data-v-487f2cfa]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4)}@media (max-width: 768px){.scenes-grid[data-v-487f2cfa]{grid-template-columns:1fr}}.loading-spinner[data-v-7d2ba95f]{display:flex;align-items:center;justify-content:center}.spinner[data-v-7d2ba95f]{border-radius:50%;border:3px solid rgba(var(--color-primary-500-rgb),.2);border-top-color:var(--color-primary-500);animation:spin-7d2ba95f 1s linear infinite}.small .spinner[data-v-7d2ba95f]{width:20px;height:20px;border-width:2px}.medium .spinner[data-v-7d2ba95f]{width:32px;height:32px;border-width:3px}.large .spinner[data-v-7d2ba95f]{width:48px;height:48px;border-width:4px}@keyframes spin-7d2ba95f{to{transform:rotate(360deg)}}.swatch-selector[data-v-ef7ce10e]{width:100%}.swatch-grid[data-v-ef7ce10e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.swatch-card[data-v-ef7ce10e]{position:relative;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:var(--transition-all);overflow:hidden;aspect-ratio:16/9}.swatch-card[data-v-ef7ce10e]:hover:not(.swatch-disabled){border-color:var(--color-primary-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.swatch-card[data-v-ef7ce10e]:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.swatch-selected[data-v-ef7ce10e]{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}.swatch-disabled[data-v-ef7ce10e]{cursor:not-allowed;opacity:.6}.swatch-image-container[data-v-ef7ce10e]{position:relative;width:100%;height:100%;overflow:hidden}.swatch-image-container img[data-v-ef7ce10e]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.swatch-card:hover .swatch-image-container img[data-v-ef7ce10e]{transform:scale(1.05)}.swatch-overlay[data-v-ef7ce10e]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--spacing-4) var(--spacing-3) var(--spacing-3);opacity:0;transition:opacity .3s ease}.swatch-card:hover .swatch-overlay[data-v-ef7ce10e]{opacity:1}.swatch-name[data-v-ef7ce10e]{color:#fff;font-size:var(--text-base);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.swatch-selection-indicator[data-v-ef7ce10e]{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);padding:var(--spacing-1);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.swatch-selection-indicator svg[data-v-ef7ce10e]{width:12px;height:12px}.swatch-loading[data-v-ef7ce10e]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);color:var(--color-gray-500);font-size:var(--text-sm)}.selected-info[data-v-ef7ce10e]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);color:var(--color-text-body);font-size:var(--text-sm);font-weight:500;margin-top:var(--spacing-4)}.selected-icon[data-v-ef7ce10e]{color:var(--color-primary-500)}@media (max-width: 768px){.swatch-grid[data-v-ef7ce10e]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-3)}.swatch-card[data-v-ef7ce10e]{aspect-ratio:16/9}.swatch-name[data-v-ef7ce10e]{font-size:var(--text-sm)}}@media (min-width: 1024px){.swatch-grid[data-v-ef7ce10e]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.split-narrative[data-v-41cfc782]{display:flex;flex-direction:column;gap:var(--spacing-4)}.style-selector-section[data-v-41cfc782]{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.style-selector-title[data-v-41cfc782]{font-size:var(--text-lg);font-weight:600;color:var(--color-text-headline);margin-bottom:var(--spacing-3)}.input-label[data-v-41cfc782]{color:var(--color-text-headline);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-2)}.hint-text[data-v-41cfc782]{display:block;font-size:var(--text-sm);color:var(--color-text-body);font-weight:400;margin-top:var(--spacing-1)}.textarea-wrapper[data-v-41cfc782]{position:relative}.narrative-textarea[data-v-41cfc782]{width:100%;min-height:200px;padding:var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-body);background:#fff;resize:vertical;transition:var(--transition-all)}.narrative-textarea[data-v-41cfc782]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.narrative-textarea[data-v-41cfc782]:disabled{background:var(--color-gray-50);cursor:not-allowed;color:var(--color-gray-400)}.narrative-textarea[data-v-41cfc782]::placeholder{color:var(--color-gray-400);font-style:italic}.narrative-textarea.is-splitting[data-v-41cfc782]{background:var(--color-gray-50);cursor:wait}.textarea-footer[data-v-41cfc782]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3)}.character-count[data-v-41cfc782]{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-gray-500);transition:all .2s ease}.character-count-warning[data-v-41cfc782]{color:var(--color-warning-600);font-weight:500}.character-count-warning svg[data-v-41cfc782]{color:var(--color-warning-500)}.split-button[data-v-41cfc782]{min-width:140px}.error-message[data-v-41cfc782]{color:var(--color-error);font-size:var(--text-sm);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-3);margin-top:var(--spacing-3)}@media (max-width: 768px){.textarea-footer[data-v-41cfc782]{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.split-button[data-v-41cfc782]{align-self:stretch}}.grid-layout[data-v-c1136ed0]{display:grid;width:100%}.cols-1[data-v-c1136ed0]{grid-template-columns:repeat(1,minmax(0,1fr))}.cols-2[data-v-c1136ed0]{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3[data-v-c1136ed0]{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4[data-v-c1136ed0]{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5[data-v-c1136ed0]{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-6[data-v-c1136ed0]{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-none[data-v-c1136ed0]{gap:0}.gap-small[data-v-c1136ed0]{gap:var(--spacing-2)}.gap-medium[data-v-c1136ed0]{gap:var(--spacing-4)}.gap-large[data-v-c1136ed0]{gap:var(--spacing-6)}@media (max-width: 768px){.responsive.cols-6[data-v-c1136ed0],.responsive.cols-5[data-v-c1136ed0],.responsive.cols-4[data-v-c1136ed0],.responsive.cols-3[data-v-c1136ed0]{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive.cols-2[data-v-c1136ed0]{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 480px){.responsive[data-v-c1136ed0]:not(.cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}.responsive.gap-large[data-v-c1136ed0]{gap:var(--spacing-4)}}.base-badge[data-v-c27ec16d]{display:inline-flex;align-items:center;gap:var(--spacing-1);font-weight:500;transition:var(--transition-all);white-space:nowrap}.is-pill[data-v-c27ec16d]{border-radius:var(--radius-full)}.badge-small[data-v-c27ec16d]{padding:0 var(--spacing-2);height:20px;font-size:var(--text-xs)}.badge-medium[data-v-c27ec16d]{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-sm)}.badge-large[data-v-c27ec16d]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-base)}.badge-default[data-v-c27ec16d]{background:var(--color-gray-100);color:var(--color-gray-700)}.badge-primary[data-v-c27ec16d]{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success[data-v-c27ec16d]{background:#10b98114;color:#059669}.badge-warning[data-v-c27ec16d]{background:#f59e0b14;color:#d97706}.badge-danger[data-v-c27ec16d]{background:#ef444414;color:#dc2626}.badge-info[data-v-c27ec16d]{background:#3b82f614;color:#2563eb}.badge-icon[data-v-c27ec16d]{display:inline-flex;align-items:center}.has-icon.badge-small[data-v-c27ec16d]{padding-left:var(--spacing-1)}.badge-icon[data-v-c27ec16d] svg{transition:transform .2s ease}.base-badge:hover .badge-icon[data-v-c27ec16d] svg{transform:scale(1.1)}.image-placeholder[data-v-c15ec5de]{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);overflow:hidden}.placeholder-content[data-v-c15ec5de]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);color:var(--color-gray-400);padding:var(--spacing-4);text-align:center}.placeholder-text[data-v-c15ec5de]{font-size:var(--text-sm);font-weight:500;line-height:1.4}.placeholder-small[data-v-c15ec5de]{min-height:100px}.placeholder-medium[data-v-c15ec5de]{min-height:150px}.placeholder-large[data-v-c15ec5de]{min-height:200px}.is-loading .placeholder-content[data-v-c15ec5de]{opacity:.3}.loading-overlay[data-v-c15ec5de]{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2)}.loading-spinner[data-v-c15ec5de]{width:24px;height:24px;border:2px solid var(--color-gray-200);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin-c15ec5de 1s linear infinite}.loading-message[data-v-c15ec5de]{font-size:var(--text-sm);color:var(--color-gray-600)}@keyframes spin-c15ec5de{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-spinning[data-v-40a57fc7] .badge-icon svg{animation:spin-40a57fc7 1s linear infinite}@keyframes spin-40a57fc7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-card[data-v-ee482a9b]{height:100%;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.asset-card.is-generating[data-v-ee482a9b]{animation:pulse-ee482a9b 2s ease-in-out infinite}@keyframes pulse-ee482a9b{0%,to{opacity:1}50%{opacity:.8}}.asset-image-container[data-v-ee482a9b]{aspect-ratio:16 / 9;background:var(--color-gray-100);overflow:hidden;position:relative}.asset-image[data-v-ee482a9b]{width:100%;height:100%;object-fit:cover}.asset-content[data-v-ee482a9b]{flex:1;display:flex;flex-direction:column;padding:var(--spacing-3);gap:var(--spacing-2)}.asset-name[data-v-ee482a9b]{font-size:var(--text-base);font-weight:600;color:var(--color-text-headline);margin:0;line-height:1.2}.asset-description[data-v-ee482a9b]{font-size:var(--text-sm);color:var(--color-text-body);margin:0;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.asset-footer[data-v-ee482a9b]{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-top:auto}@media (max-width: 768px){.asset-content[data-v-ee482a9b]{padding:var(--spacing-2)}.asset-name[data-v-ee482a9b]{font-size:var(--text-sm)}}.asset-visualization[data-v-5e5110ea]{margin:var(--spacing-6) 0}.assets-container[data-v-5e5110ea]{display:flex;flex-direction:column;gap:var(--spacing-6)}.asset-section[data-v-5e5110ea]{margin-bottom:0}.section-title[data-v-5e5110ea]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);font-weight:600;color:var(--color-text-headline);margin:0}.empty-state[data-v-5e5110ea]{text-align:center;padding:var(--spacing-8);color:var(--color-text-body);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.empty-state h3[data-v-5e5110ea]{font-size:var(--text-xl);font-weight:600;color:var(--color-text-headline);margin:0}.empty-state p[data-v-5e5110ea]{margin:0;color:var(--color-gray-600)}.empty-state .hint[data-v-5e5110ea]{font-size:var(--text-sm);color:var(--color-gray-500)}.empty-state svg[data-v-5e5110ea]{color:var(--color-gray-300)}.toast[data-v-7a621470]{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);max-width:400px;background:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);z-index:1000;border-left:4px solid}.toast-content[data-v-7a621470]{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.toast-icon[data-v-7a621470]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message[data-v-7a621470]{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-body);font-weight:500}.toast-close[data-v-7a621470]{flex-shrink:0;background:none;border:none;padding:var(--spacing-1);cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-md);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.toast-close[data-v-7a621470]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.toast-success[data-v-7a621470]{border-left-color:var(--color-highlight-success)}.toast-success .toast-icon[data-v-7a621470]{color:var(--color-highlight-success)}.toast-error[data-v-7a621470]{border-left-color:var(--color-error)}.toast-error .toast-icon[data-v-7a621470]{color:var(--color-error)}.toast-warning[data-v-7a621470]{border-left-color:var(--color-highlight-accent)}.toast-warning .toast-icon[data-v-7a621470]{color:var(--color-highlight-accent)}.toast-info[data-v-7a621470]{border-left-color:var(--color-primary-base)}.toast-info .toast-icon[data-v-7a621470]{color:var(--color-primary-base)}.toast-enter-active[data-v-7a621470],.toast-leave-active[data-v-7a621470]{transition:all .3s ease}.toast-enter-from[data-v-7a621470],.toast-leave-to[data-v-7a621470]{transform:translate(100%);opacity:0}@media (max-width: 640px){.toast[data-v-7a621470]{bottom:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);max-width:none}}.story-wizard-create[data-v-3eea10d9]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6);min-height:100vh}.wizard-content[data-v-3eea10d9]{display:flex;flex-direction:column;gap:var(--spacing-8);margin-top:var(--spacing-6)}.wizard-panel[data-v-3eea10d9]{background:var(--color-background-secondary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.wizard-panel h2[data-v-3eea10d9]{color:var(--color-text-headline);margin-bottom:var(--spacing-4)}.wizard-panel p[data-v-3eea10d9]{color:var(--color-text-body);margin-bottom:var(--spacing-6)}.generate-button[data-v-3eea10d9]{width:100%;margin-top:var(--spacing-6)}.generation-progress[data-v-3eea10d9]{margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.progress-header[data-v-3eea10d9]{text-align:center;margin-bottom:var(--spacing-4)}.progress-header h3[data-v-3eea10d9]{margin:0 0 var(--spacing-2) 0;color:var(--color-text-primary)}.progress-header p[data-v-3eea10d9]{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.scene-progress-grid[data-v-3eea10d9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.scene-progress-item[data-v-3eea10d9]{text-align:center;padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-primary);border:2px solid var(--color-border);transition:all .3s ease}.scene-progress-item.success[data-v-3eea10d9]{border-color:var(--color-success);background:#22c55e1a}.scene-progress-item.failed[data-v-3eea10d9]{border-color:var(--color-error);background:#ef44441a}.scene-progress-item.generating[data-v-3eea10d9]{border-color:var(--color-primary);background:#6366f11a}.scene-number[data-v-3eea10d9]{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.status-icon[data-v-3eea10d9]{font-size:var(--text-lg);font-weight:700}.scene-progress-item.success .status-icon[data-v-3eea10d9]{color:var(--color-success)}.scene-progress-item.failed .status-icon[data-v-3eea10d9]{color:var(--color-error)}.scene-progress-item.generating .status-icon[data-v-3eea10d9]{color:var(--color-primary)}.spinner[data-v-3eea10d9]{animation:spin-3eea10d9 1s linear infinite}.progress-bar-container[data-v-3eea10d9]{margin-bottom:var(--spacing-4)}.progress-bar[data-v-3eea10d9]{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill[data-v-3eea10d9]{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-text[data-v-3eea10d9]{display:block;text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.continue-button[data-v-3eea10d9]{display:block;margin:0 auto}.error-message[data-v-3eea10d9]{color:var(--color-error);text-align:center;margin-top:var(--spacing-4);font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.retry-button[data-v-3eea10d9]{margin-top:var(--spacing-2)}.button-content[data-v-3eea10d9]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.button-icon[data-v-3eea10d9]{flex-shrink:0;transition:transform .2s ease}.generate-button:hover:not(:disabled) .button-icon[data-v-3eea10d9]{transform:translate(3px)}.loading-overlay[data-v-3eea10d9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content[data-v-3eea10d9]{text-align:center}.loading-content .spinner[data-v-3eea10d9]{width:48px;height:48px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary-500);border-radius:50%;animation:spin-3eea10d9 1s linear infinite;margin:0 auto var(--spacing-4)}.loading-content p[data-v-3eea10d9]{color:var(--color-text-body);font-size:var(--text-lg);margin:0}@keyframes spin-3eea10d9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.story-wizard-create[data-v-3eea10d9]{padding:var(--spacing-4)}.wizard-content[data-v-3eea10d9]{gap:var(--spacing-6)}.wizard-panel[data-v-3eea10d9]{padding:var(--spacing-4)}}.my-videos-container[data-v-257e8993]{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-6)}.page-title[data-v-257e8993]{font-family:var(--font-heading);color:var(--color-text-headline);margin-bottom:var(--spacing-8);font-size:var(--text-3xl)}.loading-container[data-v-257e8993],.error-container[data-v-257e8993],.empty-state[data-v-257e8993]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:var(--spacing-8);background-color:var(--color-background-secondary);border-radius:var(--radius-lg);gap:var(--spacing-4)}.video-list[data-v-257e8993]{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-2)}.video-list-item[data-v-257e8993]{background-color:var(--color-background-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);transition:transform .35s ease-out,box-shadow .35s ease-out,border-color .35s ease-out;transform:translateZ(0);will-change:transform,box-shadow;cursor:pointer;position:relative;padding:2px;margin:-2px}.video-list-item[data-v-257e8993]:before{content:"";position:absolute;top:-12px;left:0;right:0;bottom:-12px;z-index:-1}.video-list-item[data-v-257e8993]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px) translateZ(0);border-color:var(--color-primary-200);z-index:1}.video-list-item.expanded[data-v-257e8993]{transform:translateY(0) translateZ(0);box-shadow:var(--shadow-lg);border-color:var(--color-primary-500);border-width:2px;z-index:2;padding-bottom:16px}.video-item-content[data-v-257e8993]{display:flex;flex-direction:column}@media (min-width: 768px){.video-item-content[data-v-257e8993]{flex-direction:row}}.video-preview[data-v-257e8993]{position:relative;background-color:#000;width:100%;max-height:200px;overflow:hidden;transition:max-height .2s ease-out,width .2s ease-out;transform:translateZ(0);will-change:max-height,width;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (min-width: 768px){.video-preview[data-v-257e8993]{width:320px;max-height:none}.expanded .video-preview[data-v-257e8993]{width:480px}}.expanded .video-preview[data-v-257e8993]{max-height:400px;border-bottom:1px solid var(--color-gray-200)}.video-player[data-v-257e8993]{width:100%;height:100%;object-fit:cover;transform:translateZ(0);will-change:object-fit;transition:object-fit .3s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.expanded .video-player[data-v-257e8993]{object-fit:contain;box-shadow:0 4px 12px #0000000d}.expanded .video-preview[data-v-257e8993]:after{content:"Now Playing";position:absolute;top:12px;right:12px;background-color:var(--color-primary-base);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #0003}.play-overlay[data-v-257e8993]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-out;transform:translateZ(0);will-change:opacity;pointer-events:none}.video-list-item:hover .play-overlay[data-v-257e8993]{opacity:.8}.play-button[data-v-257e8993]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;padding:12px 16px;border-radius:8px;background-color:var(--color-primary-base);color:#fff;transition:transform .15s ease-out;transform:translateZ(0);will-change:transform;box-shadow:0 2px 8px #0003;gap:8px}.play-text[data-v-257e8993]{font-size:14px;font-weight:500;margin-top:4px}.video-list-item:hover .play-button[data-v-257e8993]{transform:scale(1.05) translateZ(0);background-color:var(--color-button-hover)}.video-info[data-v-257e8993]{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.video-header[data-v-257e8993]{display:flex;justify-content:space-between;align-items:flex-start}.video-title[data-v-257e8993]{margin:0;font-family:var(--font-heading);color:var(--color-text-headline);font-size:var(--text-xl)}.video-metadata[data-v-257e8993]{display:flex;flex-wrap:wrap;gap:var(--spacing-2);color:var(--color-text-muted);font-size:var(--text-sm)}.video-metadata span[data-v-257e8993]{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-weight:500}.video-actions[data-v-257e8993]{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}time[data-v-257e8993]{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;white-space:nowrap}@keyframes fadeInStaggered-257e8993{0%{opacity:0;transform:translateY(20px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.video-list-item[data-v-257e8993]{animation:fadeInStaggered-257e8993 .4s cubic-bezier(.2,.8,.2,1) forwards;animation-play-state:running;opacity:0}.video-list-item[data-v-257e8993]:nth-child(-n+3){animation-delay:.1s}.video-list-item[data-v-257e8993]:nth-child(n+4):nth-child(-n+6){animation-delay:.2s}.video-list-item[data-v-257e8993]:nth-child(n+7):nth-child(-n+9){animation-delay:.3s}.video-list-item[data-v-257e8993]:nth-child(n+10){animation-delay:.4s}@media (max-width: 640px){.video-actions[data-v-257e8993]{flex-direction:column;align-items:stretch}.video-header[data-v-257e8993]{flex-direction:column}.video-title[data-v-257e8993]{margin-bottom:var(--spacing-2)}}.my-hooks[data-v-d9168758]{padding:20px;max-width:1200px;margin:0 auto}.section-title[data-v-d9168758]{font-size:24px;margin-bottom:20px;color:var(--color-gray-900)}.loading-container[data-v-d9168758],.empty-state[data-v-d9168758]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:var(--color-gray-50);border-radius:8px;text-align:center}.loading-spinner[data-v-d9168758]{width:40px;height:40px;border:3px solid rgba(var(--color-primary-rgb),.3);border-top:3px solid var(--color-primary-500);border-radius:50%;animation:spin-d9168758 1s linear infinite;margin-bottom:16px}@keyframes spin-d9168758{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-d9168758]{background-color:var(--color-error-50);color:var(--color-error-700);padding:16px;border-radius:8px;margin-bottom:20px;text-align:center}.retry-button[data-v-d9168758]{background-color:var(--color-error-100);color:var(--color-error-700);border:1px solid var(--color-error-300);padding:6px 12px;border-radius:4px;cursor:pointer;margin-top:8px}.empty-icon[data-v-d9168758]{color:var(--color-gray-400);margin-bottom:16px}.empty-state h3[data-v-d9168758]{margin:0 0 8px;color:var(--color-gray-800)}.empty-state p[data-v-d9168758]{color:var(--color-gray-600);margin-bottom:16px}.create-hook-button[data-v-d9168758]{background-color:var(--color-primary-500);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.create-hook-button[data-v-d9168758]:hover{background-color:var(--color-primary-600)}.hooks-grid[data-v-d9168758]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:32px}.hook-card[data-v-d9168758]{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;background-color:#fff;transition:transform .2s,box-shadow .2s}.hook-card[data-v-d9168758]:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001a}.hook-video-container[data-v-d9168758]{position:relative;aspect-ratio:9/16;background-color:#000;overflow:hidden}.hook-video[data-v-d9168758]{width:100%;height:100%;object-fit:cover}.hook-overlay[data-v-d9168758]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:16px;color:#fff}.hook-text-preview[data-v-d9168758]{font-size:14px;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.hook-info[data-v-d9168758]{padding:16px}.hook-meta[data-v-d9168758]{display:flex;justify-content:space-between;margin-bottom:12px}.template-name[data-v-d9168758]{font-weight:500;color:var(--color-gray-800)}.hook-date[data-v-d9168758]{color:var(--color-gray-500);font-size:14px}.hook-actions[data-v-d9168758]{display:flex;gap:8px}.action-button[data-v-d9168758]{flex:1;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.use-hook[data-v-d9168758]{background-color:var(--color-primary-100);color:var(--color-primary-700);border:1px solid var(--color-primary-300)}.use-hook[data-v-d9168758]:hover{background-color:var(--color-primary-200)}.delete-hook[data-v-d9168758]{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.delete-hook[data-v-d9168758]:hover{background-color:var(--color-error-100);color:var(--color-error-700);border-color:var(--color-error-300)}.pagination[data-v-d9168758]{display:flex;justify-content:center;margin-top:32px}.load-more-button[data-v-d9168758]{background-color:var(--color-gray-100);color:var(--color-gray-800);border:1px solid var(--color-gray-300);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.load-more-button[data-v-d9168758]:hover:not(:disabled){background-color:var(--color-gray-200)}.load-more-button[data-v-d9168758]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-d9168758]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content[data-v-d9168758]{background-color:#fff;padding:24px;border-radius:8px;max-width:400px;width:90%}.modal-content h3[data-v-d9168758]{margin-top:0;margin-bottom:12px;color:var(--color-gray-900)}.modal-content p[data-v-d9168758]{margin-bottom:24px;color:var(--color-gray-700)}.modal-actions[data-v-d9168758]{display:flex;justify-content:flex-end;gap:12px}.cancel-button[data-v-d9168758]{background-color:var(--color-gray-100);color:var(--color-gray-800);border:1px solid var(--color-gray-300);padding:8px 16px;border-radius:4px;cursor:pointer}.confirm-button[data-v-d9168758]{background-color:var(--color-error-500);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}@media (max-width: 768px){.hooks-grid[data-v-d9168758]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 480px){.hooks-grid[data-v-d9168758]{grid-template-columns:1fr}}.page-container[data-v-9de116f6]{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative}.page-header[data-v-9de116f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-9de116f6]{margin:0;font-size:32px;color:var(--color-gray-900)}.create-button button[data-v-9de116f6]{background-color:var(--color-primary-500);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.create-button button[data-v-9de116f6]:hover{background-color:var(--color-primary-600)}.notification[data-v-9de116f6]{position:fixed;bottom:24px;right:24px;padding:12px 16px;border-radius:6px;max-width:300px;box-shadow:0 4px 12px #00000026;animation:slide-in-9de116f6 .3s ease-out forwards;display:flex;align-items:flex-start;gap:8px;z-index:1000}.notification-success[data-v-9de116f6]{background-color:var(--color-success-50);color:var(--color-success-700);border-left:4px solid var(--color-success-500)}.notification-error[data-v-9de116f6]{background-color:var(--color-error-50);color:var(--color-error-700);border-left:4px solid var(--color-error-500)}.notification-info[data-v-9de116f6]{background-color:var(--color-primary-50);color:var(--color-primary-700);border-left:4px solid var(--color-primary-500)}.close-notification[data-v-9de116f6]{background:none;border:none;color:currentColor;font-size:16px;cursor:pointer;padding:0;opacity:.7;margin-left:auto}.close-notification[data-v-9de116f6]:hover{opacity:1}@keyframes slide-in-9de116f6{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.page-header[data-v-9de116f6]{flex-direction:column;align-items:flex-start;gap:16px}.notification[data-v-9de116f6]{left:24px;right:24px;max-width:none}}.login-form[data-v-e3e1d4ff]{max-width:400px;margin:0 auto;padding:var(--spacing-8);background-color:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-title[data-v-e3e1d4ff]{margin-top:0;margin-bottom:var(--spacing-6);color:var(--color-text-headline);font-family:var(--font-heading);font-size:var(--text-2xl);text-align:center}.error-message[data-v-e3e1d4ff]{color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-2);background-color:rgba(var(--color-error-rgb),.1);border-radius:var(--radius-md)}.auth-links[data-v-e3e1d4ff]{margin-top:var(--spacing-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-links a[data-v-e3e1d4ff]{color:var(--color-primary-600);text-decoration:none;font-weight:500}.auth-links a[data-v-e3e1d4ff]:hover{text-decoration:underline}.google-button-container[data-v-e3e1d4ff]{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);min-height:40px;display:flex;justify-content:center;padding:var(--spacing-2) 0}.auth-page[data-v-d66cdc22]{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.auth-container[data-v-d66cdc22]{width:100%;max-width:500px}.register-container[data-v-a120b619]{max-width:500px;margin:0 auto}.register-form[data-v-a120b619]{width:100%;padding:var(--spacing-8);background-color:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-title[data-v-a120b619]{margin-top:0;margin-bottom:var(--spacing-6);color:var(--color-text-headline);font-family:var(--font-heading);font-size:var(--text-2xl);text-align:center}.error-message[data-v-a120b619]{color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-2);background-color:rgba(var(--color-error-rgb),.1);border-radius:var(--radius-md)}.terms-note[data-v-a120b619]{margin-top:var(--spacing-6);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.terms-note a[data-v-a120b619]{color:var(--color-primary-600);text-decoration:none}.terms-note a[data-v-a120b619]:hover{text-decoration:underline}.auth-links[data-v-a120b619]{margin-top:var(--spacing-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-links a[data-v-a120b619]{color:var(--color-primary-600);text-decoration:none;font-weight:500}.auth-links a[data-v-a120b619]:hover{text-decoration:underline}.google-button-container[data-v-a120b619]{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);min-height:40px;display:flex;justify-content:center;padding:var(--spacing-2) 0}.auth-page[data-v-4021a384]{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.auth-container[data-v-4021a384]{width:100%;max-width:500px}.profile-page[data-v-894605c5]{max-width:900px;margin:0 auto;padding:var(--spacing-4)}.page-title[data-v-894605c5]{font-size:var(--text-3xl);margin-bottom:var(--spacing-6);color:var(--color-text-headline)}.welcome-banner[data-v-894605c5]{background-color:var(--color-primary-100);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);border-left:4px solid var(--color-primary-500)}.welcome-content h2[data-v-894605c5]{font-size:var(--text-2xl);margin:0 0 var(--spacing-2) 0;letter-spacing:-.02em;font-family:var(--font-heading)}.welcome-content p[data-v-894605c5]{margin:0;color:var(--color-text-body);font-family:var(--font-body);font-size:1.05rem;font-weight:400}.profile-content[data-v-894605c5]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.profile-content[data-v-894605c5]{grid-template-columns:1fr 1fr;grid-template-areas:"profile security" "logout logout"}.profile-card[data-v-894605c5]{grid-area:profile}.security-card[data-v-894605c5]{grid-area:security}.logout-card[data-v-894605c5]{grid-area:logout}}.profile-form[data-v-894605c5],.password-form[data-v-894605c5]{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group[data-v-894605c5]{display:flex;flex-direction:column}.form-row[data-v-894605c5]{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 768px){.form-row[data-v-894605c5]{grid-template-columns:1fr 1fr}}label[data-v-894605c5]{font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-text-headline);font-size:var(--text-sm);font-family:var(--font-heading);letter-spacing:-.01em}.form-input[data-v-894605c5]{padding:var(--spacing-3);border:1px solid var(--color-secondary-300);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color .3s,box-shadow .3s}.form-input[data-v-894605c5]:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb),.15);outline:none}.form-input[data-v-894605c5]:disabled{background-color:var(--color-secondary-100);color:var(--color-gray-500);cursor:not-allowed}.input-hint[data-v-894605c5]{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--spacing-1)}.social-input[data-v-894605c5]{position:relative;display:flex;align-items:center}.social-prefix[data-v-894605c5]{position:absolute;left:var(--spacing-3);color:var(--color-gray-500);font-size:var(--text-base);z-index:1}.form-input.with-prefix[data-v-894605c5]{padding-left:calc(var(--spacing-3) + 12px)}.form-actions[data-v-894605c5]{margin-top:var(--spacing-4)}.btn-primary[data-v-894605c5]{background-color:var(--color-primary-500);color:#fff;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .3s;display:inline-block;text-decoration:none;text-align:center}.btn-primary[data-v-894605c5]:hover:not(:disabled){background-color:var(--color-primary-600)}.btn-primary[data-v-894605c5]:disabled{opacity:.7;cursor:not-allowed}.btn-danger[data-v-894605c5]{background-color:var(--color-error);color:#fff;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .3s;display:inline-block;text-decoration:none;text-align:center}.btn-danger[data-v-894605c5]:hover{background-color:var(--color-error-600)}.logout-section[data-v-894605c5]{padding:var(--spacing-4);text-align:center}.logout-description[data-v-894605c5]{margin-bottom:var(--spacing-4);color:var(--color-text-muted)}.login-prompt[data-v-894605c5]{max-width:400px;margin:0 auto;text-align:center}.login-prompt p[data-v-894605c5]{margin-bottom:var(--spacing-4)}@media (max-width: 480px){.profile-page[data-v-894605c5]{padding:var(--spacing-3)}.welcome-banner[data-v-894605c5]{padding:var(--spacing-4)}.welcome-content h2[data-v-894605c5]{font-size:var(--text-xl)}.btn-primary[data-v-894605c5]{width:100%}}.billing-page[data-v-4a3d076d]{max-width:900px;margin:0 auto;padding:var(--spacing-4)}.page-title[data-v-4a3d076d]{font-size:var(--text-3xl);margin-bottom:var(--spacing-6);color:var(--color-text-headline)}.welcome-banner[data-v-4a3d076d]{background-color:var(--color-primary-100);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);border-left:4px solid var(--color-primary-500)}.welcome-content h2[data-v-4a3d076d]{font-size:var(--text-2xl);margin:0 0 var(--spacing-2) 0;letter-spacing:-.02em;font-family:var(--font-heading)}.welcome-content p[data-v-4a3d076d]{margin:0;color:var(--color-text-body);font-family:var(--font-body);font-size:1.05rem;font-weight:400}.billing-content[data-v-4a3d076d]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.billing-content[data-v-4a3d076d]{grid-template-columns:1fr 1fr}}.payment-methods[data-v-4a3d076d],.payment-history[data-v-4a3d076d]{padding:var(--spacing-4)}.no-methods[data-v-4a3d076d],.no-history[data-v-4a3d076d]{color:var(--color-text-muted);text-align:center;padding:var(--spacing-4)}.payment-method-card[data-v-4a3d076d]{display:flex;align-items:center;padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.card-icon[data-v-4a3d076d]{margin-right:var(--spacing-4)}.card-details[data-v-4a3d076d]{flex:1}.card-name[data-v-4a3d076d]{font-weight:500;margin:0;color:var(--color-text-headline)}.card-expiry[data-v-4a3d076d]{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--spacing-1) 0 0 0}.remove-card-btn[data-v-4a3d076d]{display:flex;align-items:center;background:none;border:none;color:var(--color-error);font-size:var(--text-sm);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md)}.remove-card-btn svg[data-v-4a3d076d]{margin-right:var(--spacing-1)}.remove-card-btn[data-v-4a3d076d]:hover{background-color:rgba(var(--color-error-rgb),.1)}.add-payment-btn[data-v-4a3d076d]{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-3);background-color:var(--color-primary-100);color:var(--color-primary-600);border:1px dashed var(--color-primary-300);border-radius:var(--radius-md);cursor:pointer;transition:background-color .3s}.add-payment-btn svg[data-v-4a3d076d]{margin-right:var(--spacing-2)}.add-payment-btn[data-v-4a3d076d]:hover{background-color:var(--color-primary-200)}.payment-list[data-v-4a3d076d]{display:flex;flex-direction:column;gap:var(--spacing-3)}.payment-item[data-v-4a3d076d]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);border-bottom:1px solid var(--color-border)}.payment-item[data-v-4a3d076d]:last-child{border-bottom:none}.payment-date[data-v-4a3d076d]{margin:0;font-weight:500;color:var(--color-text-headline)}.payment-description[data-v-4a3d076d]{margin:var(--spacing-1) 0 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.payment-amount[data-v-4a3d076d]{font-weight:600;color:var(--color-text-headline)}.login-prompt[data-v-4a3d076d]{max-width:400px;margin:0 auto;text-align:center}.login-prompt p[data-v-4a3d076d]{margin-bottom:var(--spacing-4)}.btn-primary[data-v-4a3d076d]{background-color:var(--color-primary-500);color:#fff;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .3s;display:inline-block;text-decoration:none;text-align:center}.btn-primary[data-v-4a3d076d]:hover{background-color:var(--color-primary-600)}.wallet-page[data-v-86c8fed2]{background-color:#f9fafb;min-height:100vh;padding:1.5rem}.wallet-container[data-v-86c8fed2]{max-width:1200px;margin:0 auto}.page-title[data-v-86c8fed2]{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.card[data-v-86c8fed2]{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:2rem}.card-title[data-v-86c8fed2]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.card-description[data-v-86c8fed2]{color:#4b5563;margin-bottom:1.5rem}.card-content-grid[data-v-86c8fed2]{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.card-left-pane[data-v-86c8fed2]{text-align:left}.card-left-pane .card-title[data-v-86c8fed2]{margin-bottom:1rem}.card-left-pane .card-description[data-v-86c8fed2]{margin-bottom:0;line-height:1.6}.card-right-pane[data-v-86c8fed2]{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;justify-content:center}.balance-section[data-v-86c8fed2]{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.balance-card[data-v-86c8fed2]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.5rem;padding:1.5rem;text-align:center;width:280px}.balance-icon[data-v-86c8fed2]{color:#6b7280;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.balance-amount[data-v-86c8fed2]{font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.balance-label[data-v-86c8fed2]{font-size:.875rem;color:#6b7280}.payment-info[data-v-86c8fed2]{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.buy-credits-button[data-v-86c8fed2]{width:280px}.monthly-invoice-card[data-v-86c8fed2]{background-color:#fef3f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.monthly-invoice-section[data-v-86c8fed2]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.monthly-invoice-info[data-v-86c8fed2]{display:flex;align-items:center;gap:.75rem}.monthly-invoice-icon[data-v-86c8fed2]{color:#ef4444}.section-title[data-v-86c8fed2]{font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.packages-container[data-v-86c8fed2]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.package-card[data-v-86c8fed2]{border-radius:.5rem;padding:1rem;width:100%;max-width:200px;cursor:pointer;box-shadow:0 1px 2px #0000000d;position:relative;background-color:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.package-card.selected[data-v-86c8fed2]{background-color:#f0f7ff;border:2px solid #3b82f6}.package-checkmark[data-v-86c8fed2]{position:absolute;top:.5rem;right:.5rem;color:#3b82f6}.package-header[data-v-86c8fed2]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.package-icon-container[data-v-86c8fed2]{background-color:#ebf5ff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.package-icon[data-v-86c8fed2]{color:#3b82f6}.package-name[data-v-86c8fed2]{font-weight:600;color:#1f2937}.package-price[data-v-86c8fed2]{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.package-credits[data-v-86c8fed2]{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.package-bonus[data-v-86c8fed2]{color:#10b981}.package-description[data-v-86c8fed2]{font-size:.75rem;color:#6b7280}.table-container[data-v-86c8fed2]{overflow-x:auto}.invoice-table[data-v-86c8fed2]{width:100%;border-collapse:collapse}.table-head th[data-v-86c8fed2]{padding:.75rem;text-align:left;font-weight:500;border-bottom:1px solid #e5e7eb}.table-head th.right-align[data-v-86c8fed2]{text-align:right}.invoice-row[data-v-86c8fed2]{border-bottom:1px solid #e5e7eb}.invoice-row td[data-v-86c8fed2]{padding:1rem .75rem}.invoice-row td.right-align[data-v-86c8fed2]{text-align:right}.status-paid[data-v-86c8fed2]{color:#059669}.status-expiring[data-v-86c8fed2]{color:#d97706}.modal-overlay[data-v-86c8fed2]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-container[data-v-86c8fed2]{background-color:#fff;border-radius:.5rem;padding:1.5rem;width:100%;max-width:42rem;overflow-y:auto;max-height:90vh}.modal-title[data-v-86c8fed2]{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.modal-description[data-v-86c8fed2]{color:#6b7280;margin-bottom:1.5rem}.modal-form-group[data-v-86c8fed2]{margin-bottom:1rem}.modal-label[data-v-86c8fed2]{display:block;color:#374151;margin-bottom:.5rem}.modal-select[data-v-86c8fed2]{width:100%;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem}.modal-actions[data-v-86c8fed2]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.loading-container[data-v-86c8fed2]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner[data-v-86c8fed2]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-86c8fed2 1s linear infinite}@keyframes spin-86c8fed2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-86c8fed2]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.error-text[data-v-86c8fed2]{color:#ef4444;text-align:center}.payment-status[data-v-86c8fed2]{margin-top:1rem;padding:1rem;background-color:#f0f7ff;border:1px solid #bfdbfe;border-radius:.375rem}.dodo-status[data-v-86c8fed2]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e7ff}@media (max-width: 768px){.card-content-grid[data-v-86c8fed2]{grid-template-columns:1fr;gap:1.5rem}.card-right-pane[data-v-86c8fed2]{align-items:stretch}.balance-card[data-v-86c8fed2]{width:100%}.balance-section[data-v-86c8fed2]{flex-direction:column}.balance-card[data-v-86c8fed2]{width:100%;flex:auto}.payment-info[data-v-86c8fed2],.buy-credits-button button[data-v-86c8fed2]{width:100%}.packages-container[data-v-86c8fed2]{justify-content:center}.package-card[data-v-86c8fed2]{max-width:100%}.monthly-invoice-section[data-v-86c8fed2]{flex-direction:column;align-items:flex-start}.modal-container[data-v-86c8fed2]{max-width:90%;margin:0 1rem}}.story-generation-progress[data-v-44a5c821]{max-width:900px;margin:0 auto;padding:var(--spacing-6);min-height:100vh}.progress-header[data-v-44a5c821]{text-align:center;margin-bottom:var(--spacing-8)}.progress-header h1[data-v-44a5c821]{color:var(--color-text-headline);margin-bottom:var(--spacing-2)}.subtitle[data-v-44a5c821]{color:var(--color-text-body);font-size:var(--text-lg)}.overall-progress[data-v-44a5c821]{margin-bottom:var(--spacing-8)}.progress-track[data-v-44a5c821]{width:100%;height:12px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill[data-v-44a5c821]{height:100%;background:linear-gradient(90deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full)}.progress-text[data-v-44a5c821]{text-align:center;font-size:var(--text-sm);color:var(--color-text-body);font-weight:500}.progress-stages[data-v-44a5c821]{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stage-card[data-v-44a5c821]{background:var(--color-background-secondary);padding:var(--spacing-6);border-radius:var(--radius-lg);border:2px solid transparent;transition:all .3s ease}.stage-card.stage-pending[data-v-44a5c821]{opacity:.6;border-color:var(--color-gray-200)}.stage-card.stage-active[data-v-44a5c821]{border-color:var(--color-primary-base);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1)}.stage-card.stage-completed[data-v-44a5c821]{border-color:var(--color-success)}.stage-card.stage-failed[data-v-44a5c821]{border-color:var(--color-error);background:rgba(var(--color-error-rgb),.05)}.stage-header[data-v-44a5c821]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.stage-icon[data-v-44a5c821]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-500)}.stage-active .stage-icon[data-v-44a5c821]{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-base)}.stage-completed .stage-icon[data-v-44a5c821]{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.stage-failed .stage-icon[data-v-44a5c821]{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.stage-header h3[data-v-44a5c821]{flex:1;color:var(--color-text-headline);font-size:var(--text-lg);margin:0}.stage-status[data-v-44a5c821]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.stage-active .stage-status[data-v-44a5c821]{color:var(--color-primary-base)}.stage-completed .stage-status[data-v-44a5c821]{color:var(--color-success)}.stage-failed .stage-status[data-v-44a5c821]{color:var(--color-error)}.stage-description[data-v-44a5c821]{color:var(--color-text-body);margin-bottom:var(--spacing-4)}.asset-grid[data-v-44a5c821]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.asset-thumbnail[data-v-44a5c821]{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.asset-thumbnail.generating[data-v-44a5c821]{display:flex;align-items:center;justify-content:center}.asset-thumbnail img[data-v-44a5c821]{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder[data-v-44a5c821]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-gray-400)}.asset-name[data-v-44a5c821]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:var(--text-xs);padding:var(--spacing-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-progress[data-v-44a5c821]{margin-top:var(--spacing-3)}.progress-bar[data-v-44a5c821]{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-2)}.progress-bar-fill[data-v-44a5c821]{height:100%;background-color:var(--color-primary-base);transition:width .3s ease}.progress-detail[data-v-44a5c821]{font-size:var(--text-sm);color:var(--color-text-muted)}.notice-card[data-v-44a5c821]{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);color:var(--color-primary-700)}.notice-content h4[data-v-44a5c821]{margin:0 0 var(--spacing-1) 0;font-size:var(--text-base)}.notice-content p[data-v-44a5c821]{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.error-card[data-v-44a5c821]{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);background:rgba(var(--color-error-rgb),.05);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);color:var(--color-error)}.error-content h4[data-v-44a5c821]{margin:0 0 var(--spacing-1) 0;font-size:var(--text-base)}.error-content p[data-v-44a5c821]{margin:0 0 var(--spacing-3) 0;font-size:var(--text-sm);line-height:var(--leading-normal)}.action-buttons[data-v-44a5c821]{display:flex;justify-content:center;gap:var(--spacing-4)}.spinning[data-v-44a5c821]{animation:spin-44a5c821 1s linear infinite}@keyframes spin-44a5c821{to{transform:rotate(360deg)}}@media (max-width: 768px){.story-generation-progress[data-v-44a5c821],.stage-card[data-v-44a5c821]{padding:var(--spacing-4)}.asset-grid[data-v-44a5c821]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-2)}.action-buttons[data-v-44a5c821]{flex-direction:column}.action-buttons button[data-v-44a5c821]{width:100%}}*,*:before,*:after{box-sizing:border-box}::selection{background:#4299e14d;color:inherit}::-moz-selection{background:#4299e14d;color:inherit}body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-background-primary);min-height:100vh;color:var(--color-text-body);font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}.landing-page{min-height:100vh;background:var(--color-background-primary);overflow-x:hidden}.hero-container{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-6)}.hero{padding:var(--spacing-8) 0 var(--spacing-16) 0;background:var(--color-gradient-hero)}.hero-title{font-size:var(--text-5xl);margin-bottom:var(--spacing-4)}.hero-description{font-size:var(--text-xl);max-width:600px;margin:0 auto var(--spacing-8)}.hero-actions{display:flex;gap:var(--spacing-4);justify-content:center}.hero-cta{display:inline-block;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-weight:600;transition:var(--transition-all);text-align:center;min-width:200px;box-shadow:0 4px 12px #006d7733;font-size:20px;background-color:var(--color-primary-500);color:#fff;border:2px solid var(--color-primary-500)}.hero-cta:hover{background-color:var(--color-button-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #006d774d;border-color:var(--color-button-hover)}.hero-cta:active{transform:translateY(0);box-shadow:0 4px 12px #006d7733}.hero-cta-arrow{display:inline-block;margin-left:var(--spacing-2);transition:transform .3s ease;animation:arrow-bounce 2s infinite;vertical-align:middle;flex-shrink:0}.hero-cta:hover .hero-cta-arrow{transform:translate(4px);animation-play-state:paused}@keyframes arrow-bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(4px)}60%{transform:translate(2px)}}@media (max-width: 768px){.hero{padding:var(--spacing-6) 0 var(--spacing-12) 0}.hero-title{font-size:var(--text-3xl);line-height:1.2;margin-bottom:var(--spacing-6)}.hero-description{font-size:var(--text-lg);margin-bottom:var(--spacing-8)}.hero-actions{flex-direction:column;align-items:center;width:100%;gap:var(--spacing-3)}.hero-cta{width:100%;max-width:300px;text-align:center;padding:var(--spacing-4) var(--spacing-6);font-size:18px}.container{padding:0 var(--spacing-4)}}@media (max-width: 480px){.hero{padding:var(--spacing-4) 0 var(--spacing-8) 0}.hero-title{font-size:var(--text-2xl);margin-bottom:var(--spacing-4)}.hero-description{font-size:var(--text-base);margin-bottom:var(--spacing-6)}.hero-cta{padding:var(--spacing-2) var(--spacing-4);font-size:16px;min-width:180px;width:100%;max-width:280px}.container{padding:0 var(--spacing-3)}}:root{--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-background-primary: #f4ede4;--color-background-secondary: #ffffff;--color-gradient-light: #f4ede4;--color-gradient-warm: #f4ede4;--color-gradient-subtle: #f4ede4;--color-gradient-card: linear-gradient(135deg, #ffffff 0%, #faf6f2 50%, #f8f4f0 100%);--color-gradient-hero: #f4ede4;--color-warm-cream: #f4ede4;--color-text-headline: #0f172a;--color-text-body: #334155;--color-highlight-primary: #6495ED;--color-highlight-secondary: #8B4B8C;--color-highlight-accent: #B8860B;--color-highlight-success: #228B22;--color-highlight-warm: #CD853F;--color-highlight-cadetblue: #5F9EA0;--color-primary-base: #6495ED;--color-button-primary: #000000;--color-button-hover: #000000;--color-highlight: #64748b;--color-primary-50: #E6F1F5;--color-primary-100: #CCE3EB;--color-primary-200: #99C7D6;--color-primary-300: #66ABC2;--color-primary-400: #338FAD;--color-primary-500: #000000;--color-primary-600: #00566F;--color-primary-700: #00455A;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-secondary-100: #E9EFF1;--color-secondary-200: #D3DFE3;--color-secondary-500: #A3BAC3;--color-error: #ef4444;--color-primary-500-rgb: 0, 0, 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--transition-all: all .3s ease;--container-max-width: 1280px;--header-height: 64px}body{font-family:var(--font-body);background:var(--color-background-primary);min-height:100vh;color:var(--color-text-body);font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-header{background-color:var(--color-warm-cream);border-bottom:1px solid var(--color-gray-200)}.nav-link{color:var(--color-text-body)}.nav-link:hover{background-color:var(--color-background-secondary)}.nav-link.router-link-active{color:var(--color-text-headline);background-color:#a3bac333}.base-card{border:1px solid var(--color-secondary-200)}.card-header{background-color:var(--color-secondary-100);border-bottom:1px solid var(--color-secondary-200)}.base-button.primary{background-color:var(--color-button-primary)}.base-button.primary:hover:not(:disabled){background-color:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.base-button.secondary,.base-button.outline{background-color:var(--color-button-primary);color:#fff;border:none}.base-button.secondary:hover:not(:disabled),.base-button.outline:hover:not(:disabled){background-color:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.highlight{display:inline;position:relative;color:#fff;padding:.1em .3em;margin:0 .1em;border-radius:.25em;font-weight:600;transform:rotate(-1deg);display:inline-block;transition:transform .2s ease}.highlight:hover{transform:rotate(0) scale(1.02)}.highlight.primary{background-color:var(--color-highlight-primary);box-shadow:0 2px 4px #6495ed4d}.highlight.secondary{background-color:var(--color-highlight-secondary);box-shadow:0 2px 4px #8b4b8c4d}.highlight.accent{background-color:var(--color-highlight-accent);box-shadow:0 2px 4px #b8860b4d}.highlight.success{background-color:var(--color-highlight-success);box-shadow:0 2px 4px #228b224d}.highlight.warm{background-color:var(--color-highlight-warm);box-shadow:0 2px 4px #cd853f4d}.highlight.cadetblue{background-color:var(--color-highlight-cadetblue);box-shadow:0 2px 4px #5f9ea04d}.highlight-bg{background-color:var(--color-highlight-primary);color:#fff;padding:.1em .4em;border-radius:.3em;font-weight:600;display:inline}.highlight-bg.secondary{background-color:var(--color-highlight-secondary)}.highlight-bg.accent{background-color:var(--color-highlight-accent)}.highlight-bg.success{background-color:var(--color-highlight-success)}.highlight-bg.warm{background-color:var(--color-highlight-warm)}.highlight-bg.cadetblue{background-color:var(--color-highlight-cadetblue)}@font-face{font-family:Horizon;src:url(https://felix-art.nyc3.cdn.digitaloceanspaces.com/horizon.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HorizonOutlined;src:url(https://felix-art.nyc3.cdn.digitaloceanspaces.com/horizon_outlined.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-headline);font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.lead{font-size:1.125rem;font-weight:500;line-height:1.6}.card-title{font-weight:600;font-size:1.25rem;margin-bottom:.5rem}label{font-weight:600;font-size:.875rem;margin-bottom:.375rem;display:block}.help-text{font-size:.75rem;color:var(--color-gray-500);margin-top:.25rem}input,textarea,select,button{font-weight:500;font-family:var(--font-body)}a{color:var(--color-primary-500);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-600)}p{font-weight:500;margin-bottom:1rem;line-height:1.6}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.lead{font-size:1rem}}:root{--transition-duration-base: .3s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--btn-hover-y: translateY(-2px)}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration-base) var(--ease-in-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:opacity var(--transition-duration-base) var(--ease-out),transform var(--transition-duration-base) var(--ease-out)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(-10px)}.base-button{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.base-button.primary{background-color:var(--color-button-primary);color:#fff;border:none}.base-button.primary:hover{background-color:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.base-button.secondary{background-color:var(--color-button-primary);color:#fff;border:none}.base-button.secondary:hover{background-color:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.base-button.outline{background-color:var(--color-button-primary);border:none;color:#fff}.base-button.outline:hover{background-color:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.base-button.small{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.base-button.medium{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}.base-button.large{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg)}.base-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.base-card{background-color:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-gray-200);overflow:hidden}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-background-secondary)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.base-input{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);background-color:#fff}.base-input:focus{outline:none;border-color:var(--color-primary-base);box-shadow:0 0 0 3px #0000001a}.upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-8);cursor:pointer;background-color:#fff}.upload-zone:hover{border-color:var(--color-primary-base)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;padding:.25rem .5rem;border-radius:9999px;text-transform:uppercase}.badge-primary{background-color:#0000001a;color:var(--color-primary-500)}.badge-success{background-color:#10b9811a;color:#10b981}.badge-error{background-color:#ef44441a;color:var(--color-error)}@media (max-width: 768px){.card-header,.card-body,.card-footer{padding:var(--spacing-4)}.base-button{min-height:44px}.base-input{font-size:16px;padding:var(--spacing-3)}.upload-zone{padding:var(--spacing-4)}}.btn-primary,button.primary{background-color:#000!important;border-color:#000!important}.btn-primary:hover,button.primary:hover{background-color:#000!important;border-color:#000!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d!important}.btn-primary{background-color:#000!important;border-color:#000!important;color:#fff!important}.btn-primary:hover{background-color:#000!important;border-color:#000!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d!important}.btn-secondary,button.secondary{background-color:transparent!important;border:1px solid #cbd5e1!important;color:#334155!important}.btn-secondary:hover,button.secondary:hover{background-color:#f1f5f9!important;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a!important}