.detail-layout{background:var(--color-background);min-height:100vh}.detail-header{z-index:var(--z-fixed);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;height:60px;position:fixed;top:0;left:0;right:0}.detail-header__container{height:100%;padding:0 var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.detail-header__left{align-items:center;gap:var(--spacing-4);display:flex}.detail-header__menu-toggle{color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;padding:6px}.detail-header__menu-toggle:hover{background:#ffffff1c}.detail-header__menu-toggle:active{background:#fff3}.detail-header__logo{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex}.detail-header__logo-image{-o-object-fit:contain;object-fit:contain;width:24px;height:24px}.detail-header__right{align-items:center;gap:var(--spacing-4);display:flex}.detail-header__login{color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);background:0 0;border:none}.detail-header__login:hover{color:var(--color-text-primary)}.detail-header__signup{background:var(--gradient-rainbow);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);background-size:200% 200%;border:none;animation:3s ease-in-out infinite gradient-shift}.detail-header__signup:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.detail-layout__body{display:flex}.detail-sidebar{background:var(--color-background-secondary);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;overflow-y:auto;transform:translate(0)}.detail-sidebar__content{padding:var(--spacing-6) 0;flex-direction:column;height:100%;display:flex}.detail-sidebar__nav{padding:0 var(--spacing-4);flex:1}.detail-sidebar__category{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin:var(--spacing-4) var(--spacing-3) var(--spacing-2)}.detail-sidebar__item{margin-bottom:var(--spacing-1);opacity:1;transition:opacity .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.detail-sidebar:not(.detail-sidebar--open) .detail-sidebar__item{opacity:0;transition-delay:0s;transform:translate(-20px)}.detail-sidebar--open .detail-sidebar__item{animation:.3s ease-out forwards slideInItem}@keyframes slideInItem{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.detail-sidebar__link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);text-decoration:none;display:flex}.detail-sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.detail-sidebar__link--active{background:var(--color-primary);color:#fff}.detail-sidebar__link--active:hover{color:#fff;background:var(--color-primary)!important}.detail-sidebar__sublink{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm);margin-left:var(--spacing-2);text-decoration:none;display:flex}.detail-sidebar__sublink:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.detail-sidebar__sublink--active{background:var(--color-primary);color:#fff}.detail-sidebar__sublink--active:hover{color:#fff;background:var(--color-primary)!important}.detail-sidebar__icon,.detail-sidebar__subicon{flex-shrink:0}.detail-sidebar__footer{padding:var(--spacing-4) 20px;border-top:1px solid #ffffff1a}.detail-sidebar__upgrade-btn{background:var(--gradient-rainbow);color:#fff;width:100%;padding:var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2);transition:all var(--transition-normal);background-size:200% 200%;border:none;animation:3s ease-in-out infinite gradient-shift;display:flex}.detail-sidebar__upgrade-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.detail-main{transition:margin-left var(--transition-normal);flex:1;overflow-x:hidden}.detail-main--with-sidebar,.detail-main--full{margin-left:0}.detail-hero{padding:var(--spacing-8) 0;background:var(--color-background)}.detail-hero__container{padding:0 var(--spacing-6);margin:0 auto}.detail-hero__content{grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}.detail-hero__form,.detail-hero__preview{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid #ffffff1a;flex-direction:column;height:calc(100vh - 140px);display:flex}.detail-hero__video-container{flex-direction:column;flex:1;display:flex}.detail-hero__video-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.detail-hero__video-wrapper{border-radius:var(--radius-lg);background:var(--color-background);flex:1;position:relative;overflow:hidden}.detail-hero__video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.detail-hero__video-overlay{opacity:0;transition:opacity var(--transition-normal);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.detail-hero__video-wrapper:hover .detail-hero__video-overlay{opacity:1}.detail-hero__play-btn{background:var(--gradient-rainbow);color:#fff;cursor:pointer;width:60px;height:60px;transition:all var(--transition-normal);background-size:200% 200%;border:none;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite gradient-shift;display:flex}.detail-hero__play-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.video-generator{flex-direction:column;height:100%;display:flex}.video-generator__header{margin-bottom:var(--spacing-6)}.video-generator__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.video-generator__form{padding-right:var(--spacing-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.better-scrollbar::-webkit-scrollbar{width:6px}.better-scrollbar::-webkit-scrollbar-track{background:0 0}.better-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.better-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.video-generator__field{margin-bottom:var(--spacing-6)}.video-generator__label{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);display:block}.video-generator__model-select{position:relative}.video-generator__select{width:100%;padding:var(--spacing-3);background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;border:1px solid #fff3}.video-generator__model-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.video-generator__prompt-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.video-generator__translate-btn{color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.video-generator__translate-btn:hover{color:var(--color-text-secondary)}.video-generator__prompt-container{position:relative}.video-generator__textarea{width:100%;padding:var(--spacing-3);background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);resize:vertical;min-height:100px;font-family:var(--font-family-primary);border:1px solid #fff3}.video-generator__textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.video-generator__prompt-footer{margin-top:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.video-generator__ai-btn{align-items:center;gap:var(--spacing-2);background:var(--gradient-rainbow);color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-normal);background-size:200% 200%;border:none;animation:3s ease-in-out infinite gradient-shift;display:flex}.video-generator__ai-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.video-generator__char-count{color:var(--color-text-muted);font-size:var(--font-size-xs)}.video-generator__ideas{margin-top:var(--spacing-4)}.video-generator__ideas-header{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);display:flex}.video-generator__ideas-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.video-generator__idea-btn{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ffffff1a}.video-generator__idea-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-generator__shuffle-btn{background:var(--color-surface);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.video-generator__shuffle-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-generator__advanced{margin-bottom:var(--spacing-6)}.video-generator__advanced-toggle{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);background:0 0;border:none;display:flex}.video-generator__advanced-toggle:hover{color:var(--color-text-primary)}.video-generator__chevron{transition:transform var(--transition-fast);font-size:var(--font-size-xs)}.video-generator__chevron--open{transform:rotate(180deg)}.video-generator__advanced-content{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid #ffffff1a}.video-generator__info{color:var(--color-text-muted);margin-left:var(--spacing-1);cursor:help}.video-generator__button-group{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.video-generator__option-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);border:1px solid #ffffff1a}.video-generator__option-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.video-generator__option-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.video-generator__field-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-3)}.video-generator__aspect-grid{grid-gap:var(--spacing-2);gap:var(--spacing-2);grid-template-columns:repeat(5,1fr);display:grid}.video-generator__aspect-btn{aspect-ratio:1;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:2px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.video-generator__aspect-btn:hover{color:var(--color-text-primary);border-color:#ffffff4d}.video-generator__aspect-btn--active{color:#fff;border-color:#0000}.video-generator__credits{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-4);display:flex}.video-generator__credits-icon{color:#f59e0b}.video-generator__generate-btn{padding-top:var(--spacing-6);border-top:1px solid #ffffff1a;margin-top:auto}.detail-features,.detail-visualization,.detail-quality,.detail-use-cases{padding:var(--spacing-16) 0}.detail-features{background:var(--color-background-secondary)}.detail-visualization{background:var(--color-background)}.detail-quality{background:var(--color-background-secondary)}.detail-use-cases{background:var(--color-background)}.detail-features__container,.detail-visualization__container,.detail-quality__container,.detail-use-cases__container{max-width:1200px;padding:0 var(--spacing-6);margin:0 auto}.detail-features__header,.detail-use-cases__header{text-align:center;margin-bottom:var(--spacing-12)}.detail-features__title,.detail-visualization__title,.detail-quality__title,.detail-use-cases__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.detail-features__description,.detail-use-cases__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.detail-features__grid{grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.detail-features__card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;transition:all var(--transition-normal);border:1px solid #ffffff1a}.detail-features__card:hover{box-shadow:var(--shadow-xl);border-color:#fff3;transform:translateY(-4px)}.detail-features__icon{background:var(--gradient-rainbow);border-radius:var(--radius-lg);color:#fff;width:60px;height:60px;margin:0 auto var(--spacing-4);background-size:200% 200%;justify-content:center;align-items:center;animation:3s ease-in-out infinite gradient-shift;display:flex}.detail-features__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.detail-features__card-description{color:var(--color-text-secondary);line-height:1.6}.detail-visualization__content{grid-gap:var(--spacing-12);gap:var(--spacing-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.detail-visualization__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);line-height:1.6}.detail-visualization__features{gap:var(--spacing-3);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}.detail-visualization__feature{align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);display:flex}.detail-visualization__feature-icon{background:var(--gradient-rainbow);border-radius:var(--radius-md);color:#fff;background-size:200% 200%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;animation:3s ease-in-out infinite gradient-shift;display:flex}.detail-visualization__media{position:relative}.detail-visualization__video-grid{grid-gap:var(--spacing-4);gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.detail-visualization__video-item{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.detail-visualization__video{-o-object-fit:cover;object-fit:cover;width:100%;height:200px}.detail-quality__content{grid-gap:var(--spacing-12);gap:var(--spacing-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.detail-quality__description{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);line-height:1.6}.detail-quality__specs{grid-gap:var(--spacing-4);gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.detail-quality__spec{gap:var(--spacing-1);flex-direction:column;display:flex}.detail-quality__spec-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.detail-quality__spec-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.detail-quality__showcase{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.detail-quality__video{-o-object-fit:cover;object-fit:cover;width:100%;height:300px}.detail-use-cases__grid{grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.detail-use-cases__card{background:var(--color-surface);border-radius:var(--radius-xl);transition:all var(--transition-normal);border:1px solid #ffffff1a;overflow:hidden}.detail-use-cases__card:hover{box-shadow:var(--shadow-xl);border-color:#fff3;transform:translateY(-4px)}.detail-use-cases__image{height:200px;overflow:hidden}.detail-use-cases__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.detail-use-cases__card:hover .detail-use-cases__image img{transform:scale(1.1)}.detail-use-cases__content{padding:var(--spacing-6)}.detail-use-cases__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.detail-use-cases__card-description{color:var(--color-text-secondary);line-height:1.6}@media (min-width:1200px){.video-generator__form{width:424px}}.sidebar-backdrop{z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed;inset:0}.sidebar-backdrop--show{opacity:1;visibility:visible}@media (max-width:1023px){.detail-sidebar{height:calc(100vh - 60px);z-index:var(--z-sticky);border-radius:0 8px 8px 0;transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s ease-in-out;position:fixed;top:60px;left:-240px;transform:translate(-100%);box-shadow:2px 0 20px #0006}.detail-sidebar__spacer{display:none}.detail-sidebar--open{left:0;transform:translate(0)}.detail-main{margin-left:0}.detail-hero__content{gap:var(--spacing-6);grid-template-columns:1fr}.detail-hero__form,.detail-hero__preview{height:auto;min-height:400px}.detail-visualization__content,.detail-quality__content{gap:var(--spacing-8);grid-template-columns:1fr}.detail-visualization__video-grid{grid-template-columns:1fr}.detail-quality__specs{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.detail-hero__form,.detail-hero__preview{padding:var(--spacing-4);min-height:300px}.video-generator__form{padding-right:0}.video-generator__aspect-grid{grid-template-columns:repeat(3,1fr)}.detail-features__grid,.detail-use-cases__grid,.detail-quality__specs{grid-template-columns:1fr}.video-generator__button-group{flex-direction:column}.video-generator__option-btn{text-align:center}}@media (min-width:1400px){.detail-hero__content{grid-template-columns:.7fr 1.3fr}}.detail-hero__video,.detail-visualization__video,.detail-quality__video{content-visibility:auto;contain-intrinsic-size:300px 200px}.hero__gradient-orb,.button,.features__item,.tools__card,.fullscreen-card{will-change:transform;transform:translateZ(0)}.feature-card__image{content-visibility:auto;contain-intrinsic-size:300px 200px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}