:root{--bg-void: #010103;--bg-surface: rgba(8, 8, 14, .75);--bg-surface-hover: rgba(16, 16, 24, .85);--bg-elevated: rgba(12, 12, 20, .9);--accent-indigo: #64748b;--accent-violet: #94a3b8;--accent-rose: #cbd5e1;--accent-cyan: #e2e8f0;--accent-amber: #f1f5f9;--glow-indigo: rgba(100, 116, 139, .2);--glow-violet: rgba(148, 163, 184, .15);--glow-rose: rgba(203, 213, 225, .1);--glow-purple: rgba(100, 116, 139, .15);--text-primary: #e8eaed;--text-secondary: #8b8d94;--text-muted: #4a4b52;--text-accent: #cbd5e1;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-border-hover: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .03), inset 0 1px 0 rgba(255, 255, 255, .02);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--nav-height: 72px}[data-theme=light]{--bg-void: #f4f5f7;--bg-surface: rgba(255, 255, 255, .85);--bg-surface-hover: rgba(240, 240, 245, .95);--bg-elevated: rgba(255, 255, 255, .95);--accent-indigo: #4f5d75;--accent-violet: #6b7b95;--accent-rose: #374151;--accent-cyan: #1e293b;--accent-amber: #0f172a;--glow-indigo: rgba(79, 93, 117, .15);--glow-violet: rgba(107, 123, 149, .12);--glow-rose: rgba(55, 65, 81, .08);--glow-purple: rgba(79, 93, 117, .1);--text-primary: #1a1a2e;--text-secondary: #5a5b6a;--text-muted: #9a9ba6;--text-accent: #374151;--glass-border: 1px solid rgba(0, 0, 0, .08);--glass-border-hover: 1px solid rgba(0, 0, 0, .14);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .6)}body,.navbar,.glass-panel,.feature-card,.showcase-card,.editor-layout,.editor-sidebar,.editor-canvas,.editor-agent,.timeline-editor{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;margin-right:4px}.theme-toggle:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text-primary);transform:rotate(15deg)}[data-theme=light] .theme-toggle{border-color:#0000001a;background:#00000008}[data-theme=light] .theme-toggle:hover{background:#0000000f;border-color:#0000002e}[data-theme=light] body{background-color:var(--bg-void);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(79,93,117,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(107,123,149,.04) 0%,transparent 50%)}[data-theme=light] .navbar{background:#f4f5f7d9;border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .navbar__logo{background:linear-gradient(135deg,#111827 40%,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .navbar__logo span{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .navbar__link:hover{background:#0000000a}[data-theme=light] .navbar__cta{background:#0000000d;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .navbar__cta:hover{background:#00000014;border-color:#0000002e;box-shadow:0 0 20px #0000000d}[data-theme=light] .glass-panel{background:var(--bg-surface);backdrop-filter:blur(40px) saturate(1.2) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.2) brightness(1.05);border:var(--glass-border);box-shadow:var(--glass-shadow)}[data-theme=light] .glass-panel--hover:hover{border-color:#0000001f;background:var(--bg-surface-hover);box-shadow:0 8px 32px #00000014,0 0 0 1px #0000000d}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-ghost{background:#0000000a;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .btn-ghost:hover{background:#00000012;border-color:#00000029}[data-theme=light] .btn-icon{border:1px solid rgba(0,0,0,.08);background:#00000008}[data-theme=light] .btn-icon:hover{background:#0000000f;border-color:#0000001f;box-shadow:0 0 10px #0000000f}[data-theme=light] .hero__badge{background:#0000000a;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .prompt-bar__wrapper{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 30px #0000000f}[data-theme=light] .prompt-bar__wrapper:focus-within{border-color:#0000002e;box-shadow:0 8px 30px #00000014,0 0 30px #4f5d750f}[data-theme=light] .prompt-bar__btn{color:#fff}[data-theme=light] .feature-card__icon{background:#0000000a;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .feature-card:hover{border-color:#00000014;box-shadow:0 16px 48px #00000014}[data-theme=light] .showcase-card:hover{box-shadow:0 16px 48px #0000001a}[data-theme=light] .showcase-card__badge{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);color:var(--text-secondary)}[data-theme=light] .footer{border-top:1px solid rgba(0,0,0,.06)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .bg-orb{opacity:.2}[data-theme=light] .bg-orb--1{background:radial-gradient(circle,rgba(79,93,117,.25) 0%,transparent 70%)}[data-theme=light] .bg-orb--2{background:radial-gradient(circle,rgba(107,123,149,.2) 0%,transparent 70%)}[data-theme=light] .bg-orb--3,[data-theme=light] .bg-orb--4,[data-theme=light] .bg-orb--5{background:radial-gradient(circle,rgba(79,93,117,.15) 0%,transparent 70%)}[data-theme=light] .bg-particles{opacity:.7;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(0,0,0,.25) 50%,transparent 50%),radial-gradient(1px 1px at 30% 65%,rgba(0,0,0,.2) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 55% 15%,rgba(0,0,0,.3) 50%,transparent 50%),radial-gradient(1px 1px at 75% 80%,rgba(0,0,0,.15) 50%,transparent 50%),radial-gradient(2px 2px at 90% 40%,rgba(0,0,0,.18) 50%,transparent 50%),radial-gradient(1px 1px at 20% 85%,rgba(0,0,0,.2) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 45%,rgba(0,0,0,.15) 50%,transparent 50%),radial-gradient(1px 1px at 45% 90%,rgba(0,0,0,.18) 50%,transparent 50%)}[data-theme=light] .bg-mesh{background:conic-gradient(from 230deg at 50% 50%,transparent 0deg,rgba(79,93,117,.08) 60deg,transparent 120deg,rgba(107,123,149,.06) 180deg,transparent 240deg,rgba(79,93,117,.08) 300deg,transparent 360deg)}[data-theme=light] .bg-noise{opacity:.015;mix-blend-mode:multiply}[data-theme=light] .script-scene{background:#00000008;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .gen-progress__bar-track{background:#0000000f}[data-theme=light] .gen-progress__spinner{border-color:#0000001a;border-top-color:var(--accent-violet)}[data-theme=light] .render-card{background:#00000005;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .render-card--active{border-color:#00000026;background:#0000000a}[data-theme=light] .render-card__bar{background:#0000000f}[data-theme=light] .arc-topbar{border-bottom:1px solid rgba(0,0,0,.06);background:#fff9}[data-theme=light] .arc-back:hover{background:#0000000a}[data-theme=light] .arc-clips{border-right:1px solid rgba(0,0,0,.06);background:#fafafc99}[data-theme=light] .arc-clip:hover{background:#0000000a}[data-theme=light] .arc-clip--active{background:#4f5d7514;border:1px solid rgba(79,93,117,.15)}[data-theme=light] .arc-clip__thumb{background:#0000000a;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .arc-add-scene{border:1px dashed rgba(0,0,0,.12)}[data-theme=light] .arc-add-scene:hover{border-color:#4f5d754d;background:#4f5d750a}[data-theme=light] .arc-clip__progress{background:#0000000f}[data-theme=light] .arc-preview__player{background:#e8e9ed}[data-theme=light] .arc-timeline{background:#00000005}[data-theme=light] .arc-timeline__block{background:#4f5d7514;border:1px solid rgba(79,93,117,.15)}[data-theme=light] .arc-timeline__block:hover{background:#4f5d7524}[data-theme=light] .arc-timeline__block--active{background:#4f5d752e;border-color:#4f5d7559}[data-theme=light] .arc-editor-panel{border-left:1px solid rgba(0,0,0,.06);background:#fafafc99}[data-theme=light] .arc-scene__prompt{background:#00000008;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .arc-scene__prompt:focus{border-color:#4f5d7559}[data-theme=light] .arc-camera-btn{background:#00000008;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .arc-camera-btn:hover{background:#0000000f}[data-theme=light] .arc-camera-btn--active{background:#00000014;border-color:#0003}[data-theme=light] .arc-stepper__dot{border:1px solid rgba(0,0,0,.1);background:#00000008}[data-theme=light] .arc-stepper__dot.active{background:#4f5d751f;border-color:#4f5d754d}[data-theme=light] .arc-stepper__line{background:#0000000f}[data-theme=light] .arc-footer{border-top:1px solid rgba(0,0,0,.06);background:#fff9}[data-theme=light] .arc-editor-panel__regen{color:var(--accent-indigo);background:#4f5d7514;border:1px solid rgba(79,93,117,.15)}[data-theme=light] .arc-editor-panel__regen:hover{background:#4f5d7524}[data-theme=light] .arc-editor-panel__del{border:1px solid rgba(0,0,0,.06)}[data-theme=light] .editor-layout{background:#f0f1f3}[data-theme=light] .editor-sidebar{background:#f5f5f7;border-right:1px solid rgba(0,0,0,.06)}[data-theme=light] .sidebar-header{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .story-card{background:#fff;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .story-card.active{border-color:#00000026;box-shadow:0 4px 12px #0000000f}[data-theme=light] .story-card-thumb{background:#edeef0}[data-theme=light] .story-prompt-input{background:#f0f1f3;color:var(--text-primary)}[data-theme=light] .story-prompt-input:focus{border-color:#0000001f}[data-theme=light] .btn-rerender{background:#e8e9ed;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .btn-rerender:hover{background:#dcdde2}[data-theme=light] .add-scene-ghost{border:1px dashed rgba(0,0,0,.12)}[data-theme=light] .add-scene-ghost:hover{border-color:#00000038;background:#00000005}[data-theme=light] .editor-canvas{background:#eaebee}[data-theme=light] .canvas-header{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .logo-box{background:#db2777;color:#fff}[data-theme=light] .icon-btn{border:1px solid rgba(0,0,0,.1)}[data-theme=light] .icon-btn:hover{background:#0000000d}[data-theme=light] .btn-export{background:#1a1a2e;color:#f4f5f7}[data-theme=light] .video-preview-box{background:#1a1a2e;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .big-play-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.15);color:#ffffffd9}[data-theme=light] .timeline-editor{background:#f0f1f3;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .tl-toolbar{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .tl-tabs .tab.active{color:var(--text-primary)}[data-theme=light] .tl-ruler{border-bottom:1px solid rgba(0,0,0,.03)}[data-theme=light] .tick{color:#00000038}[data-theme=light] .tl-track{background:#e8e9ed}[data-theme=light] .block-visual{background:#4f5d7526;color:#4f5d75;border-color:#4f5d7540}[data-theme=light] .block-audio{background:#be185d1f;color:#be185d;border-color:#be185d33}[data-theme=light] .editor-agent{background:#f5f5f7;border-left:1px solid rgba(0,0,0,.06)}[data-theme=light] .agent-header{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .chat-bubble.bot-bubble{background:#fff;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .agent-input-area{border-top:1px solid rgba(0,0,0,.06);background:#f0f1f3}[data-theme=light] .agent-textfield{background:#fff;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .agent-textfield textarea{color:var(--text-primary)}[data-theme=light] .chip{border:1px solid rgba(0,0,0,.1)}[data-theme=light] .chip:hover{background:#0000000a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-void);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.02) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(255,255,255,.015) 0%,transparent 50%);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:var(--font-body);color:inherit;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(60px) saturate(1.6) brightness(.9);-webkit-backdrop-filter:blur(60px) saturate(1.6) brightness(.9);border:var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:all .5s var(--ease-out-expo)}.glass-panel--hover:hover{border-color:#ffffff1a;background:var(--bg-surface-hover);box-shadow:0 12px 48px #000000b3,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0a}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;font-weight:600;font-size:.95rem;border-radius:12px;border:none;cursor:pointer;transition:all .4s var(--ease-out-expo);box-shadow:0 4px 20px var(--glow-indigo),0 0 0 0 transparent;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-violet),var(--accent-rose));opacity:0;transition:opacity .4s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-violet),0 0 40px #64748b33}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-weight:500;font-size:.9rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff2e;color:var(--text-primary)}.btn-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);transition:all .3s ease}.btn-icon:hover{background:#ffffff0f;border-color:#ffffff1f;color:var(--text-primary);box-shadow:0 0 15px #0000004d}.bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(160px);opacity:.35;will-change:transform}.bg-orb--1{width:55vw;height:55vw;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-20vw;left:-15vw;animation:orbFloat1 25s infinite ease-in-out}.bg-orb--2{width:50vw;height:50vw;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);bottom:-20vw;right:-15vw;animation:orbFloat2 30s infinite ease-in-out}.bg-orb--3{width:40vw;height:40vw;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);top:35%;left:50%;transform:translate(-50%);opacity:.2;animation:orbFloat3 35s infinite ease-in-out}.bg-orb--4{width:30vw;height:30vw;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);top:10%;right:20%;opacity:.15;animation:orbFloat4 28s infinite ease-in-out}.bg-orb--5{width:25vw;height:25vw;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);bottom:20%;left:15%;opacity:.12;animation:orbFloat5 22s infinite ease-in-out}.bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,.18) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 55% 15%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 75% 80%,rgba(255,255,255,.12) 50%,transparent 50%),radial-gradient(2px 2px at 90% 40%,rgba(255,255,255,.14) 50%,transparent 50%),radial-gradient(1px 1px at 20% 85%,rgba(255,255,255,.16) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 45%,rgba(255,255,255,.1) 50%,transparent 50%),radial-gradient(1px 1px at 45% 90%,rgba(255,255,255,.14) 50%,transparent 50%);animation:particleDrift 60s linear infinite}.bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;background:conic-gradient(from 230deg at 50% 50%,transparent 0deg,rgba(255,255,255,.05) 60deg,transparent 120deg,rgba(255,255,255,.04) 180deg,transparent 240deg,rgba(255,255,255,.05) 300deg,transparent 360deg);animation:meshRotate 45s linear infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5vw,3vw) scale(1.08)}50%{transform:translate(-3vw,5vw) scale(.95)}75%{transform:translate(4vw,-2vw) scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-4vw,-3vw) scale(1.06)}50%{transform:translate(3vw,-5vw) scale(.92)}75%{transform:translate(-2vw,4vw) scale(1.1)}}@keyframes orbFloat3{0%,to{transform:translate(-50%) translate(0) scale(1)}33%{transform:translate(-50%) translate(4vw,-3vw) scale(1.12)}66%{transform:translate(-50%) translate(-3vw,4vw) scale(.9)}}@keyframes orbFloat4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-6vw,4vw) scale(1.15)}66%{transform:translate(3vw,-5vw) scale(.88)}}@keyframes orbFloat5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5vw,-4vw) scale(1.1)}}@keyframes particleDrift{0%{transform:translate(0)}25%{transform:translate(-15px,-25px)}50%{transform:translate(10px,-50px)}75%{transform:translate(-5px,-75px)}to{transform:translateY(-100px)}}@keyframes meshRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;mix-blend-mode:overlay}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;background:#010103bf;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.04)}.navbar__logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 40%,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar__logo span{background:linear-gradient(135deg,var(--accent-violet),var(--accent-rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar__links{display:flex;align-items:center;gap:8px}.navbar__link{padding:10px 18px;font-size:.9rem;color:var(--text-secondary);font-weight:500;border-radius:8px;transition:all .3s ease}.navbar__link:hover{color:var(--text-primary);background:#ffffff0a}.navbar__cta{margin-left:12px;padding:10px 22px;border-radius:10px;font-size:.9rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);transition:all .3s ease}.navbar__cta:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 0 25px #ffffff0d}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 40px) 40px 60px;text-align:center;position:relative}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:30px}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-violet);box-shadow:0 0 8px var(--accent-violet);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero__title{font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05;letter-spacing:-2px;margin-bottom:24px;max-width:900px}.hero__title-gradient{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:580px;line-height:1.7;font-weight:400;margin-bottom:50px}.prompt-bar{width:100%;max-width:700px;position:relative;margin-bottom:20px}.prompt-bar__wrapper{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 28px;border-radius:16px;background:#0c0c14b3;border:1px solid rgba(255,255,255,.08);transition:all .4s var(--ease-out-expo);box-shadow:0 10px 40px #0006}.prompt-bar__wrapper:focus-within{border-color:#ffffff1f;box-shadow:0 10px 40px #00000080,0 0 40px #ffffff08}.prompt-bar__input{flex:1;background:none;border:none;font-size:1.05rem;color:var(--text-primary);padding:10px 0;font-weight:400}.prompt-bar__input::placeholder{color:var(--text-muted);font-style:italic}.prompt-bar__btn{padding:12px 28px;border-radius:10px;font-weight:600;font-size:.9rem;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px var(--glow-indigo)}.prompt-bar__btn:hover{transform:translateY(-1px);box-shadow:0 6px 25px var(--glow-violet)}.prompt-bar__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generation-view{width:100%;max-width:900px;margin-top:30px}.gen-progress{padding:30px;text-align:left}.gen-progress__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.gen-progress__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-violet);border-radius:50%;animation:spin 1s linear infinite}.gen-progress__title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.gen-progress__bar-track{width:100%;height:4px;border-radius:4px;background:#ffffff0f;margin-bottom:16px;overflow:hidden}.gen-progress__bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-violet));transition:width .5s var(--ease-out-expo)}.gen-progress__steps{display:flex;flex-direction:column;gap:10px}.gen-progress__step{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted);transition:color .3s ease}.gen-progress__step--active{color:var(--accent-violet)}.gen-progress__step--done{color:var(--text-secondary)}.gen-progress__step-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.gen-player{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#000}.gen-player video{width:100%;height:100%;object-fit:cover}.gen-player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#000000b3);display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.gen-player__prompt-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-style:italic}.gen-player__actions{display:flex;gap:10px;margin-top:16px}.showcase{padding:100px 40px;max-width:1300px;margin:0 auto}.showcase__header{text-align:center;margin-bottom:60px}.showcase__label{font-size:.8rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent-violet);font-weight:600;margin-bottom:16px}.showcase__title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-1px}.showcase__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.showcase-card{border-radius:14px;overflow:hidden;cursor:pointer;transition:all .4s var(--ease-out-expo);position:relative}.showcase-card:hover{transform:translateY(-6px);border-color:#ffffff14;box-shadow:0 20px 60px #000000b3,0 0 30px #0000004d}.showcase-card__video-wrap{aspect-ratio:16/9;overflow:hidden;background:#0a0a10;position:relative}.showcase-card__video-wrap video{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .4s ease}.showcase-card:hover .showcase-card__video-wrap video{opacity:1}.showcase-card__badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.showcase-card__info{padding:18px 20px}.showcase-card__prompt{font-size:.9rem;color:var(--text-primary);margin-bottom:10px;line-height:1.5;font-weight:500}.showcase-card__meta{display:flex;align-items:center;gap:16px;font-size:.78rem;color:var(--text-muted)}.showcase-card__meta-item{display:flex;align-items:center;gap:5px}.features{padding:80px 40px 120px;max-width:1200px;margin:0 auto}.features__header{text-align:center;margin-bottom:60px}.features__label{font-size:.8rem;text-transform:uppercase;letter-spacing:3px;color:var(--accent-indigo);font-weight:600;margin-bottom:16px}.features__title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-1px}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:36px 30px;border-radius:16px;transition:all .4s var(--ease-out-expo)}.feature-card:hover{transform:translateY(-4px);border-color:#ffffff14;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff08}.feature-card__icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--accent-indigo)}.feature-card:nth-child(2) .feature-card__icon{background:#ffffff0a;border-color:#ffffff14;color:var(--accent-violet)}.feature-card:nth-child(3) .feature-card__icon{background:#ffffff0a;border-color:#ffffff14;color:var(--accent-rose)}.feature-card__title{font-size:1.15rem;font-weight:600;margin-bottom:10px}.feature-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.footer{padding:40px;border-top:1px solid rgba(255,255,255,.04);text-align:center}.footer__text{font-size:.8rem;color:var(--text-muted)}.footer__text span{color:var(--accent-cyan)}.pipeline-view{width:100%;max-width:900px;margin-top:30px}.pipeline-step{padding:28px}.pipeline-step__header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.pipeline-step__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pipeline-step__icon--script{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--accent-cyan)}.pipeline-step__icon--render{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--accent-violet)}.pipeline-step__title{font-size:1.05rem;font-weight:600}.pipeline-step__sub{font-size:.82rem;color:var(--text-muted);margin-top:2px}.pipeline-step__actions{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.script-output{display:flex;flex-direction:column;gap:12px;max-height:340px;overflow-y:auto;padding-right:8px}.script-scene{padding:14px 16px;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.04)}.script-scene__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.script-scene__num{font-size:.75rem;font-weight:700;color:var(--accent-indigo);letter-spacing:.5px}.script-scene__meta{font-size:.7rem;color:var(--text-muted)}.script-scene__text{font-size:.84rem;color:var(--text-secondary);line-height:1.55}.script-cursor{padding:4px 0}.script-cursor__blink{color:var(--accent-indigo);animation:blink .8s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.render-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.render-card{padding:16px;border-radius:10px;background:#0003;border:1px solid rgba(255,255,255,.04);transition:all .3s ease}.render-card--active{border-color:#fff3;background:#ffffff0a}.render-card--done{border-color:#22c55e33}.render-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.render-card__name{font-size:.75rem;font-weight:700;color:var(--text-primary)}.render-card__pct{font-size:.72rem;font-weight:600;color:var(--accent-violet);font-variant-numeric:tabular-nums}.render-card__bar{height:3px;border-radius:3px;background:#ffffff0f;margin-bottom:8px;overflow:hidden}.render-card__bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-violet));transition:width .3s ease}.render-card__desc{font-size:.72rem;color:var(--text-muted);line-height:1.4}.composite-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.composite-ring__pct{position:absolute;font-size:1.3rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.gen-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.gen-action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.82rem;font-weight:500;color:var(--text-secondary)}.gen-action-card:hover{background:var(--bg-surface-hover);border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-3px)}.gen-action-card--primary{border-color:#6366f133;background:#6366f10f;color:var(--accent-indigo)}.gen-action-card--primary:hover{border-color:#6366f159;background:#6366f11f;color:var(--accent-indigo);box-shadow:0 0 30px #6366f11a}.arc{height:100vh;display:flex;flex-direction:column;padding-top:var(--nav-height)}.arc-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.05);background:#05050880;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-shrink:0}.arc-back{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;background:none;border:none;transition:color .2s;padding:8px 14px;border-radius:8px}.arc-back:hover{color:var(--text-primary);background:#ffffff0a}.arc-topbar__title{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.arc-topbar__actions{display:flex;gap:8px}.arc-editor{flex:1;display:grid;grid-template-columns:240px 1fr 280px;overflow:hidden}.arc-clips{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);background:#05050a66}.arc-clips__header{padding:18px 16px 12px}.arc-clips__title{font-size:.85rem;font-weight:700;margin-bottom:2px}.arc-clips__count{font-size:.7rem;color:var(--text-muted)}.arc-clips__list{flex:1;overflow-y:auto;padding:0 8px}.arc-clip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:2px;position:relative}.arc-clip:hover{background:#ffffff0a}.arc-clip--active{background:#6366f114;border:1px solid rgba(99,102,241,.15)}.arc-clip__thumb{width:32px;height:32px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.arc-clip__info{display:flex;flex-direction:column;min-width:0}.arc-clip__name{font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arc-clip__meta{font-size:.65rem;color:var(--text-muted)}.arc-clip__progress{position:absolute;bottom:0;left:12px;right:12px;height:2px;border-radius:2px;background:#ffffff0f;overflow:hidden}.arc-clip__progress-fill{height:100%;background:var(--accent-violet);transition:width .2s ease}.arc-add-scene{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px;padding:10px;border-radius:8px;border:1px dashed rgba(255,255,255,.08);background:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all .2s ease}.arc-add-scene:hover{border-color:#6366f140;color:var(--accent-indigo);background:#6366f10a}.arc-preview{display:flex;flex-direction:column;padding:16px;gap:12px;overflow:hidden}.arc-preview__player{flex:1;border-radius:12px;overflow:hidden;position:relative;background:#0a0a12;min-height:0}.arc-preview__player video{width:100%;height:100%;object-fit:cover}.arc-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:.85rem}.arc-preview__badge{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:6px;font-size:.72rem;font-weight:600;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#22c55e;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arc-timeline{padding:10px 14px;border-radius:10px;flex-shrink:0}.arc-timeline__tracks{display:flex;align-items:center;gap:10px;margin-bottom:6px}.arc-timeline__label{font-size:.65rem;font-weight:700;color:var(--text-muted);width:20px;text-align:center;flex-shrink:0}.arc-timeline__bar{flex:1;display:flex;gap:3px;height:28px}.arc-timeline__block{border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;color:var(--text-muted);background:#8b5cf61a;border:1px solid rgba(139,92,246,.15);cursor:pointer;transition:all .2s ease;overflow:hidden;white-space:nowrap;padding:0 6px}.arc-timeline__block:hover{background:#8b5cf62e}.arc-timeline__block--active{background:#6366f133;border-color:#6366f166;color:var(--accent-indigo)}.arc-timeline__ruler{display:flex;justify-content:space-between;padding-left:30px}.arc-timeline__tick{font-size:.58rem;color:var(--text-muted);opacity:.5}.arc-preview__bottom{display:flex;justify-content:center;flex-shrink:0}.arc-preview__final-actions{display:flex;gap:10px}.arc-editor-panel{border-left:1px solid rgba(255,255,255,.05);background:#05050a66;overflow-y:auto;padding:18px 16px}.arc-editor-panel__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.arc-editor-panel__title{font-size:.95rem;font-weight:700}.arc-editor-panel__actions{display:flex;gap:6px}.arc-editor-panel__regen{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--accent-indigo);background:#6366f114;border:1px solid rgba(99,102,241,.15);cursor:pointer;transition:all .2s}.arc-editor-panel__regen:hover{background:#6366f126}.arc-editor-panel__regen:disabled{opacity:.5;cursor:not-allowed}.arc-editor-panel__del{padding:5px 8px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex}.arc-editor-panel__del:hover{color:var(--accent-rose);background:#f43f5e14;border-color:#f43f5e33}.arc-editor-panel__fields{display:flex;flex-direction:column;gap:22px}.arc-field{display:flex;flex-direction:column;gap:8px}.arc-field__label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:700;display:flex;align-items:center;gap:5px}.arc-scene__prompt{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 12px;font-size:.84rem;color:var(--text-primary);resize:none;line-height:1.5;outline:none;transition:border-color .3s;font-family:var(--font-body)}.arc-scene__prompt:focus{border-color:#6366f159}.arc-dur-row{display:flex;align-items:center;gap:12px}.arc-range{flex:1;accent-color:var(--accent-indigo)}.arc-dur-val{font-size:.85rem;font-weight:600;color:var(--accent-indigo);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.arc-camera-grid{display:flex;flex-wrap:wrap;gap:4px}.arc-camera-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:.68rem;font-weight:600;color:var(--text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease}.arc-camera-btn:hover{background:#ffffff0f;color:var(--text-primary)}.arc-camera-btn--active{background:#ffffff1a;border-color:#ffffff40;color:var(--accent-cyan)}.spinning{animation:spin 1s linear infinite}@media(max-width:1024px){.features__grid,.showcase__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.gen-actions{grid-template-columns:repeat(2,1fr)}.render-grid{grid-template-columns:1fr}.arc-editor{grid-template-columns:200px 1fr 240px}}@media(max-width:768px){.hero__title{font-size:2.5rem;letter-spacing:-1px}.hero__subtitle{font-size:1rem}.navbar{padding:0 20px}.navbar__links{gap:4px}.gen-actions{grid-template-columns:1fr 1fr}.arc-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.arc-clips{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);max-height:200px}}.arc-stepper,.arc-stepper__item{display:flex;align-items:center;gap:0}.arc-stepper__dot{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-muted);font-weight:600;transition:all .3s ease}.arc-stepper__dot.active{background:#ffffff26;border-color:#ffffff59;color:var(--accent-cyan);box-shadow:0 0 20px #ffffff0d}.arc-stepper__dot.done{background:#22c55e1a;border-color:#22c55e40;color:#22c55e}.arc-stepper__label{font-size:.72rem;font-weight:600;color:var(--text-muted);margin-left:8px;white-space:nowrap;letter-spacing:.3px}.arc-stepper__label.active{color:var(--accent-cyan)}.arc-stepper__line{width:40px;height:2px;background:#ffffff0f;margin:0 12px;border-radius:2px;transition:background .3s}.arc-stepper__line.done{background:#22c55e4d}.arc-body{flex:1;overflow-y:auto;padding:40px;display:flex;justify-content:center}.arc-step{width:100%;max-width:900px}.arc-step__header{margin-bottom:32px}.arc-step__title{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.arc-step__desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.arc-wizard-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.arc-scenes-col{display:flex;flex-direction:column;gap:12px}.arc-gen-progress{display:flex;justify-content:center;padding:80px 0}.arc-gen-progress__visual{display:flex;align-items:center;gap:40px}.arc-gen-ring{position:relative;display:flex;align-items:center;justify-content:center}.arc-gen-ring__pct{position:absolute;font-size:1.6rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.arc-gen-progress__title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.arc-gen-progress__sub{font-size:1rem;color:var(--text-secondary)}.arc-gen-done{display:flex;flex-direction:column;align-items:center;gap:20px}.arc-gen-player{width:100%;max-width:740px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;position:relative;background:#050505}.arc-gen-player video{width:100%;height:100%;object-fit:cover}.arc-gen-player__badge{position:absolute;top:14px;right:14px;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;background:#22c55e26;border:1px solid rgba(34,197,94,.25);color:#22c55e;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arc-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:740px}.arc-export-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 20px;border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:center}.arc-export-card:hover{transform:translateY(-4px);border-color:#ffffff1f;background:#ffffff0a}.arc-export-card__icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid}.arc-export-card h3{font-size:.95rem;font-weight:600}.arc-export-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.arc-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-top:1px solid rgba(255,255,255,.05);background:#05050880;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-shrink:0}.arc-footer__info{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.editor-layout{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background:#1a1a1c;color:var(--text-primary)}.editor-sidebar{width:320px;background:#1d1e21;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;flex-shrink:0;height:100%}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;font-weight:600}.back-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;transition:color .2s}.back-btn:hover{color:var(--text-primary)}.scene-count{color:var(--text-muted)}.storyboard-list{overflow-y:auto;flex:1;padding:0 16px 20px}.story-card{background:#232427;border:1px solid rgba(255,255,255,.04);border-radius:8px;margin-top:16px;padding:12px;transition:border-color .2s;cursor:pointer}.story-card.active{border-color:#ffffff26;box-shadow:0 4px 12px #0003}.story-card-header{font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.story-card-thumb{height:100px;background:#17181a;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.thumb-icon{color:var(--text-muted);opacity:.5}.story-prompt-input{width:100%;background:#2a2b2f;border:1px solid transparent;border-radius:6px;padding:10px;font-size:.8rem;color:var(--text-primary);resize:none;margin-bottom:12px;transition:border-color .2s}.story-prompt-input:focus{outline:none;border-color:#ffffff1a}.story-card-footer{display:flex;justify-content:space-between;align-items:center}.sc-duration{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.btn-rerender{background:#2f3034;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-rerender:hover{background:#3a3b40;color:var(--text-primary)}.add-scene-ghost{width:100%;padding:24px;margin-top:16px;background:transparent;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.add-scene-ghost:hover{border-color:#fff3;color:var(--text-primary);background:#ffffff05}.editor-canvas{flex:1;display:flex;flex-direction:column;background:#151516;min-width:0;position:relative}.canvas-header{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.project-title-group{display:flex;align-items:center;gap:16px}.logo-box{width:32px;height:32px;background:#db2777;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.proj-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.auto-save-badge{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2);padding:4px 10px;border-radius:12px;font-size:.65rem;font-weight:800;display:flex;align-items:center;gap:6px;letter-spacing:.5px}.auto-save-badge .dot{width:6px;height:6px;border-radius:50%;background:#4ade80}.canvas-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff0d;color:var(--text-primary)}.btn-export{background:#eaeaf0;color:#010103;display:flex;align-items:center;gap:8px;padding:0 16px;height:36px;border-radius:8px;font-size:.85rem;font-weight:700;border:none;cursor:pointer;transition:transform .2s}.btn-export:hover{transform:translateY(-1px)}.canvas-body{flex:1;display:flex;flex-direction:column;padding:24px 32px;height:calc(100vh - 77px);overflow:hidden}.video-preview-box{flex:1;border-radius:12px;overflow:hidden;position:relative;background:#000;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;min-height:0;aspect-ratio:16 / 9;max-height:55%;margin:0 auto;width:100%}.video-placeholder-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 60%)}.big-play-btn{width:64px;height:64px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.1);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding-left:4px;transition:all .2s cubic-bezier(.16,1,.3,1)}.big-play-btn:hover{transform:scale(1.1);background:#ffffff26;color:#fff}.v-controls{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.timecode{font-family:monospace;font-size:.85rem;color:#fffc}.v-fullscreen{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px}.v-fullscreen:hover{color:#fff}.timeline-editor{height:260px;margin-top:auto;background:#1a1a1c;border:1px solid rgba(255,255,255,.05);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.tl-toolbar{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.tl-play-group{display:flex;align-items:center;gap:12px}.btn-play-small{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.btn-play-small:hover{color:var(--text-primary)}.tl-time{font-family:monospace;font-size:.75rem;color:var(--text-secondary)}.tl-tabs{display:flex;gap:16px}.tl-tabs .tab{background:transparent;border:none;font-size:.7rem;font-weight:700;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;letter-spacing:.5px;transition:color .2s}.tl-tabs .tab:hover{color:var(--text-secondary)}.tl-tabs .tab.active{color:var(--text-primary)}.tl-ruler{height:30px;position:relative;border-bottom:1px solid rgba(255,255,255,.03);margin:0 16px}.tick{position:absolute;top:50%;transform:translateY(-50%) translate(-50%);font-family:monospace;font-size:.6rem;color:#fff6;white-space:nowrap}.tl-tracks{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden}.tl-track{height:36px;background:#151516;border-radius:4px;position:relative;width:100%}.tl-block{height:100%;border-radius:4px;display:flex;align-items:center;padding:0 12px;font-size:.65rem;font-weight:700;font-family:monospace;border:1px solid transparent}.block-visual{background:#6d28d966;color:#ddd6fe;border-color:#8b5cf666}.block-audio{background:#be185d66;color:#fbcfe8;border-color:#f43f5e66;width:80%!important;margin-left:20%}.editor-agent{width:360px;background:#1d1e21;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;flex-shrink:0;height:100%}.agent-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.agent-title{display:flex;align-items:center;gap:8px;font-size:.85rem;letter-spacing:.5px;margin-bottom:6px}.agent-sub{font-size:.7rem;color:var(--text-secondary)}.agent-chat-history{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-bubble{padding:14px 16px;border-radius:12px;font-size:.85rem;line-height:1.5}.bot-bubble{background:#2a2b2f;color:var(--text-primary);border-top-left-radius:4px;border:1px solid rgba(255,255,255,.05)}.agent-input-area{padding:20px;border-top:1px solid rgba(255,255,255,.05);background:#1a1a1c}.agent-textfield{background:#2a2b2f;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.agent-textfield textarea{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;resize:none;font-family:inherit}.agent-textfield textarea:focus{outline:none}.btn-send{align-self:flex-end;width:32px;height:32px;border-radius:8px;background:#c084fc;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-send:hover{background:#d8b4fe}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.chip{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:8px 12px;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.5px}.chip:hover{background:#ffffff0d;color:var(--text-primary)}.hero-main-cta{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;border:none;padding:16px 40px;font-size:1.2rem;font-family:var(--font-display);font-weight:600;border-radius:50px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 10px 30px #64748b66;transition:all .3s var(--ease-out-expo);margin-top:40px}.hero-main-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #64748b99}.gs-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;margin-right:15px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-indigo);transition:width .4s ease}.gs-progress span{font-size:.85rem;color:var(--text-secondary)}.gs-btn-back{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s}.gs-btn-back:hover{color:var(--text-primary)}.login-page{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding-top:var(--nav-height);background:var(--bg-void);overflow:hidden}.login-card{width:100%;max-width:440px;padding:40px;border-radius:24px;position:relative;z-index:10;background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);box-shadow:var(--glass-shadow)}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:1rem}.input-group{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-group input{width:100%;padding:14px 16px 14px 44px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s}.input-group input:focus{outline:none;border-color:var(--accent-indigo);background:#ffffff0f}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:8px}.checkbox-container{display:flex;align-items:center;cursor:pointer;color:var(--text-secondary);position:relative}.checkbox-container input{margin-right:8px;background:transparent;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.forgot-link{color:var(--accent-violet);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--text-primary)}.btn-login{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;border:none;padding:14px;border-radius:12px;font-weight:600;font-size:1.05rem;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #64748b66}.login-divider{text-align:center;position:relative;margin:30px 0}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#ffffff1a}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{font-size:.8rem;color:var(--text-muted);background:var(--bg-surface);padding:0 10px}.social-logins{display:flex;gap:16px}.btn-social{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;color:var(--text-primary);display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .3s;font-weight:500}.btn-social:hover{background:#ffffff14}.signup-prompt{text-align:center;margin-top:30px;color:var(--text-secondary);font-size:.95rem}.signup-prompt a{color:var(--text-primary);font-weight:600;text-decoration:none}[data-theme=light] .input-group input{background:#00000005;border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .btn-social{background:#00000005;border-color:#0000001a}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.get-started-page{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:var(--nav-height);background:var(--bg-void)}.masonry-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:20px;padding:40px;overflow:hidden;z-index:1;pointer-events:none;filter:blur(4px) opacity(.3)}.masonry-column{display:flex;flex-direction:column;gap:20px;width:300px}.masonry-item{position:relative;width:100%;border-radius:16px;overflow:hidden;border:var(--glass-border);box-shadow:0 10px 30px #00000080}.masonry-item img{width:100%;height:100%;object-fit:cover}.item-overlay{position:absolute;bottom:0;left:0;width:100%;padding:30px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.1rem}.gs-modal-container{position:relative;z-index:10;width:100%;max-width:720px;padding:20px}.gs-modal{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:24px;padding:40px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.gs-close{position:absolute;top:24px;right:24px;background:#ffffff0d;border:none;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gs-close:hover{background:#ffffff1a;color:var(--text-primary)}.gs-header{text-align:center;margin-bottom:40px}.gs-icon{color:var(--accent-violet);margin-bottom:16px}.gs-header h2{font-family:var(--font-display);font-size:2.2rem;color:var(--text-primary);margin-bottom:8px}.gs-header p{color:var(--text-secondary);font-size:1.1rem}.gs-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.gs-option-card{background:#ffffff05;border:var(--glass-border);border-radius:16px;padding:20px;cursor:pointer;display:flex;align-items:flex-start;gap:16px;transition:all .3s}.gs-option-card:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#ffffff26}.gs-option-card.active{background:var(--glow-indigo);border-color:var(--accent-indigo);box-shadow:0 0 20px var(--glow-indigo)}.gs-opt-icon{background:#ffffff0d;padding:12px;border-radius:12px;color:var(--accent-violet);display:flex;align-items:center;justify-content:center}.gs-option-card.active .gs-opt-icon{background:var(--accent-indigo);color:#fff}.gs-opt-text h3{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;margin-bottom:4px}.gs-opt-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.gs-footer{display:flex;justify-content:flex-end}.gs-btn-continue{background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);padding:14px 28px;border-radius:12px;font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:8px;cursor:not-allowed;transition:all .3s}.gs-btn-continue.ready{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px #64748b4d}[data-theme=light] .masonry-bg{filter:blur(4px) opacity(.3)}[data-theme=light] .gs-modal{background:#ffffffe6}[data-theme=light] .gs-option-card{background:#00000005}[data-theme=light] .gs-option-card:hover,[data-theme=light] .gs-btn-continue{background:#0000000d}.canvas-body{flex:1;display:flex;flex-direction:column;padding:16px 32px;overflow:hidden}.video-preview-box{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #00000080;transition:all .5s var(--ease-out-expo);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.main-preview-video{width:100%;height:100%;object-fit:cover;transition:all .5s var(--ease-out-expo)}.video-preview-box.ratio-16-9{aspect-ratio:16/9}.video-preview-box.ratio-9-16{aspect-ratio:9/16;max-height:500px;width:auto;margin:0 auto}.video-preview-box.ratio-1-1{aspect-ratio:1/1;max-height:500px;width:auto;margin:0 auto}.video-preview-box.ratio-4-5{aspect-ratio:4/5;max-height:500px;width:auto;margin:0 auto}.video-preview-box.cropping-mode .main-preview-video{opacity:.6;filter:blur(2px)}.big-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.big-play-btn:hover{background:#fff3;transform:translate(-50%,-50%) scale(1.1)}.v-controls{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:center;gap:16px;color:#fff;z-index:15}.v-play-pause{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.v-play-pause:hover{opacity:1}.v-progress-container{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative}.v-progress-bar{width:100%;height:100%}.v-progress-fill{height:100%;background:var(--accent-indigo);border-radius:2px;position:relative}.timecode{font-family:monospace;font-size:.75rem;opacity:.8;min-width:100px;text-align:center}.v-fullscreen{opacity:.7;transition:opacity .2s;background:none;border:none;color:#fff;cursor:pointer}.v-fullscreen:hover{opacity:1}.crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.crop-boundary{position:relative;width:80%;height:80%;border:2px solid white;box-shadow:0 0 0 2000px #00000080;cursor:crosshair}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:1px solid black}.crop-handle.tl{top:-6px;left:-6px;cursor:nw-resize}.crop-handle.tr{top:-6px;right:-6px;cursor:ne-resize}.crop-handle.bl{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle.br{bottom:-6px;right:-6px;cursor:se-resize}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-line{position:absolute;background:#ffffff4d}.grid-line.v1{left:33.33%;top:0;bottom:0;width:1px}.grid-line.v2{left:66.66%;top:0;bottom:0;width:1px}.grid-line.h1{top:33.33%;left:0;right:0;height:1px}.grid-line.h2{top:66.66%;left:0;right:0;height:1px}.crop-controls{position:absolute;bottom:80px;background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;align-items:center;box-shadow:var(--glass-shadow)}.ratio-selector{display:flex;gap:8px}.ratio-btn{padding:6px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:all .2s;cursor:pointer}.ratio-btn.active{background:var(--accent-indigo);color:#fff;border-color:var(--accent-indigo)}.crop-actions{display:flex;gap:12px}.btn-crop-cancel{padding:8px 16px;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;background:transparent;border:none;cursor:pointer}.btn-crop-apply{padding:8px 16px;border-radius:8px;background:#fff;color:#000;font-size:.85rem;font-weight:600;border:none;cursor:pointer}.icon-btn.active{background:#6366f126;color:var(--accent-indigo);border-color:#6366f14d}[data-theme=light] .ratio-btn{background:#0000000d;border-color:#0000001a}[data-theme=light] .btn-crop-apply{background:#1a1a2e;color:#fff}.h-divider{width:1px;height:24px;background:#ffffff1a;margin:0 8px}.btn-save-ext{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:90px;justify-content:center}.btn-save-ext:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-save-ext.success{background:#10b98126;color:#10b981;border-color:#10b9814d}.spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sc-actions{display:flex;gap:4px;opacity:0;transform:translate(10px);transition:all .3s var(--ease-out-expo)}.story-card:hover .sc-actions{opacity:1;transform:translate(0)}.sc-icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .2s}.sc-icon-btn:hover{background:#ffffff26;color:#fff}.sc-icon-btn.delete:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.mini-thumb-video{width:100%;height:100%;object-fit:cover;border-radius:4px}.empty-video-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:40px;color:var(--text-secondary)}.empty-icon-ghost{opacity:.2;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.empty-video-state h3{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.empty-video-state p{font-size:.9rem;max-width:320px;line-height:1.6;margin-bottom:32px}.btn-add-initial{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--accent-indigo);color:#fff;border-radius:12px;font-weight:700;font-size:.85rem;letter-spacing:.02em;box-shadow:0 10px 20px #6366f14d;transition:all .3s}.btn-add-initial:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f166}.tl-tracks{flex:1;padding:12px 0!important;display:flex;flex-direction:column;gap:8px;overflow-y:auto;position:relative!important;min-width:100%!important}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-indigo);z-index:100;pointer-events:none;box-shadow:0 0 10px #6366f180}.tl-playhead:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--accent-indigo);clip-path:polygon(0 0,100% 0,50% 100%)}.tl-track{height:42px!important;background:#ffffff05!important;border-radius:4px;position:relative;display:flex!important;align-items:center;width:100%!important;min-width:100%!important;overflow:visible!important}.tl-block-container{height:100%;display:flex;position:relative;flex-shrink:0}.tl-block{height:100%!important;flex:1;border-radius:4px;display:flex;align-items:center;padding:0 12px;font-size:.65rem;font-weight:700;cursor:grab;transition:all .2s ease;border:1px solid transparent;position:relative}.tl-block:active{cursor:grabbing}.tl-block-container.dragging .tl-block{opacity:.5;border:1px dashed rgba(255,255,255,.5);transform:scale(.98)}.tl-block-container.drag-over .tl-block{border:1px solid var(--accent-indigo);background:#6366f133;transform:translateY(-2px);box-shadow:0 4px 15px #00000080}.trim-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:5;background:#ffffff1a;opacity:0;transition:opacity .2s}.trim-handle.right{right:0;border-radius:0 4px 4px 0}.tl-block:hover .trim-handle{opacity:1}.tl-block.active .trim-handle{background:#6366f166;opacity:1}.tl-add-btn{width:20px;height:20px;border-radius:50%;background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;margin-left:-10px;margin-right:-10px;opacity:0;transform:scale(.8);transition:all .3s var(--ease-out-expo);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tl-block-container:hover .tl-add-btn{opacity:1;transform:scale(1)}.tl-add-btn:hover{background:var(--accent-indigo);color:#fff;border-color:var(--accent-indigo);box-shadow:0 0 15px #6366f14d}.block-visual.active{border-color:var(--accent-indigo)!important;background:#6366f14d!important;box-shadow:inset 0 0 15px #6366f133}.flow-page-layout{min-height:100vh;background-color:transparent;display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:1}.flow-page-layout:before{display:none}.flow-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#08080ea6;-webkit-backdrop-filter:blur(40px) saturate(1.8);backdrop-filter:blur(40px) saturate(1.8);border-bottom:1px solid rgba(255,255,255,.08)}.flow-header-left{display:flex;align-items:center;gap:24px}.flow-back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.flow-back-btn:hover{background:#ffffff1a;color:#fff}.flow-project-meta{display:flex;flex-direction:column}.flow-badge{font-size:.65rem;letter-spacing:1.5px;color:var(--accent-violet);font-weight:700;margin-bottom:4px}.flow-title{font-size:1.25rem;font-weight:600;color:#fff}.flow-header-actions{display:flex;align-items:center;gap:24px}.flow-auto-save{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:1px}.flow-btn-save{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:8px 18px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out-expo);letter-spacing:.5px}.flow-btn-save:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff;transform:translateY(-1px)}.flow-btn-save.success{background:#22c55e0d;color:#4ade80;border-color:#22c55e1a}.flow-main-container{flex:1;padding:40px 20px;display:flex;justify-content:center;overflow-y:auto}.flow-canvas{width:100%;max-width:900px;display:flex;flex-direction:column}.flow-node-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.flow-scene-card{width:100%;display:flex;flex-direction:row;border-radius:20px;overflow:hidden;background:#0c0c1499;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0009;-webkit-backdrop-filter:blur(60px) saturate(1.5);backdrop-filter:blur(60px) saturate(1.5);transition:all .4s var(--ease-out-expo)}.flow-scene-card:hover{border-color:#fff3;box-shadow:0 30px 60px #000c;transform:translateY(-4px)}.fsc-video-area{flex:0 0 350px;background:#000;position:relative;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.fsc-video-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:2}.fsc-video-player{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;display:block;position:relative;z-index:1}.fsc-video-placeholder{width:100%;height:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:var(--text-secondary);gap:12px;font-size:.9rem}.fsc-details-area{flex:1;padding:24px;display:flex;flex-direction:column}.fsc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fsc-meta-group{display:flex;align-items:center;gap:12px}.sc-duration-badge{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 10px;border-radius:20px}.icon-btn-danger{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s;padding:4px}.icon-btn-danger:hover{color:#ef4444}.fsc-prompt-box{display:flex;flex-direction:column;gap:10px;flex:1}.fsc-prompt-box label{font-size:.7rem;letter-spacing:1px;color:var(--accent-indigo);font-weight:700}.fsc-textarea{background:transparent;border:none;color:#fff;font-size:1.05rem;line-height:1.5;resize:none;flex:1;font-family:inherit;font-weight:400;outline:none;padding:0;min-height:80px}.fsc-textarea::placeholder{color:#fff3}.fsc-footer{display:flex;justify-content:flex-end;margin-top:20px}.flow-btn-primary{background:#6366f11a;color:var(--accent-indigo);border:1px solid rgba(99,102,241,.3);padding:10px 20px;border-radius:8px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.flow-btn-primary:hover:not(:disabled){background:var(--accent-indigo);color:#fff}.flow-btn-primary:disabled{opacity:.5;cursor:not-allowed}.flow-connection{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0}.fc-line{width:2px;height:30px;background:linear-gradient(to bottom,#ffffff1a,#ffffff05)}.fc-line-extended{height:60px}.fc-add-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2;margin:-5px 0}.fc-add-btn:hover{background:var(--accent-violet);color:#fff;border-color:var(--accent-violet);transform:scale(1.1);box-shadow:0 0 15px #8b5cf666}.flow-empty-state{text-align:center;padding:60px 20px;background:#ffffff05;border-radius:20px;border:1px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.flow-final-section{margin-top:40px;padding:40px;border-radius:24px;text-align:center}.final-header h2{font-size:1.8rem;font-family:var(--font-display);color:#fff;margin-bottom:8px}.final-header p{color:var(--text-secondary);margin-bottom:30px}.final-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);margin-bottom:30px;box-shadow:0 20px 50px #00000080}.master-video-player{width:100%;height:100%;object-fit:cover}.final-actions{display:flex;justify-content:center}.flow-btn-compile{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:14px 36px;border-radius:14px;font-size:1rem;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .4s var(--ease-out-expo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-btn-compile:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 40px #0006}.flow-btn-compile.compiling{background:#ffffff05;cursor:not-allowed;opacity:.5}.flow-bottom-spacer{height:100px}.navbar__logo span{background:linear-gradient(135deg,#94a3b8,#cbd5e1,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar__login-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#94a3b814;border:1px solid rgba(148,163,184,.2);color:var(--accent-violet);font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;letter-spacing:.02em;text-decoration:none}.navbar__login-btn:hover{background:#94a3b824;border-color:#94a3b859;color:var(--accent-cyan);box-shadow:0 0 18px #94a3b81f}.navbar__user-menu{display:flex;align-items:center}.navbar__avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 14px var(--glow-indigo);letter-spacing:.05em;text-decoration:none}.navbar__avatar:hover{box-shadow:0 0 22px var(--glow-violet);transform:scale(1.06)}[data-theme=light] .navbar__logo span{background:linear-gradient(135deg,#4f5d75,#6b7b95 60%,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .navbar__login-btn{background:#4f5d750f;border-color:#4f5d752e;color:var(--accent-indigo)}[data-theme=light] .navbar__login-btn:hover{background:#4f5d751a;border-color:#4f5d754d}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 60px;position:relative}.login-glow{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(100,116,139,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.login-card{width:100%;max-width:440px;padding:44px 40px 36px;border-radius:24px;position:relative;z-index:1}.login-logo{display:block;font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;text-align:center;margin-bottom:28px;background:linear-gradient(135deg,#e8eaed 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo span{background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tabs{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.login-tab{flex:1;padding:10px 0;font-size:.88rem;font-weight:600;border-radius:9px;color:var(--text-secondary);border:none;background:none;cursor:pointer;transition:all .25s ease}.login-tab--active{background:#94a3b81a;color:var(--accent-cyan);border:1px solid rgba(148,163,184,.2);box-shadow:0 0 12px #94a3b814}.login-subtitle{font-size:.88rem;color:var(--text-secondary);text-align:center;margin-bottom:26px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.login-input{width:100%;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:.93rem;transition:all .25s ease}.login-input:focus{border-color:#94a3b859;background:#94a3b80a;box-shadow:0 0 0 3px #94a3b80f}.login-input::placeholder{color:var(--text-muted)}.login-input-wrap{position:relative}.login-input--pass{padding-right:46px}.login-eye-btn{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s ease}.login-eye-btn:hover{color:var(--text-secondary)}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#f87171;font-size:.83rem;margin-top:2px}.login-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-size:.95rem;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:all .35s var(--ease-out-expo);margin-top:4px;box-shadow:0 4px 20px var(--glow-indigo);letter-spacing:.01em}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px var(--glow-violet)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-hint{text-align:center;font-size:.76rem;color:var(--text-muted);margin-top:8px}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login-divider span{flex:1;height:1px;background:#ffffff0f}.login-divider small{color:var(--text-muted);font-size:.8rem}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.login-google-btn:hover{background:#ffffff0f;border-color:#ffffff24}.login-footer-link{text-align:center;font-size:.84rem;color:var(--text-muted);margin-top:18px}.login-pricing-link{text-align:center;font-size:.82rem;color:var(--text-muted);margin-top:8px}.login-switch-btn{background:none;border:none;color:var(--accent-violet);font-size:inherit;cursor:pointer;font-weight:600;transition:color .2s ease;text-decoration:none}.login-switch-btn:hover{color:var(--accent-cyan)}[data-theme=light] .login-card{background:#ffffffe6}[data-theme=light] .login-logo{background:linear-gradient(135deg,#111827 40%,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .login-logo span{background:linear-gradient(135deg,#4f5d75,#6b7b95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .login-input{background:#00000008;border-color:#0000001a}[data-theme=light] .login-tabs{background:#00000008;border-color:#00000012}[data-theme=light] .login-tab--active{background:#4f5d751a;border-color:#4f5d7533;color:var(--accent-indigo)}[data-theme=light] .login-submit-btn{color:#fff}[data-theme=light] .login-divider span{background:#00000014}[data-theme=light] .login-google-btn{background:#00000008;border-color:#0000001a}.profile-page{min-height:100vh;padding:120px 20px 80px}.profile-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.profile-empty-state{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px}.profile-empty-card{max-width:380px;width:100%;padding:52px 36px;text-align:center;border-radius:24px}.profile-empty-icon{color:var(--text-muted);margin-bottom:18px}.profile-empty-card h2{font-size:1.4rem;margin-bottom:10px;color:var(--text-primary)}.profile-empty-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:24px}.profile-signin-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-weight:700;font-size:.92rem;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px var(--glow-indigo)}.profile-signin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--glow-violet)}.profile-hero{padding:32px 36px;border-radius:24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-size:1.4rem;font-weight:900;display:flex;align-items:center;justify-content:center;letter-spacing:.05em;box-shadow:0 0 24px var(--glow-indigo)}.profile-plan-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.04em}.profile-hero-info{flex:1;min-width:200px}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.profile-email,.profile-since{display:flex;align-items:center;gap:7px;font-size:.87rem;color:var(--text-secondary);margin-bottom:5px}.profile-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-weight:700;font-size:.85rem;border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 3px 14px var(--glow-indigo)}.profile-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px var(--glow-violet)}.profile-logout-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.85rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .25s ease}.profile-logout-btn:hover{background:#ef44440f;border-color:#ef44442e;color:#f87171}.profile-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:580px){.profile-stats-row{grid-template-columns:1fr}}.profile-stat-card{padding:24px 22px;border-radius:18px;text-align:center}.profile-stat-icon{color:var(--accent-violet);margin-bottom:12px;display:flex;justify-content:center}.profile-stat-value{font-size:1.7rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display);line-height:1;margin-bottom:6px}.profile-stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.profile-stat-sub{font-size:.76rem;color:var(--text-muted);margin-top:3px}.profile-tokens-card{padding:28px 30px;border-radius:20px}.profile-tokens-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.profile-tokens-header h3{font-size:1rem;color:var(--text-primary);margin-bottom:4px}.profile-tokens-header p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.profile-get-more-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:#94a3b814;border:1px solid rgba(148,163,184,.18);color:var(--accent-violet);font-size:.82rem;font-weight:600;border-radius:9px;text-decoration:none;white-space:nowrap;transition:all .25s ease}.profile-get-more-btn:hover{background:#94a3b824;border-color:#94a3b84d}.profile-token-bar-track{width:100%;height:8px;background:#ffffff0f;border-radius:8px;overflow:hidden;margin-bottom:10px}.profile-token-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-violet));border-radius:8px;box-shadow:0 0 10px var(--glow-indigo)}.profile-token-counts{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.profile-recent{padding:24px 28px;border-radius:20px}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.profile-section-header h3{font-size:1rem;color:var(--text-primary)}.profile-view-all{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--accent-violet);text-decoration:none;font-weight:600;transition:color .2s}.profile-view-all:hover{color:var(--accent-cyan)}.profile-video-list{display:flex;flex-direction:column;gap:12px}.profile-video-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .25s ease}.profile-video-item:hover{background:#ffffff0a;border-color:#94a3b81f}.profile-video-thumb{width:40px;height:40px;border-radius:8px;background:#94a3b814;border:1px solid rgba(148,163,184,.12);color:var(--accent-violet);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-video-info{flex:1;display:flex;flex-direction:column;gap:4px}.profile-video-title{font-size:.88rem;font-weight:600;color:var(--text-primary)}.profile-video-meta{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--text-muted)}.profile-video-status{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#94a3b8;background:#94a3b80f;border:1px solid rgba(148,163,184,.12);padding:3px 10px;border-radius:20px;font-weight:600;letter-spacing:.03em}.pricing-page{min-height:100vh;padding:110px 20px 100px}.pricing-container{max-width:1100px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:64px}.pricing-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:#94a3b80f;border:1px solid rgba(148,163,184,.15);border-radius:100px;color:var(--accent-violet);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:20px}.pricing-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:var(--text-primary);margin-bottom:16px;line-height:1.15}.pricing-title--accent{background:linear-gradient(135deg,var(--accent-indigo) 0%,var(--accent-violet) 50%,var(--accent-rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:1rem;color:var(--text-secondary);max-width:540px;margin:0 auto;line-height:1.65}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;margin-bottom:72px}@media(max-width:860px){.pricing-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}.pricing-card{padding:32px 28px 28px;border-radius:24px;position:relative;transition:all .4s var(--ease-out-expo)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000080}.pricing-card--highlight{border:1px solid rgba(148,163,184,.2)!important;box-shadow:0 8px 48px #64748b1a,0 0 0 1px #94a3b80f}.pricing-popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;font-size:.75rem;font-weight:800;padding:5px 16px;border-radius:100px;white-space:nowrap;letter-spacing:.04em}.pricing-plan-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.plan-free{background:#ffffff0a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.plan-pro{background:#94a3b81a;color:var(--accent-violet);border:1px solid rgba(148,163,184,.18);box-shadow:0 0 16px #94a3b81a}.plan-enterprise{background:#cbd5e10f;color:var(--accent-rose);border:1px solid rgba(203,213,225,.12)}.pricing-plan-name{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.pricing-plan-tagline{font-size:.83rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.pricing-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:14px}.pricing-price{font-size:2.4rem;font-weight:900;color:var(--text-primary);font-family:var(--font-display);line-height:1}.pricing-period{font-size:.85rem;color:var(--text-muted)}.pricing-token-chip{display:inline-flex;align-items:center;gap:6px;background:#94a3b80f;border:1px solid rgba(148,163,184,.14);color:var(--accent-violet);font-size:.8rem;font-weight:600;padding:5px 12px;border-radius:100px;margin-bottom:22px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.pricing-feature-item{display:flex;align-items:center;gap:10px;font-size:.87rem;color:var(--text-secondary);line-height:1.35}.pricing-check{color:var(--accent-violet);flex-shrink:0}.pricing-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.9rem;font-weight:600;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .3s ease}.pricing-cta-btn:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-2px)}.pricing-cta-btn--primary{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));border:none;color:#010103;box-shadow:0 4px 20px var(--glow-indigo)}.pricing-cta-btn--primary:hover{box-shadow:0 8px 30px var(--glow-violet);background:linear-gradient(135deg,var(--accent-violet),var(--accent-rose))}.token-packs-section{text-align:center;margin-bottom:60px}.token-packs-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin-bottom:10px}.token-packs-sub{font-size:.92rem;color:var(--text-secondary);margin-bottom:36px;line-height:1.6}.token-packs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:700px;margin:0 auto}@media(max-width:600px){.token-packs-grid{grid-template-columns:1fr;max-width:320px}}.token-pack-card{padding:28px 22px;border-radius:20px;text-align:center;position:relative;transition:all .35s ease}.token-pack-card:hover{transform:translateY(-4px)}.token-pack-card--popular{border:1px solid rgba(148,163,184,.2)!important;box-shadow:0 6px 32px #64748b14}.token-pack-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:800;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#010103;padding:4px 14px;border-radius:100px;letter-spacing:.05em;white-space:nowrap}.token-pack-amount{font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;color:var(--accent-violet);font-family:var(--font-display)}.token-pack-amount small{font-size:.75rem;font-weight:500;color:var(--text-muted)}.token-pack-price{font-size:1.8rem;font-weight:900;color:var(--text-primary);font-family:var(--font-display);margin-bottom:4px}.token-pack-per{font-size:.78rem;color:var(--text-muted);margin-bottom:20px}.token-explainer{padding:32px 36px;border-radius:22px}.token-explainer h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:20px;font-weight:700}.token-explainer-grid{display:flex;flex-direction:column;gap:12px}.token-explainer-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:100px;gap:12px;flex-wrap:wrap}.token-explainer-action{font-size:.88rem;color:var(--text-secondary)}.token-explainer-cost{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:700;color:var(--accent-violet);white-space:nowrap}[data-theme=light] .pricing-card,[data-theme=light] .token-pack-card,[data-theme=light] .token-explainer{background:#ffffffd9}[data-theme=light] .pricing-cta-btn{background:#0000000a;border-color:#0000001a}[data-theme=light] .pricing-cta-btn:hover{background:#00000012}[data-theme=light] .pricing-cta-btn--primary{color:#fff}[data-theme=light] .token-explainer-row{background:#00000005;border-color:#0000000f}[data-theme=light] .profile-signin-btn,[data-theme=light] .profile-upgrade-btn,[data-theme=light] .profile-plan-badge{color:#fff}[data-theme=light] .profile-video-item{background:#00000005;border-color:#0000000f}[data-theme=light] .profile-token-bar-track{background:#0000000f}* Recent Projects */ .profile-recent{padding:40px;border-radius:24px}.token-explainer{padding:48px;margin-top:60px;border-radius:32px}.token-explainer-row{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-radius:16px;margin-bottom:12px;transition:all .3s ease}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#010103}.login-card{width:100%;max-width:480px;padding:60px 50px;z-index:10;border-radius:32px}.login-logo{display:block;font-size:2rem;font-weight:800;text-align:center;margin-bottom:16px;color:#fff;text-decoration:none}.login-logo span{color:#94a3b8;background:linear-gradient(135deg,#e2e8f0,#94a3b8,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-bottom:40px}.login-tabs{display:flex;gap:20px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.login-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:14px 18px;border-radius:12px;color:#fff;font-size:.95rem}[data-theme=light] .pricing-page,[data-theme=light] .profile-page,[data-theme=light] .login-page{background:#f1f5f9;color:#1e293b}[data-theme=light] .profile-name,[data-theme=light] .pricing-title,[data-theme=light] .login-logo{color:#0f172a}[data-theme=light] .profile-stat-card,[data-theme=light] .profile-tokens-card,[data-theme=light] .profile-recent,[data-theme=light] .login-card{background:#fff;border-color:#0000000f;box-shadow:0 10px 30px #00000008}[data-theme=light] .login-input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.navbar__hamburger{display:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;z-index:110}.navbar__hamburger:hover{background:#ffffff0f;color:var(--text-primary)}[data-theme=light] .navbar__hamburger{border-color:#0000001a;background:#00000008}[data-theme=light] .navbar__hamburger:hover{background:#0000000f}@media(max-width:1024px){.navbar__cta span{font-size:.82rem}}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;padding:16px 20px 20px;background:#010103eb;backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #00000080;z-index:105}[data-theme=light] .navbar__links{background:#f4f5f7f2;border-bottom-color:#0000000f;box-shadow:0 20px 40px #00000014}.navbar__links--open{display:flex}.navbar__link{display:block;padding:12px 16px;font-size:.95rem;border-radius:10px}.navbar__cta{margin-left:0;text-align:center;justify-content:center;display:flex;padding:12px 20px}.navbar__login-btn{justify-content:center;padding:12px 20px}.navbar__user-menu{display:flex;justify-content:center;padding:8px 0}.theme-toggle{align-self:flex-start;margin:4px 0}.hero{padding:calc(var(--nav-height) + 24px) 20px 40px;min-height:auto}.hero__title{font-size:clamp(2rem,8vw,2.8rem);letter-spacing:-1px}.hero__subtitle{font-size:.95rem;margin-bottom:30px}.hero__badge{font-size:.72rem;padding:6px 14px;margin-bottom:20px}.prompt-bar{max-width:100%}.prompt-bar__wrapper{flex-direction:column;padding:12px;gap:10px}.prompt-bar__input{font-size:.95rem;padding:10px 12px;text-align:center}.prompt-bar__btn{width:100%;justify-content:center;padding:14px 20px}.gen-actions{grid-template-columns:1fr 1fr;gap:10px}.gen-action-card{padding:16px 10px;font-size:.78rem}.pipeline-view{max-width:100%;margin-top:20px}.pipeline-step{padding:20px}.gen-player{border-radius:12px}.gen-player__overlay{padding:16px}.gen-player__prompt-text{font-size:.78rem}.showcase{padding:60px 16px}.showcase__header{margin-bottom:32px}.showcase__grid{grid-template-columns:1fr;max-width:100%;gap:16px}.features{padding:60px 16px 80px}.features__header{margin-bottom:32px}.features__grid{grid-template-columns:1fr;max-width:100%;gap:16px}.feature-card{padding:28px 24px}.footer{padding:30px 16px}.flow-header{flex-direction:column;gap:12px;padding:14px 16px;align-items:flex-start}.flow-header-left{gap:14px;width:100%}.flow-title{font-size:1.05rem}.flow-header-actions{width:100%;justify-content:space-between;gap:12px}.flow-main-container{padding:20px 12px}.flow-canvas{max-width:100%}.flow-scene-card{flex-direction:column;border-radius:16px}.fsc-video-area{flex:none;width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.fsc-details-area{padding:18px 16px}.fsc-header{margin-bottom:14px}.fsc-textarea{font-size:.95rem;min-height:60px}.flow-final-section{padding:24px 16px;margin-top:24px}.final-header h2{font-size:1.3rem}.flow-btn-compile{padding:12px 24px;font-size:.88rem;letter-spacing:.5px}.flow-empty-state{padding:40px 16px}.login-page{padding:90px 16px 40px}.login-card{max-width:100%;padding:32px 24px 28px;border-radius:20px}.login-logo{font-size:1.6rem;margin-bottom:14px}.login-subtitle{font-size:.88rem;margin-bottom:20px}.login-tabs{gap:12px;margin-bottom:22px}.login-input{padding:12px 14px;font-size:.9rem}.pricing-page{padding:100px 16px 60px}.pricing-header{margin-bottom:40px}.pricing-grid{grid-template-columns:1fr;max-width:100%}.pricing-card{padding:28px 22px 24px}.token-packs-section{margin-bottom:40px}.token-packs-title{font-size:1.4rem}.token-packs-grid{grid-template-columns:1fr;max-width:100%}.token-explainer{padding:24px 18px;margin-top:40px;border-radius:20px}.token-explainer-row{padding:12px 14px;border-radius:12px;gap:8px}.token-explainer-action{font-size:.82rem}.token-explainer-cost{font-size:.8rem}.profile-page{padding:100px 16px 60px}.profile-container{gap:16px}.profile-hero{flex-direction:column;text-align:center;padding:28px 22px;gap:18px}.profile-avatar-wrap{align-self:center}.profile-hero-info{min-width:auto;text-align:center}.profile-email,.profile-since{justify-content:center}.profile-hero-actions{justify-content:center;width:100%}.profile-name{font-size:1.3rem}.profile-stats-row{grid-template-columns:1fr;gap:12px}.profile-stat-card{padding:20px 18px}.profile-tokens-card{padding:22px 18px}.profile-tokens-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-recent{padding:20px 18px}.profile-section-header{flex-direction:column;align-items:flex-start;gap:8px}.profile-video-item{flex-wrap:wrap;gap:10px}.profile-video-status{margin-left:auto}.btn-ghost{font-size:.8rem;padding:10px 18px}.render-grid{grid-template-columns:1fr}.arc-wizard-grid{grid-template-columns:1fr;gap:20px}.arc-export-grid{grid-template-columns:1fr;gap:12px}.arc-footer{padding:12px 16px;flex-wrap:wrap;gap:10px}.arc-body{padding:24px 16px}.arc-step__title{font-size:1.4rem}.arc-gen-progress__visual{flex-direction:column;gap:20px}.editor-layout{flex-direction:column;height:auto;min-height:100vh}.editor-sidebar{width:100%;max-height:280px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.editor-canvas{min-height:50vh}.canvas-header{padding:14px 16px;flex-wrap:wrap;gap:10px}.canvas-body{padding:16px;height:auto}.canvas-actions{gap:8px}.editor-agent{width:100%;max-height:350px;border-left:none;border-top:1px solid rgba(255,255,255,.05)}.timeline-editor{height:200px}.gs-options{grid-template-columns:1fr}.gs-modal{padding:28px 20px}.gs-header h2{font-size:1.6rem}}@media(max-width:480px){.navbar{padding:0 14px}.hero__title{font-size:clamp(1.7rem,8vw,2.3rem);letter-spacing:-.5px}.hero__subtitle{font-size:.88rem;line-height:1.6}.gen-actions{grid-template-columns:1fr}.gen-action-card{flex-direction:row;padding:14px 16px;gap:10px}.showcase-card__info{padding:14px 16px}.pricing-price{font-size:2rem}.profile-avatar{width:60px;height:60px;font-size:1.2rem}.flow-badge{font-size:.6rem}.flow-btn-save{padding:8px 14px;font-size:.8rem}.login-card{padding:28px 18px 24px}.final-header h2{font-size:1.1rem}}.pai-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:var(--bg-void)}.pai-overlay__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:#08080eeb;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:10}.pai-overlay__back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pai-overlay__back-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translate(-2px)}.pai-overlay__topic{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#64748b1a;border:1px solid rgba(100,116,139,.15);border-radius:20px;color:var(--text-secondary);font-size:.8rem;font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pai-overlay__new-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#64748b26,#94a3b81a);border:1px solid rgba(100,116,139,.2);border-radius:10px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pai-overlay__new-btn:hover{background:linear-gradient(135deg,#64748b40,#94a3b82e);color:var(--text-primary);border-color:#64748b59}.pai-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:relative}.pai-preview__image-wrap{position:relative;width:100%;height:100%;max-width:1200px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d}.pai-preview__image{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.35) blur(2px);transition:filter .5s ease}.pai-preview__image-wrap:hover .pai-preview__image{filter:brightness(.45) blur(1px)}.pai-preview__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;text-align:center}.pai-preview__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:30px;color:#ffffffb3;font-size:.8rem;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pai-preview__title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em}.pai-preview__desc{color:#ffffff8c;font-size:.95rem;max-width:500px;line-height:1.6}.pai-preview__desc strong{color:#ffffffd9}.pai-preview__open-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:1rem;border-radius:14px;border:none;cursor:pointer;transition:all .4s var(--ease-out-expo);box-shadow:0 6px 24px #6366f159,0 0 60px #6366f126;margin-top:8px}.pai-preview__open-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 40px #6366f180,0 0 80px #6366f133}.pai-preview__open-btn:active{transform:translateY(-1px) scale(.99)}.pai-preview__hint{color:#ffffff4d;font-size:.75rem;font-weight:400}[data-theme=light] .pai-overlay{background:var(--bg-void)}[data-theme=light] .pai-overlay__bar{background:#f4f5f7eb;border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .pai-overlay__back-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .pai-overlay__back-btn:hover{background:#00000017;border-color:#0000002e}[data-theme=light] .pai-overlay__topic{background:#4f5d7514;border:1px solid rgba(79,93,117,.12)}[data-theme=light] .pai-overlay__new-btn{background:#0000000a;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .pai-overlay__new-btn:hover{background:#00000014;border-color:#0000002e}@media(max-width:600px){.pai-overlay__bar{padding:8px 12px;gap:8px}.pai-overlay__back-btn{padding:6px 12px;font-size:.78rem}.pai-overlay__back-btn span{display:none}.pai-overlay__topic{font-size:.72rem;padding:5px 10px;max-width:160px}.pai-overlay__new-btn{padding:6px 10px;font-size:.72rem}.pai-overlay__new-btn span{display:none}.pai-preview{padding:12px}.pai-preview__overlay{padding:20px;gap:14px}.pai-preview__title{font-size:1.3rem}.pai-preview__desc{font-size:.82rem}.pai-preview__open-btn{padding:12px 24px;font-size:.88rem}}