.interactive-layout[data-v-b23533ff]{align-items:flex-start;display:flex!important;gap:40px;justify-content:center;margin:0 auto;max-width:1400px}.form-panel[data-v-b23533ff]{flex:0 0 45%;max-width:45%}.preview-area[data-v-b23533ff]{display:flex;flex:0 0 55%;flex-direction:column;max-width:55%}.preview-section[data-v-b23533ff]{aspect-ratio:6/5;background:linear-gradient(145deg,#000c,#0f1120e6);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 10px 30px #0000004d;contain:layout;flex-direction:column;height:auto;min-height:600px;overflow:hidden;padding:1.5rem;position:relative;transform:translateZ(0);width:100%}.download-section[data-v-b23533ff],.preview-section[data-v-b23533ff]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.download-section[data-v-b23533ff]{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid hsla(0,0%,100%,.1);border-radius:0 0 16px 16px;justify-content:center;margin-top:20px;padding:20px}.download-btn[data-v-b23533ff]{align-items:center;background:linear-gradient(135deg,#665ffa,#ff6bd6);border:none;border-radius:50px;box-shadow:0 10px 30px #665ffa4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:180px;padding:1rem 2rem;transition:all .3s ease}.download-btn[data-v-b23533ff]:hover{background:linear-gradient(135deg,#7c6aff,#ff7ce0);box-shadow:0 15px 40px #665ffa66;transform:translateY(-3px)}.download-btn[data-v-b23533ff]:disabled{cursor:not-allowed;opacity:.6;transform:none}.preview-video[data-v-b23533ff]{backface-visibility:hidden;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateZ(0);transition:transform .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-touch-callout:none;border-radius:16px}.preview-section:hover .preview-video[data-v-b23533ff]{transform:scale(1.02)}.preview-video.opacity-50[data-v-b23533ff]{opacity:.5}.generation-overlay[data-v-b23533ff]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:1rem;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.generation-content[data-v-b23533ff]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2rem;text-align:center}.loading-spinner[data-v-b23533ff]{position:relative}.generation-title[data-v-b23533ff]{background:linear-gradient(135deg,#6209f6,#dc8af6,#83d0fb);-webkit-background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.generation-text[data-v-b23533ff]{color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.6;margin:0;max-width:500px;text-align:center}.preview-overlay[data-v-b23533ff]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:1rem;inset:0;justify-content:center;padding:2rem;position:absolute;text-align:center;z-index:5}.empty-state[data-v-b23533ff],.preview-overlay[data-v-b23533ff]{align-items:center;display:flex;flex-direction:column}.empty-state[data-v-b23533ff]{gap:1.5rem;max-width:400px}.empty-icon[data-v-b23533ff]{align-items:center;background:#ffffff1a;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.preview-title[data-v-b23533ff]{background:linear-gradient(135deg,#6209f6,#dc8af6,#83d0fb);-webkit-background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.preview-description[data-v-b23533ff]{color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.6;margin:0;text-align:center}.preview-features[data-v-b23533ff]{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.feature-item[data-v-b23533ff]{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.feature-item[data-v-b23533ff]:hover{background:#ffffff1a;transform:translate(4px)}.feature-item span[data-v-b23533ff]{color:#ffffffe6;font-size:.9rem;font-weight:500}.credits-badge[data-v-b23533ff]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid hsla(0,0%,100%,.3);border-radius:9999px;box-shadow:0 2px 8px #0000001a;color:#ffffffe6;font-size:.875rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}@keyframes tabSwitch-b23533ff{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.05)}}@keyframes tabGlow-b23533ff{0%,to{opacity:.3}50%{opacity:.6}}.tab-active[data-v-b23533ff]{animation:tabSwitch-b23533ff .3s ease-out}.tab-glow[data-v-b23533ff]{animation:tabGlow-b23533ff 2s ease-in-out infinite}.hover\:scale-102[data-v-b23533ff]:hover{transform:scale(1.02)}.tab-container[data-v-b23533ff]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:inset 0 2px 4px #0000000f}.tab-active[data-v-b23533ff]:before{animation:shimmer-b23533ff 2s ease-in-out infinite;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.3),transparent);border-radius:14px;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes shimmer-b23533ff{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.interactive-layout[data-v-b23533ff]{flex-direction:column!important;gap:40px;max-width:100%}.form-panel[data-v-b23533ff],.preview-area[data-v-b23533ff]{flex:1 1 100%;max-width:100%}.preview-section[data-v-b23533ff]{aspect-ratio:16/9!important;max-width:100%;min-height:50vh!important;padding:1rem}.preview-video[data-v-b23533ff]{max-height:100%;max-width:100%;-o-object-fit:contain!important;object-fit:contain!important}.download-section[data-v-b23533ff]{margin-top:15px;padding:15px}.download-btn[data-v-b23533ff]{font-size:.9rem;min-width:160px;padding:.875rem 1.5rem}}.feature-card[data-v-7417566f]{background-color:#fff9;border-color:#fff9;border-radius:var(--radius-xl);border-width:1px;display:flex;flex-direction:column;padding:1.5rem;position:relative;--tw-shadow:0 2px 8px rgba(0,0,0,.04);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.feature-card[data-v-7417566f]:hover{--tw-translate-y:-.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;background-color:#ffffffe6;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-shadow:0 20px 40px -12px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.icon-box[data-v-7417566f]{align-items:center;border-radius:var(--radius-lg);display:flex;height:3rem;justify-content:center;margin-bottom:1.25rem;width:3rem;--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.feature-card:hover .icon-box[data-v-7417566f],.icon-box[data-v-7417566f]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.feature-card:hover .icon-box[data-v-7417566f]{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.card-title[data-v-7417566f]{font-size:1.125rem;font-weight:700;line-height:1.75rem;line-height:1.25;margin-bottom:.75rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.card-desc[data-v-7417566f]{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}@keyframes blob-7417566f{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob[data-v-7417566f]{animation:blob-7417566f 7s infinite alternate}.animation-delay-2000[data-v-7417566f]{animation-delay:2s}@keyframes shimmer-7417566f{to{transform:translate(100%)}}@keyframes fade-in-up-7417566f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up[data-v-7417566f]{animation:fade-in-up-7417566f .8s ease-out forwards}.delay-0[data-v-7417566f]{animation-delay:.1s;animation:fade-in-up-7417566f .8s ease-out forwards;opacity:0}.delay-100[data-v-7417566f]{animation-delay:.2s;animation:fade-in-up-7417566f .8s ease-out forwards;opacity:0}.delay-200[data-v-7417566f]{animation-delay:.3s;animation:fade-in-up-7417566f .8s ease-out forwards;opacity:0}.delay-300[data-v-7417566f]{animation-delay:.4s;animation:fade-in-up-7417566f .8s ease-out forwards;opacity:0}
