@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;0,9..144,900;1,9..144,400;1,9..144,500&family=Albert+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;position:relative}.auth-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 50% at 50% 30%,rgba(240,238,234,.02),transparent 60%),radial-gradient(ellipse 40% 40% at 25% 65%,rgba(240,238,234,.01),transparent 55%);pointer-events:none}.auth-box{width:100%;max-width:390px;padding:56px 40px;background:#161615cc;border:1px solid rgba(42,40,38,.6);border-radius:24px;text-align:center;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);position:relative;z-index:1;animation:scaleIn .45s cubic-bezier(.34,1.56,.64,1);box-shadow:0 40px 120px #00000080}.auth-logo{font-size:2.6rem;margin-bottom:12px;color:#f0eeea;opacity:.3}.auth-title{font-family:Fraunces,Georgia,serif;font-size:1.6rem;font-weight:900;letter-spacing:-.02em;color:#f0eeea;margin:0 0 8px;font-style:italic}.auth-sub{font-size:.84rem;color:#8a868099;margin:0 0 36px;font-family:Albert Sans,sans-serif}.auth-form{display:flex;flex-direction:column;gap:14px}.header-user{display:flex;align-items:center;gap:10px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.header-user-name{font-size:.82rem;color:#5a5752}.header-inner{position:relative}:root{--bg-abyss: #050505;--bg: #0a0a0a;--bg-raised: #111110;--bg-card: #161615;--bg-hover: #1c1c1a;--bg-input: #131312;--bg-glass: rgba(10, 10, 10, .88);--bg-elevated: #1a1a18;--border: #2a2826;--border-hover: #3a3835;--border-active: #f0eeea;--text: #f0eeea;--text-dim: #8a8680;--text-muted: #5a5752;--accent: #f0eeea;--accent-hover: #d8d6d0;--accent-soft: rgba(240, 238, 234, .06);--accent-glow: rgba(240, 238, 234, .1);--accent-strong: rgba(240, 238, 234, .16);--green: #4ade80;--green-soft: rgba(74, 222, 128, .08);--green-glow: rgba(74, 222, 128, .15);--red: #ff6b6b;--red-soft: rgba(255, 107, 107, .08);--font: "Albert Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", "Fira Code", monospace;--r: 10px;--r-lg: 14px;--r-xl: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);font-size:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:linear-gradient(180deg,#0a0a0a,#080808,#0a0a0a);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(240,238,234,.015),transparent 60%),radial-gradient(ellipse 40% 40% at -5% 50%,rgba(240,238,234,.008),transparent 50%),radial-gradient(ellipse 40% 40% at 105% 70%,rgba(240,238,234,.006),transparent 50%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay}.app{min-height:100vh;display:flex;flex-direction:column}::selection{background:#f0eeea2e;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes thumbPulse{0%,to{scale:1;box-shadow:0 0 12px #f0eeea33,0 0 #f0eeea1a}50%{scale:1.05;box-shadow:0 0 20px #f0eeea4d,0 0 0 6px #f0eeea0a}}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}@keyframes borderPulse{0%,to{border-color:var(--border)}50%{border-color:var(--border-hover)}}@keyframes glowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textShine{to{background-position:200% center}}@keyframes meshFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-1.5%) scale(1.02)}66%{transform:translate(-2%,1%) scale(.99)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 var(--green-glow)}50%{box-shadow:0 0 0 5px transparent}}@keyframes pulse-fill{0%,to{opacity:.3}50%{opacity:1}}@keyframes slideRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes completionBurst{0%{scale:.5;opacity:0;box-shadow:0 0 0 0 var(--green-glow)}50%{scale:1.15;box-shadow:0 0 24px var(--green-glow)}to{scale:1;opacity:1;box-shadow:0 0 10px #4ade801a}}.glow-border{position:relative;border:none;z-index:0}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0%,transparent 28%,rgba(240,238,234,.06) 38%,rgba(240,238,234,.14) 50%,rgba(240,238,234,.06) 62%,transparent 72%,transparent 100%);animation:glowSpin 6s linear infinite;z-index:-2}.glow-border:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:var(--bg-card);z-index:-1}.header{position:sticky;top:0;z-index:100;background:#0a0a0ae0;backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border-bottom:1px solid var(--border);height:58px}.header-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 28px;position:relative}.header-center{width:100%;display:flex;justify-content:center}.header-left{display:flex;align-items:center;gap:14px;min-width:180px}.header-project-info{display:flex;flex-direction:column;align-items:center;gap:2px}.header-title{color:var(--text);font-size:.9rem;font-weight:600;letter-spacing:-.02em;font-family:var(--font-display)}.header-pipe{color:var(--text-muted);font-size:.7rem;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}.header-right{min-width:180px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.header-scenes{font-size:.74rem;color:var(--text-dim);font-family:var(--mono);background:var(--bg-card);padding:4px 14px;border-radius:20px;border:1px solid var(--border);transition:all .3s var(--ease-out)}.header-scenes:hover{border-color:var(--border-hover);color:var(--text)}.logo{font-family:var(--font-display);font-weight:800;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;gap:9px;letter-spacing:.08em;transition:all .3s var(--ease-out);color:var(--text);font-style:italic}.logo:hover{opacity:.6;transform:scale(.97)}.logo-mark{color:var(--text);font-size:1rem;opacity:.5;transition:all .3s}.logo:hover .logo-mark{opacity:.8}.header-separator{color:var(--border-hover);font-size:1rem}.header-user-name{font-size:.82rem;color:var(--text-muted)}.btn-primary{background:var(--accent);color:#0a0a0a;border:none;padding:11px 26px;border-radius:var(--r);font-family:var(--font);font-weight:700;font-size:.92rem;cursor:pointer;transition:all .3s var(--ease-out);letter-spacing:-.01em;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000014,0 2px 8px #00000040}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 55%);opacity:0;transition:opacity .3s}.btn-primary:hover{background:var(--accent-hover);box-shadow:inset 0 1px #fff3,0 8px 24px #00000059;transform:translateY(-3px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px #00000026}.btn-primary:disabled{opacity:.25;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.btn-lg{padding:16px 38px;font-size:1.02rem;display:inline-flex;align-items:center;gap:10px;border-radius:13px;font-weight:800;letter-spacing:.01em}.btn-primary.btn-compact{padding:8px 20px;font-size:.86rem}.btn-secondary{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:9px 18px;border-radius:var(--r);font-family:var(--font);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .25s var(--ease-out)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary:active{transform:translateY(0)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font);font-size:.86rem;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .25s var(--ease-out)}.btn-ghost:hover{color:var(--text);background:var(--accent-soft);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-ghost:active{transform:translateY(0)}.btn-ghost.header-nav-active{color:var(--text);background:var(--accent-soft);border-color:var(--border-hover)}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.05rem;padding:5px 9px;border-radius:7px;transition:all .2s var(--ease-out)}.btn-icon:hover{color:var(--text);background:var(--accent-soft);transform:scale(1.08)}.btn-icon-sm{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px;transition:all .2s var(--ease-out)}.btn-icon-sm:hover{color:var(--red);transform:scale(1.1)}.btn-sm{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);padding:7px 15px;border-radius:8px;font-family:var(--font);font-size:.86rem;cursor:pointer;transition:all .25s var(--ease-out)}.btn-sm:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-sm:active{transform:translateY(0)}.btn-sm:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-danger{border-color:#ff6b6b33!important;color:var(--red)!important}.btn-danger:hover{background:var(--red-soft)!important;border-color:#ff6b6b59!important}.btn-stop{font-size:.84rem;padding:6px 16px}.btn-action{font-size:.86rem;padding:7px 15px}.toast-error{position:fixed;top:72px;right:24px;z-index:500;background:#161615f5;border:1px solid rgba(255,107,107,.2);border-left:3px solid var(--red);border-radius:12px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.86rem;color:var(--red);animation:slideDown .4s var(--ease-spring);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 40px #0006,0 0 0 1px #ff6b6b14;max-width:440px}.toast-error button{background:none;border:none;color:var(--red);cursor:pointer;font-size:1.05rem;padding:3px 7px;border-radius:5px;transition:all .2s;flex-shrink:0}.toast-error button:hover{background:var(--red-soft);transform:scale(1.1)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#050505d9;backdrop-filter:blur(28px) saturate(.8);-webkit-backdrop-filter:blur(28px) saturate(.8);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s var(--ease-out)}.modal-img{max-width:92vw;max-height:88vh;border-radius:18px;animation:scaleIn .35s var(--ease-spring);box-shadow:0 40px 120px #00000080}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:28px;max-width:540px;width:100%;cursor:default;animation:scaleIn .4s var(--ease-spring);box-shadow:0 40px 120px #0006;overflow:visible}.modal-card h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:16px;letter-spacing:-.02em;font-weight:600;color:var(--text)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.confirm-card{max-width:400px;text-align:center}.confirm-card h3{text-align:left}.confirm-card p{font-size:.9rem;color:var(--text-dim);text-align:left;line-height:1.6}.confirm-cost{font-size:1.8rem;font-weight:700;font-family:var(--mono);color:var(--green);margin:18px 0;letter-spacing:-.03em}.spinner,.spinner-lg{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner{width:16px;height:16px;display:inline-block}.spinner-lg{width:32px;height:32px;margin:0 auto}.home-landing{width:100%;overflow:hidden}.cinema-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-beams{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.beam{position:absolute;top:-20%;width:200px;height:140%;background:linear-gradient(180deg,rgba(240,238,234,.04) 0%,rgba(240,238,234,.015) 40%,transparent 80%);filter:blur(40px);animation:beamSway 12s ease-in-out infinite;transform-origin:top center}.beam-1{left:15%;animation-delay:0s;opacity:.7}.beam-2{left:50%;transform:translate(-50%);animation-delay:-4s;opacity:1;width:280px}.beam-3{right:15%;animation-delay:-8s;opacity:.7}@keyframes beamSway{0%,to{transform:rotate(-3deg) scaleX(1)}50%{transform:rotate(3deg) scaleX(1.1)}}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 65% at 50% 45%,transparent 40%,rgba(5,5,5,.7) 100%);z-index:1}.hero-lens-flare{position:absolute;top:12%;left:50%;transform:translate(-50%);width:400px;height:4px;background:linear-gradient(90deg,transparent,rgba(240,238,234,.08),rgba(240,238,234,.15),rgba(240,238,234,.08),transparent);filter:blur(2px);pointer-events:none;z-index:2;animation:flarePulse 6s ease-in-out infinite}@keyframes flarePulse{0%,to{opacity:.4;width:300px}50%{opacity:1;width:500px}}.hero-content{position:relative;z-index:3;text-align:center;padding:0 24px;max-width:800px}.cinema-hero .hero-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--text);border:1px solid var(--border);padding:7px 22px;border-radius:24px;margin-bottom:36px;background:var(--bg-card);animation:slideUp .5s var(--ease-out) .1s both;font-family:var(--mono)}.hero-title{font-family:var(--font-display);font-size:4.4rem;font-weight:900;letter-spacing:-.04em;line-height:1.02;margin-bottom:28px;font-style:italic;color:var(--text);animation:slideUp .6s var(--ease-out) .15s both}.hero-gradient{background:linear-gradient(135deg,#f0eeea,#8a8680 30%,#f0eeea,#8a8680 70%,#f0eeea);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradient 8s ease-in-out infinite}@keyframes heroGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{color:var(--text-dim);font-size:1.1rem;line-height:1.75;max-width:480px;margin:0 auto 20px;animation:slideUp .6s var(--ease-out) .25s both;font-weight:400}.hero-pipeline-tag{animation:slideUp .6s var(--ease-out) .3s both;margin-bottom:40px}.hero-pipeline-tag code{font-family:var(--mono);font-size:.78rem;color:var(--text-muted);letter-spacing:.06em;background:var(--bg-card);border:1px solid var(--border);padding:6px 18px;border-radius:6px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:14px;animation:slideUp .6s var(--ease-out) .35s both}.hero-no-cc{font-size:.75rem;color:var(--text-muted);font-family:var(--mono);letter-spacing:.04em}.projects-section{max-width:1000px;margin:64px auto 0;padding:0 24px;text-align:center;animation:slideUp .7s var(--ease-out) .2s both}.projects-section h3{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;font-style:italic}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;width:100%}.project-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-lg);padding:20px;cursor:pointer;transition:all .35s var(--ease-out);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(240,238,234,.02),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}.project-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 20px 50px #0000004d}.project-card:hover:before{opacity:1}.project-card:nth-child(1){animation:slideUp .45s var(--ease-out) .05s both}.project-card:nth-child(2){animation:slideUp .45s var(--ease-out) .1s both}.project-card:nth-child(3){animation:slideUp .45s var(--ease-out) .15s both}.project-card:nth-child(4){animation:slideUp .45s var(--ease-out) .2s both}.project-card:nth-child(n+5){animation:slideUp .45s var(--ease-out) .25s both}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative}.project-card-format{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);background:var(--accent-soft);padding:3px 11px;border-radius:6px;font-family:var(--mono)}.project-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-meta{display:flex;gap:8px;font-size:.76rem;color:var(--text-muted);margin-bottom:10px;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-status{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-dim);font-family:var(--mono)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--border-hover);transition:all .4s}.status-dot.done{background:var(--green);box-shadow:0 0 8px var(--green-glow);animation:pulseDot 2s ease infinite}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal .pipeline-step,.scroll-reveal .stat-card,.scroll-reveal .feature-card{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.scroll-reveal.revealed .pipeline-step,.scroll-reveal.revealed .stat-card,.scroll-reveal.revealed .feature-card{opacity:1;transform:translateY(0)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.particle{position:absolute;border-radius:50%;background:#f0eeea99;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(var(--dx, 30px)),calc(var(--dy, -80px))) scale(.3);opacity:0}}.particle:nth-child(odd){--dx: -20px;--dy: -100px}.particle:nth-child(2n){--dx: 25px;--dy: -60px}.particle:nth-child(3n){--dx: -40px;--dy: -90px}.particle:nth-child(5n){--dx: 15px;--dy: -120px}.particle:nth-child(7n){--dx: -10px;--dy: -70px}.connector-pulse{position:absolute;top:-2px;left:0;width:8px;height:5px;border-radius:3px;background:#f0eeea80;filter:blur(2px);animation:connectorFlow 3s ease-in-out infinite}@keyframes connectorFlow{0%{left:-10%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:110%;opacity:0}}.pipeline-step:nth-child(2) .connector-pulse{animation-delay:.5s}.pipeline-step:nth-child(3) .connector-pulse{animation-delay:1s}.pipeline-step:nth-child(4) .connector-pulse{animation-delay:1.5s}.pipeline-step:nth-child(5) .connector-pulse{animation-delay:2s}.marquee-wrap{width:100%;overflow:hidden;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card);position:relative}.marquee-wrap:before,.marquee-wrap:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee-wrap:before{left:0;background:linear-gradient(90deg,var(--bg-card),transparent)}.marquee-wrap:after{right:0;background:linear-gradient(270deg,var(--bg-card),transparent)}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 40s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-content{display:flex;gap:0;flex-shrink:0}.marquee-item{font-family:var(--font-display);font-size:.88rem;font-style:italic;font-weight:500;color:var(--text-dim);white-space:nowrap;padding:0 32px;position:relative;transition:color .3s}.marquee-item:hover{color:var(--text)}.marquee-item:after{content:"·";position:absolute;right:0;color:var(--text-muted)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.showcase-section{max-width:1100px;margin:0 auto;padding:40px 24px 20px;text-align:center}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.showcase-card{aspect-ratio:16 / 10;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);position:relative;border:1px solid var(--border)}.scroll-reveal .showcase-card{opacity:0;transform:translateY(30px) scale(.96)}.scroll-reveal.revealed .showcase-card{opacity:1;transform:translateY(0) scale(1)}.showcase-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 20px 50px #0006;border-color:var(--border-hover);z-index:2}.showcase-card-inner{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;padding:14px}.showcase-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.showcase-film-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;mix-blend-mode:overlay;pointer-events:none}.showcase-label{font-family:var(--font-display);font-size:.72rem;font-weight:600;font-style:italic;color:#f0eeeab3;position:relative;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.5)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-close{position:absolute;top:24px;right:28px;background:none;border:none;color:var(--text-dim);font-size:1.6rem;cursor:pointer;transition:color .2s;z-index:3}.lightbox-close:hover{color:var(--text)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:3rem;cursor:pointer;padding:16px;transition:color .2s;z-index:3;line-height:1}.lightbox-nav:hover{color:var(--text)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-content{max-width:80vw;max-height:80vh;animation:scaleIn .3s var(--ease-out)}.lightbox-card{width:70vw;max-width:900px;border-radius:var(--r-xl);position:relative;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--border-hover);box-shadow:0 40px 100px #00000080;background:#0a0a0a}.lightbox-media{width:100%;display:block;border-radius:var(--r-xl)}.lightbox-label{font-family:var(--font-display);font-size:1.4rem;font-weight:700;font-style:italic;color:#f0eeeacc;text-shadow:0 2px 8px rgba(0,0,0,.5);position:absolute;bottom:24px;left:32px;z-index:1}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.1em}.cinema-sep{display:flex;align-items:center;gap:16px;max-width:900px;margin:60px auto;padding:0 24px}.cinema-sep-line{flex:1;height:1px;background:var(--border)}.cinema-sep-squares{display:flex;gap:4px;flex-shrink:0}.cinema-sep-squares span{width:8px;height:8px;border:1px solid var(--border-hover);border-radius:1px;background:transparent}.cinema-sep-squares span:nth-child(2),.cinema-sep-squares span:nth-child(3){background:var(--border-hover)}.how-section{max-width:1000px;margin:0 auto;padding:40px 24px 20px;text-align:center}.section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;font-style:italic;color:var(--text);margin-bottom:52px;letter-spacing:-.02em}.pipeline-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;position:relative}.pipeline-step{display:flex;flex-direction:column;align-items:center;position:relative;width:140px}.step-circle{width:52px;height:52px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--text-dim);background:var(--bg-card);transition:all .35s var(--ease-out);position:relative;z-index:2}.pipeline-step:hover .step-circle{border-color:var(--text);color:var(--text);transform:scale(1.1);box-shadow:0 0 24px #f0eeea14}.step-connector{position:absolute;top:26px;left:calc(50% + 28px);width:calc(100% - 16px);height:1px;background:var(--border);z-index:1;overflow:hidden}.step-label{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--text);margin-top:14px;font-style:italic}.step-desc{font-size:.72rem;color:var(--text-muted);margin-top:6px;line-height:1.45}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto;padding:40px 24px 20px}.stat-card{text-align:center;padding:32px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;font-style:italic;color:var(--text);letter-spacing:-.02em;margin-bottom:8px}.stat-label{font-size:.74rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono)}.features-section{max-width:1000px;margin:0 auto;padding:40px 24px 20px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.feature-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:40px 28px 32px;text-align:left;transition:all .4s var(--ease-out);overflow:hidden}.feature-card-glow{position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,rgba(240,238,234,.3),transparent);opacity:0;transition:opacity .4s var(--ease-out);border-radius:0 0 4px 4px;filter:blur(1px)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.feature-card:hover .feature-card-glow{opacity:1}.feature-card-icon{font-size:1.4rem;margin-bottom:20px;opacity:.4}.feature-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;font-style:italic;margin-bottom:12px;color:var(--text)}.feature-card p{font-size:.82rem;color:var(--text-dim);line-height:1.65;margin-bottom:20px}.feature-tag{display:inline-block;font-family:var(--mono);font-size:.65rem;font-weight:600;color:var(--text-muted);background:var(--accent-soft);padding:4px 12px;border-radius:5px;letter-spacing:.04em}.cinema-footer{padding:0 24px 48px;max-width:900px;margin:0 auto}.cinema-footer p{text-align:center;font-family:var(--mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-top:48px}.wizard{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;width:100%;max-width:560px;overflow:visible;animation:scaleIn .4s var(--ease-spring);box-shadow:0 40px 120px #0006}.wizard>*:first-child{border-radius:22px 22px 0 0}.wizard-inner{border-radius:22px;overflow:hidden}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.wizard-header div{display:flex;align-items:center;gap:10px}.wizard-header strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em;font-weight:700}.wizard-step-label{font-size:.78rem;color:var(--text-muted);font-family:var(--mono)}.wizard-body{padding:32px 28px;animation:fadeIn .35s var(--ease-out)}.wizard-body h2{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em;font-style:italic}.dim{color:var(--text-dim);font-size:.88rem;margin-bottom:16px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 26px}.wizard-dots{display:flex;gap:6px}.dot{width:26px;height:3px;border-radius:2px;background:var(--border);transition:all .4s var(--ease-out)}.dot.active{background:var(--accent);width:44px}.dot.done{background:var(--accent);opacity:.25}.input-main{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:15px 18px;color:var(--text);font-family:var(--font);font-size:1rem;resize:vertical;outline:none;transition:all .3s var(--ease-out)}.input-main:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-main::placeholder{color:var(--text-muted)}.btn-generate-idea{display:flex;align-items:center;gap:10px;background:transparent;border:1px dashed var(--border);color:var(--text-muted);padding:10px 16px;border-radius:var(--r);cursor:pointer;font-size:.82rem;font-family:var(--font);transition:all .3s var(--ease-out);margin-top:8px}.btn-generate-idea:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-generate-idea:disabled{opacity:.5;cursor:wait}.btn-generate-idea .idea-hint{font-size:.7rem;opacity:.5;margin-left:auto}.input-sm{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:7px;padding:9px 14px;color:var(--text);font-family:var(--font);font-size:.88rem;outline:none;margin-bottom:12px;transition:border-color .25s var(--ease-out)}.input-sm:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.input-secondary{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:11px 15px;color:var(--text);font-family:var(--mono);font-size:.88rem;resize:vertical;outline:none;line-height:1.65;transition:border-color .25s var(--ease-out)}.input-secondary:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.form-label{display:block;font-size:.74rem;font-weight:700;color:var(--text-dim);margin-bottom:7px;margin-top:10px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px;text-align:left;cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.format-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(240,238,234,.02),transparent 50%);opacity:0;transition:opacity .3s}.format-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 6px 20px #0003}.format-card:hover:after{opacity:1}.format-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.format-card strong{display:block;font-family:var(--font-display);font-size:.98rem;margin-bottom:5px;color:var(--text);position:relative;z-index:1}.format-card span{font-size:.82rem;color:var(--text-dim);line-height:1.45;position:relative;z-index:1}.length-display{text-align:center;font-size:5.2rem;font-weight:900;letter-spacing:-.06em;margin:28px 0;font-family:var(--font-display);font-style:italic;color:var(--text)}.length-display span{font-size:1.2rem;font-weight:400;color:var(--text-muted);margin-left:4px;font-family:var(--font);font-style:normal}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:3px;background:var(--border);border-radius:3px;outline:none;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--border);border-radius:3px}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;margin-top:-6.5px;box-shadow:0 1px 6px #00000059;transition:all .2s var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 2px 10px #00000073}input[type=range]::-moz-range-track{height:3px;background:var(--border);border-radius:3px;border:none}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border-radius:50%;border:none;cursor:pointer;box-shadow:0 1px 6px #00000059}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:3px;height:3px}.range-input{width:100%}.range-input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10.5px;box-shadow:0 2px 10px #0000004d}.range-input::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 4px 16px #0006}.range-labels{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted);margin-top:8px;font-family:var(--mono)}.niche-grid{display:flex;flex-wrap:wrap;gap:8px}.niche-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:9px 22px;font-family:var(--font);font-size:.88rem;cursor:pointer;color:var(--text-dim);transition:all .25s var(--ease-out)}.niche-pill:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:0 5px 14px #00000026}.niche-pill.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.lang-toggle{margin-top:18px}.lang-options{display:flex;gap:10px}.lang-btn{display:flex;align-items:center;gap:9px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:11px 20px;font-family:var(--font);font-size:.88rem;color:var(--text-dim);cursor:pointer;transition:all .25s var(--ease-out);flex:1}.lang-btn:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.lang-btn.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.lang-flag{font-size:.76rem;font-weight:700;font-family:var(--mono);background:var(--bg-hover);padding:2px 8px;border-radius:5px}.settings-group{margin-bottom:22px}.settings-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-family:var(--mono)}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:18px;text-align:left;cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.style-card:hover:not(.locked){border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 6px 18px #0003}.style-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.style-card.locked{opacity:.3;cursor:not-allowed}.style-card strong{display:block;font-family:var(--font-display);font-size:.92rem;margin-bottom:3px;color:var(--text)}.style-card span{font-size:.78rem;color:var(--text-muted)}.style-lock{position:absolute;top:8px;right:8px;font-size:.62rem;font-family:var(--mono);color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:4px}.style-recommended{position:absolute;top:8px;right:8px;font-size:.62rem;font-family:var(--mono);color:#fff;background:#ffffff26;padding:2px 8px;border-radius:4px}.variant-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.variant-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:14px;text-align:center;cursor:pointer;transition:all .25s var(--ease-out)}.variant-btn:hover{border-color:var(--border-hover);transform:translateY(-1px)}.variant-btn.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.variant-btn strong{display:block;font-size:.92rem;color:var(--text);margin-bottom:2px}.variant-btn span{font-size:.76rem;color:var(--text-muted)}.project-layout{display:flex;flex:1;animation:fadeIn .35s var(--ease-out)}.pipeline{width:256px;min-height:calc(100vh - 58px);background:var(--bg-raised);border-right:1px solid var(--border);padding:28px 0;flex-shrink:0;position:relative}.pipeline-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em;padding:0 24px;margin-bottom:20px;font-family:var(--mono)}.pipe-step{display:flex;align-items:center;gap:13px;padding:12px 24px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-dim);transition:all .25s var(--ease-out);position:relative}.pipe-step:hover:not(.disabled){color:var(--text);background:var(--accent-soft)}.pipe-step.active{color:var(--text)}.pipe-step.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.pipe-step.done .pipe-icon{color:var(--green)}.pipe-step.disabled{opacity:.2;cursor:default}.pipe-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);font-size:.88rem;flex-shrink:0;transition:all .3s var(--ease-out)}.pipe-step.active .pipe-icon{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pipe-step.done .pipe-icon{border-color:var(--green);background:var(--green-soft);animation:successPop .4s var(--ease-spring)}.coming-soon{font-size:.58rem;font-family:var(--mono);color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:4px;margin-left:auto;text-transform:uppercase;letter-spacing:.04em}.pipe-step:after{content:"";position:absolute;left:39px;top:42px;width:1px;height:14px;border-left:2px dashed var(--border);transition:all .4s var(--ease-out)}.pipe-step.done:after{border-left-style:solid;border-left-color:#4ade804d}.pipe-step:last-child:after{display:none}.project-main{flex:1;padding:32px 44px;overflow-y:auto;max-height:calc(100vh - 58px)}.step-content{max-width:1000px;animation:slideUp .45s var(--ease-out);margin:0 auto}.step-content-wide{max-width:1200px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:10px}.step-header h2{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-style:italic}.step-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.step-stats{display:flex;gap:14px;font-size:.82rem;color:var(--text-muted);font-family:var(--mono)}.placeholder-box{background:var(--bg-card);border:1px dashed var(--border-hover);border-radius:var(--r-lg);padding:56px;text-align:center;color:var(--text-dim);animation:fadeIn .4s var(--ease-out)}.script-layout{display:flex;gap:24px}.script-main{flex:1;min-width:0}.script-sidebar{width:232px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;transition:border-color .3s var(--ease-out)}.sidebar-card:hover{border-color:var(--border-hover)}.sidebar-title{font-family:var(--font-display);font-size:.74rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-style:italic}.sidebar-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.86rem}.sidebar-row span:first-child{color:var(--text-dim)}.sidebar-row span:last-child{color:var(--text);font-family:var(--mono);font-size:.82rem}.sidebar-cost{font-size:1.7rem;font-weight:800;font-family:var(--mono);color:var(--green);margin-bottom:4px;letter-spacing:-.03em}.script-body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px 40px;font-size:1rem;line-height:1.95;white-space:pre-wrap;max-height:60vh;overflow-y:auto;margin-bottom:22px;animation:fadeIn .5s var(--ease-out);transition:border-color .3s}.script-body:hover{border-color:var(--border-hover)}.script-editor{width:100%;background:var(--bg-card);border:2px solid var(--accent);border-radius:var(--r-lg);padding:36px 40px;font-size:1rem;line-height:1.95;color:var(--text);font-family:var(--font);resize:vertical;outline:none;min-height:300px;max-height:60vh;margin-bottom:22px;box-shadow:0 0 0 3px var(--accent-soft);transition:box-shadow .3s}.script-loading{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--text-dim);font-size:.92rem;margin-bottom:22px;min-height:200px;animation:borderPulse 2.5s ease infinite}.script-loading .spinner{width:24px;height:24px}.cost-badge{font-family:var(--mono);font-size:.78rem;color:var(--green);background:var(--green-soft);padding:3px 14px;border-radius:12px;font-weight:600;border:1px solid rgba(74,222,128,.12)}.slide-track{position:relative;background:var(--bg-raised);border:1px solid var(--border);border-radius:34px;height:62px;display:flex;align-items:center;margin-top:22px;overflow:hidden;-webkit-user-select:none;user-select:none;transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out);box-shadow:inset 0 2px 6px #00000040}.slide-track:hover:not(.disabled){border-color:var(--border-hover);box-shadow:inset 0 2px 6px #00000040,0 0 20px #f0eeea08}.slide-track.disabled{opacity:.3;pointer-events:none}.slide-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f0eeea1a,#f0eeea0f 60%,#f0eeea08);border-radius:34px;transition:opacity .3s var(--ease-out);pointer-events:none;z-index:0}.slide-thumb{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;cursor:grab;margin-left:5px;flex-shrink:0;z-index:2;position:relative;will-change:transform;box-shadow:0 0 12px #f0eeea33,0 2px 8px #0000004d;animation:thumbPulse 2.8s ease-in-out infinite}.slide-thumb:hover{box-shadow:0 0 22px #f0eeea4d,0 2px 12px #00000059}.slide-thumb:active{cursor:grabbing;animation:none;scale:.95}.slide-track.completed{border-color:var(--green);box-shadow:inset 0 2px 6px #00000026,0 0 20px #4ade8014}.slide-track.completed .slide-fill{background:linear-gradient(90deg,#4ade8026,#4ade8014)}.slide-track.completed .slide-thumb{background:var(--green);color:#0a0a0a;animation:completionBurst .5s var(--ease-spring);box-shadow:0 0 24px #4ade8059,0 2px 8px #0003}.slide-label{position:absolute;width:100%;text-align:center;font-size:.86rem;font-weight:500;color:var(--text-dim);pointer-events:none;z-index:1;letter-spacing:.01em;padding:0 60px}.approved-badge{display:flex;align-items:center;gap:8px;color:var(--green);font-size:.84rem;font-weight:600;margin-top:16px;padding:12px 20px;background:var(--green-soft);border-radius:var(--r);border:1px solid rgba(74,222,128,.12);animation:slideUp .35s var(--ease-out);font-family:var(--mono)}.scenes-list{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.scene-row-compact{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);transition:all .25s var(--ease-out);animation:slideUp .35s var(--ease-out) both}.scene-row-compact:nth-child(1){animation-delay:.02s}.scene-row-compact:nth-child(2){animation-delay:.04s}.scene-row-compact:nth-child(3){animation-delay:.06s}.scene-row-compact:nth-child(4){animation-delay:.08s}.scene-row-compact:nth-child(5){animation-delay:.1s}.scene-row-compact:nth-child(6){animation-delay:.12s}.scene-row-compact:nth-child(7){animation-delay:.14s}.scene-row-compact:nth-child(8){animation-delay:.16s}.scene-row-compact:nth-child(9){animation-delay:.18s}.scene-row-compact:nth-child(10){animation-delay:.2s}.scene-row-compact:nth-child(n+11){animation-delay:.22s}.scene-row-compact:hover{border-color:var(--border-hover);border-left-color:var(--accent);transform:translate(5px);box-shadow:0 5px 18px #00000026}.scene-row-left{display:flex;align-items:center;gap:16px}.scene-num{font-family:var(--mono);font-size:.78rem;color:var(--text);font-weight:700;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:6px;border:1px solid rgba(240,238,234,.08)}.scene-title-text{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--text)}.scene-time{font-size:.76rem;color:var(--text-muted);font-family:var(--mono);margin-top:2px}.scene-mood{font-size:.74rem;color:var(--text-dim);background:var(--bg-hover);padding:4px 12px;border-radius:14px;border:1px solid var(--border);font-family:var(--mono);font-style:italic}.vo-panel{padding-top:10px}.vo-filter-row{display:flex;gap:7px;align-items:center;margin-bottom:16px}.vo-filter-row .setting-btn{padding:7px 18px;font-size:.86rem}.vo-voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:7px;max-height:300px;overflow-y:auto;margin-bottom:22px;padding:2px}.vo-voice-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:all .25s var(--ease-out);text-align:left;width:100%;position:relative;overflow:hidden}.vo-voice-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 5px 14px #0003}.vo-voice-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.vo-voice-info{min-width:0;display:flex;flex-direction:column;gap:2px}.vo-voice-name{font-weight:700;font-size:.9rem;color:var(--text)}.vo-voice-meta{font-size:.7rem;color:var(--text-muted);font-family:var(--mono)}.vo-preview-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--border);border-radius:50%;color:var(--text);font-size:.88rem;cursor:pointer;transition:all .2s var(--ease-out)}.vo-preview-btn:hover{background:var(--accent);color:#0a0a0a;border-color:var(--accent);transform:scale(1.12)}.vo-preview-btn:disabled{opacity:.5;cursor:wait;transform:none}.vo-style-section{margin-bottom:22px}.vo-style-section .form-label{margin-bottom:8px}.vo-style-box{background:var(--bg-card);border:1px solid var(--border);border-radius:9px;overflow:hidden}.vo-style-box textarea{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:.9rem;padding:13px 16px;resize:vertical;min-height:48px}.vo-style-box textarea::placeholder{color:var(--text-muted);opacity:.6}.vo-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.vo-progress{margin-top:10px}.vo-results{margin-top:14px}.vo-results .approved-badge{margin-bottom:16px}.vo-scene-list{max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:9px;margin-bottom:6px}.vo-scene-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .2s}.vo-scene-row:last-child{border-bottom:none}.vo-scene-row:hover{background:var(--accent-soft)}.vo-scene-row .scene-num{flex-shrink:0;font-size:.78rem}.vo-scene-title{flex:1;font-size:.86rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vo-scene-dur{flex-shrink:0;font-size:.8rem;color:var(--text-muted);font-family:var(--mono)}.vo-audio{flex-shrink:0;height:28px;max-width:160px;border-radius:14px}.audio-player{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:var(--bg-raised);border:1px solid var(--border)}.audio-play-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--accent);color:#0a0a0a;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s var(--ease-out);box-shadow:0 1px 6px #0000004d}.audio-play-btn:hover{background:var(--accent-hover);scale:1.08;box-shadow:0 2px 10px #0006}.audio-play-btn:active{scale:.95}.audio-time{font-family:var(--mono);font-size:.72rem;color:var(--text-muted);min-width:32px;text-align:center;flex-shrink:0;letter-spacing:.02em}.audio-seek{flex:1;min-width:0}.audio-player audio{display:none}.batch-fill-pulse{width:100%;animation:pulse-fill 2s ease-in-out infinite}.settings-grid{display:flex;flex-direction:column;gap:22px}.setting-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.setting-options-3{grid-template-columns:1fr 1fr 1fr}.setting-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:13px;cursor:pointer;text-align:left;transition:all .25s var(--ease-out);display:flex;flex-direction:column;gap:3px;color:var(--text)}.setting-btn:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.setting-btn.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.setting-btn strong{font-size:.88rem;font-weight:700}.setting-toggle-row{display:flex;align-items:center;gap:14px;margin-top:7px}.setting-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;padding:7px 20px;cursor:pointer;font-size:.84rem;font-weight:600;color:var(--text-muted);transition:all .25s var(--ease-out);font-family:var(--mono)}.setting-toggle.active{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.settings-estimate{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:18px 22px;margin-top:18px;margin-bottom:6px}.estimate-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.88rem}.characters-preview{margin-top:18px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r)}.character-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.character-row:last-child{border-bottom:none}.character-name{font-weight:700;font-size:.88rem;text-transform:capitalize;font-family:var(--font-display)}.image-gen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.image-gen-header h2{font-family:var(--font-display);font-size:.86rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-style:italic}.image-gen-stats{display:flex;align-items:center;gap:12px}.image-gen-count{font-size:.82rem;color:var(--text-dim);font-family:var(--mono)}.image-gen-dot{color:var(--border-hover);font-size:.5rem}.image-gen-actions{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.image-scenes{display:flex;flex-direction:column;gap:24px}.image-scene-block{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-lg);padding:26px 30px;transition:all .35s var(--ease-out);animation:slideUp .45s var(--ease-out) both;position:relative;overflow:hidden}.image-scene-block:nth-child(1){animation-delay:.03s}.image-scene-block:nth-child(2){animation-delay:.06s}.image-scene-block:nth-child(3){animation-delay:.09s}.image-scene-block:nth-child(4){animation-delay:.12s}.image-scene-block:nth-child(5){animation-delay:.15s}.image-scene-block:nth-child(n+6){animation-delay:.18s}.image-scene-block:hover{border-color:var(--border-hover);border-left-color:var(--accent);box-shadow:0 10px 36px #0003}.image-scene-header strong{font-size:.92rem;font-family:var(--font-display)}.scene-time-inline{font-size:.76rem;color:var(--text-muted);font-family:var(--mono);margin-left:10px}.scene-dur-inline{font-size:.72rem;color:var(--text-muted);margin-left:6px}.image-scene-title{color:var(--text);font-family:var(--font-display);font-size:.95rem;font-weight:600;margin:8px 0 6px}.image-scene-narration{color:var(--text-dim);font-size:.84rem;line-height:1.65;margin-bottom:20px;font-style:italic;opacity:.85;border-left:2px solid var(--border);padding-left:14px}.image-scene-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;display:flex;align-items:center;gap:10px;font-family:var(--mono)}.multi-info{color:var(--text);font-weight:600;text-transform:none;letter-spacing:0;font-family:var(--mono);font-size:.82rem}.image-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:18px}.image-option{cursor:pointer;text-align:center;transition:all .35s var(--ease-out)}.image-option:hover{transform:translateY(-6px)}.image-option-img{border-radius:var(--r);overflow:hidden;border:2px solid transparent;transition:all .35s var(--ease-out);position:relative;aspect-ratio:16/9;background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.image-option-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out)}.image-option:hover .image-option-img img{transform:scale(1.07)}.image-option:hover .image-option-img{border-color:var(--border-hover);box-shadow:0 14px 36px #0000004d}.image-option.selected .image-option-img{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 10px 28px #0003}.image-check{position:absolute;top:8px;right:8px;background:var(--green);color:#0a0a0a;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;animation:successPop .3s var(--ease-spring);font-family:var(--mono)}.image-expand,.image-regen,.image-edit-icon{position:absolute;width:30px;height:30px;background:#f0eeea26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.92rem;color:#fff;opacity:0;transition:all .25s var(--ease-out);cursor:pointer}.image-expand{bottom:8px;right:8px}.image-regen{bottom:8px;left:8px}.image-edit-icon{bottom:8px;left:44px}.image-option:hover .image-expand,.image-option:hover .image-regen,.image-option:hover .image-edit-icon{opacity:1}.image-expand:hover,.image-regen:hover,.image-edit-icon:hover{background:#f0eeea4d;transform:scale(1.12)}.image-option-empty .image-option-img{border:1px dashed var(--border-hover)}.image-option-label{font-size:.76rem;color:var(--text-dim);display:block;margin-top:8px;transition:color .2s}.image-option:hover .image-option-label{color:var(--text)}.image-option-bottom{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px}.image-edit-btn{background:none;border:none;color:var(--text-muted);font-size:.76rem;cursor:pointer;padding:2px 5px;border-radius:4px;opacity:0;transition:all .2s}.image-option:hover .image-edit-btn{opacity:1}.image-edit-btn:hover{color:var(--text);background:var(--accent-soft)}.image-scene-actions{display:flex;gap:7px;flex-wrap:wrap}.scene-gen-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:26px;color:var(--text-muted);font-size:.86rem}.scene-error{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--red-soft);border:1px solid rgba(255,107,107,.15);border-left:3px solid var(--red);border-radius:var(--r);font-size:.86rem;color:var(--red);margin-bottom:10px;animation:slideDown .3s var(--ease-out)}.scene-error span{flex:1}.scene-error-block{padding:16px 0}.scene-error-actions{display:flex;gap:7px;margin-top:8px}.batch-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:24px 28px;margin-bottom:26px;animation:slideDown .4s var(--ease-spring);box-shadow:0 14px 52px #0003}.batch-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.batch-left{flex:1}.batch-title{font-family:var(--font-display);font-size:.94rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.batch-subtitle{font-size:.76rem;color:var(--text-muted);font-family:var(--mono);margin-top:4px}.batch-right{text-align:right}.batch-cost-live{font-size:1.25rem;font-weight:800;font-family:var(--mono);color:var(--green);letter-spacing:-.02em}.batch-remaining{font-size:.8rem;color:var(--text-muted);font-family:var(--mono);margin-top:3px}.batch-progress{display:flex;align-items:center;gap:14px}.batch-progress-track{flex:1;height:5px;background:var(--bg-hover);border-radius:8px;overflow:hidden}.batch-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:8px;transition:width .6s var(--ease-out);position:relative}.batch-progress-fill:after{content:"";position:absolute;right:-3px;top:-3px;bottom:-3px;width:10px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green-glow);animation:glowPulse 1.5s ease infinite}.batch-pct{font-size:.84rem;font-weight:700;font-family:var(--mono);color:var(--text-dim);min-width:38px;text-align:right}.batch-footer{display:flex;justify-content:space-between;margin-top:16px;font-size:.8rem;color:var(--text-muted);font-family:var(--mono)}.batch-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:.88rem;gap:10px}.batch-track{width:100%;height:4px;background:var(--bg-hover);border-radius:6px;overflow:hidden;margin-bottom:8px}.batch-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:6px;transition:width .5s var(--ease-out)}.edit-image-modal{max-width:600px}.edit-image-preview{margin-bottom:18px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}.edit-image-preview img{width:100%;height:auto;display:block}.edit-image-loading{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:.86rem;color:var(--text-dim);animation:pulse 1.5s infinite}.clip-scene-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin-bottom:14px;transition:all .3s var(--ease-out);animation:slideUp .4s var(--ease-out) both}.clip-scene-block:nth-child(1){animation-delay:.03s}.clip-scene-block:nth-child(2){animation-delay:.06s}.clip-scene-block:nth-child(3){animation-delay:.09s}.clip-scene-block:nth-child(4){animation-delay:.12s}.clip-scene-block:nth-child(n+5){animation-delay:.15s}.clip-scene-block:hover{border-color:var(--border-hover);box-shadow:0 6px 20px #00000026}.clip-scene-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.clip-scene-body{display:flex;gap:20px}.clip-preview{flex:0 0 280px;border-radius:var(--r);overflow:hidden;background:#0a0a0a;transition:all .3s;position:relative;border:4px solid #1a1a18;box-shadow:0 0 0 1px var(--border);background-image:repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(255,255,255,.05) 6px,rgba(255,255,255,.05) 8px,transparent 8px,transparent 14px);background-size:6px 100%;background-position:-2px 0,calc(100% + 2px) 0;background-repeat:repeat-y}.clip-preview:hover{box-shadow:0 0 0 1px var(--border-hover),0 8px 24px #0003}.clip-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.8;transition:opacity .3s}.clip-thumb:hover{opacity:1}.clip-video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.clip-controls{flex:1;display:flex;flex-direction:column}.motion-options{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.motion-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;padding:6px 16px;cursor:pointer;font-size:.82rem;font-family:var(--font);color:var(--text-muted);transition:all .25s var(--ease-out);display:flex;align-items:center;gap:5px}.motion-btn:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-2px)}.motion-btn.active{border-color:var(--accent);background:var(--accent);color:#0a0a0a}.motion-icon{font-size:.9rem}.clip-done{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.clip-done-badge{font-size:.86rem;color:var(--green);font-weight:700;font-family:var(--mono)}.clip-error{font-size:.86rem;color:var(--red);margin-top:10px;display:flex;flex-direction:column;gap:7px}.clip-generating-indicator{font-size:.82rem;color:var(--text-dim);margin-top:8px;animation:pulse 1.5s infinite;font-family:var(--mono)}.clips-complete{margin-top:24px;text-align:center}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#050505e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s var(--ease-out)}.auth-modal{width:100%;max-width:370px;padding:46px 38px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);text-align:center;animation:scaleIn .4s var(--ease-spring);box-shadow:0 40px 120px #00000080}.auth-modal-icon{font-size:2.2rem;margin-bottom:14px;color:var(--text);opacity:.35}.auth-modal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--text);margin:0 0 8px;letter-spacing:-.02em}.auth-modal-sub{font-size:.86rem;color:var(--text-muted);margin:0 0 28px}.auth-input{width:100%;padding:14px 18px;margin-bottom:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:1rem;font-family:var(--mono);outline:none;box-sizing:border-box;text-align:center;letter-spacing:.1em;transition:border-color .3s var(--ease-out)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input::placeholder{color:var(--text-muted);font-family:var(--font);letter-spacing:0}.auth-btn{width:100%;padding:14px;font-size:.92rem;font-weight:700;letter-spacing:.04em;background:var(--accent);color:#0a0a0a;border:none;border-radius:var(--r);cursor:pointer;transition:all .25s var(--ease-out);font-family:var(--font);box-shadow:0 2px 8px #0000004d}.auth-btn:hover{background:var(--accent-hover);box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.auth-btn:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000026}.auth-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.auth-error{color:var(--red);font-size:.84rem;margin-bottom:12px;padding:10px 16px;border-radius:8px;background:var(--red-soft);border:1px solid rgba(255,107,107,.12)}.project-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);white-space:nowrap;overflow:hidden;gap:8px}.project-card-date{font-size:.78rem;color:var(--text-muted);font-family:var(--mono)}.expiry-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--green-soft);color:var(--green);letter-spacing:.02em;white-space:nowrap}.expiry-badge.warning{background:#ffaa321a;color:#ffaa32}.expiry-badge.critical{background:var(--red-soft);color:var(--red);animation:pulse 2s ease-in-out infinite}.project-cost-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--accent-soft);color:var(--text);letter-spacing:.02em;white-space:nowrap;font-family:var(--mono)}.global-cost-banner{display:flex;align-items:center;gap:10px;padding:12px 20px;margin-bottom:20px;border-radius:var(--r);background:var(--bg-card);border:1px solid var(--border);animation:slideDown .35s var(--ease-out)}.global-cost-amount{font-family:var(--mono);font-size:1.15rem;font-weight:700;color:var(--text)}.global-cost-label{font-size:.82rem;color:var(--text-dim)}.pipeline-cost{margin-top:16px;padding:10px 14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.pipeline-cost-total{font-family:var(--mono);font-size:1rem;font-weight:700;color:var(--text)}.export-cost-breakdown{margin:16px 0;padding:16px;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border)}.export-cost-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:12px}.export-cost-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:4px 0;font-size:.85rem;color:var(--text-dim)}.export-cost-row span:last-child{font-family:var(--mono);font-weight:600;color:var(--text);text-align:right}.export-cost-row.total{font-weight:700;color:var(--text);font-size:.95rem}.export-cost-row.total span:last-child{color:var(--text)}.export-cost-divider{height:1px;background:var(--border);margin:8px 0}.export-panel{animation:slideUp .4s var(--ease-out)}.export-summary{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:20px}.export-summary-item{display:flex;align-items:center;gap:6px}.export-summary-num{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--text)}.export-summary-label{font-size:.86rem;color:var(--text-dim)}.export-summary-dot{color:var(--text-muted);font-size:.9rem}.export-expiry-info{display:flex;gap:16px;padding:10px 16px;background:#ffaa320f;border:1px solid rgba(255,170,50,.15);border-radius:var(--r);margin-bottom:20px;font-size:.86rem;color:#ffaa32}.export-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.export-secondary{display:flex;gap:8px}.export-secondary .btn-action{flex:1}.btn-download-zip{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--r);font-family:var(--font);font-size:1rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .2s var(--ease-out)}.btn-download-zip:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #f0eeea26}.btn-download-zip:disabled{opacity:.7;cursor:not-allowed}.btn-download-zip.loading{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border)}.btn-download-zip.loading:before{content:"";width:16px;height:16px;border:2px solid var(--text-muted);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}.export-zip-contents{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r)}.export-zip-title{font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.export-zip-tree{font-family:var(--mono);font-size:.82rem;color:var(--text-muted);line-height:1.8}.export-zip-tree div:before{content:"├─";color:var(--border-hover)}.export-zip-tree div:last-child:before{content:"└─"}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-blocker{display:none}@media (max-width: 768px){.mobile-blocker{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--bg);padding:40px;text-align:center}.mobile-blocker-icon{font-size:2.4rem;margin-bottom:24px;opacity:.3}.mobile-blocker h2{font-family:var(--font-display);font-size:1.6rem;font-weight:800;font-style:italic;margin-bottom:14px;color:var(--text)}.mobile-blocker p{font-size:.92rem;color:var(--text-dim);line-height:1.7;max-width:320px}}.projects-page{max-width:1000px;margin:0 auto;padding:80px 24px 40px;animation:fadeIn .4s var(--ease-out)}.projects-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.projects-page-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;font-style:italic;color:var(--text)}.projects-empty{text-align:center;padding:80px 24px;color:var(--text-dim)}.projects-empty-icon{font-size:2.5rem;margin-bottom:16px;opacity:.3}.projects-empty p{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-dim);margin-bottom:6px}.projects-empty span{font-size:.85rem;color:var(--text-muted)}.projects-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;align-items:center}.projects-search{position:relative;flex:1;min-width:180px}.projects-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;pointer-events:none}.projects-search input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:9px 32px 9px 34px;color:var(--text);font-family:var(--font);font-size:.85rem;outline:none;transition:border-color .2s}.projects-search input::placeholder{color:var(--text-muted)}.projects-search input:focus{border-color:var(--border-hover)}.projects-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:2px 4px}.projects-search-clear:hover{color:var(--text)}.projects-filters{display:flex;gap:8px;flex-wrap:wrap}.projects-filters select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:8px 28px 8px 12px;color:var(--text-dim);font-family:var(--font);font-size:.8rem;outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235a5752'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.projects-filters select:hover,.projects-filters select:focus{border-color:var(--border-hover);color:var(--text)}.projects-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.projects-pagination-info{font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.profile-page{max-width:560px;margin:0 auto;padding:80px 24px 40px;animation:fadeIn .4s var(--ease-out);position:relative}.profile-back{margin-bottom:24px}.profile-card{text-align:center;width:100%}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text);margin:0 auto 16px}.profile-card h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;font-style:italic;margin-bottom:4px}.profile-role{font-size:.8rem;color:var(--text-muted);font-family:var(--mono)}.profile-since{display:block;font-size:.78rem;color:var(--text-muted);margin-top:4px}.profile-stats{margin-top:28px;padding:20px;border-radius:var(--r);background:var(--bg-card);border:1px solid var(--border);animation:slideUp .35s var(--ease-out) .1s both}.profile-stats-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-stat{text-align:center}.profile-stat-num{display:block;font-family:var(--mono);font-size:1.3rem;font-weight:700;color:var(--text)}.profile-stat-label{font-size:.72rem;color:var(--text-dim)}.profile-costs{margin-top:16px;padding:20px;border-radius:var(--r);background:var(--bg-card);border:1px solid var(--border);animation:slideUp .35s var(--ease-out) .2s both}.profile-cost-total{font-family:var(--mono);font-size:1.8rem;font-weight:800;color:var(--text);margin-bottom:14px}.profile-cost-rows{display:flex;flex-direction:column;gap:6px}.profile-cost-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim)}.profile-cost-row span:last-child{font-family:var(--mono);font-weight:600;color:var(--text)}.profile-actions{margin-top:28px;display:flex;flex-direction:column;gap:8px}.profile-logout{color:var(--red)!important;border-color:var(--red-soft)!important}.profile-logout:hover{background:var(--red-soft)!important}.role-owner{color:var(--green)!important;background:var(--green-soft);padding:2px 10px;border-radius:20px;font-weight:600}.profile-keys-section{margin-top:32px;padding:24px;border-radius:var(--r);background:var(--bg-card);border:1px solid var(--border);animation:slideUp .35s var(--ease-out) .15s both}.profile-keys-title{font-family:var(--font-display);font-size:1rem;font-weight:700;font-style:italic;margin-bottom:16px}.key-generate-form{display:flex;gap:8px;margin-bottom:16px}.key-name-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.85rem;font-family:var(--font);outline:none;transition:border-color .2s}.key-name-input:focus{border-color:var(--border-active)}.key-duration-select{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.85rem;font-family:var(--font);cursor:pointer;outline:none}.key-generated-banner{background:var(--green-soft);border:1px solid rgba(74,222,128,.2);border-radius:10px;padding:14px 16px;margin-bottom:16px}.key-generated-label{font-size:.78rem;color:var(--green);font-weight:600;margin-bottom:8px}.key-generated-value{display:flex;align-items:center;gap:10px}.key-generated-value code{flex:1;font-family:var(--mono);font-size:.82rem;color:var(--text);background:var(--bg);padding:8px 12px;border-radius:6px;word-break:break-all;-webkit-user-select:all;user-select:all}.keys-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.keys-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:8px;padding:10px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-raised);border-bottom:1px solid var(--border)}.keys-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:8px;padding:10px 14px;font-size:.85rem;align-items:center;border-bottom:1px solid var(--border);transition:background .15s}.keys-table-row:last-child{border-bottom:none}.keys-table-row:hover{background:var(--bg-hover)}.key-expired{opacity:.5}.key-name{color:var(--text);font-weight:500}.key-date,.key-expiry{color:var(--text-dim);font-family:var(--mono);font-size:.8rem}.key-expiry.expired{color:var(--red)}.key-revoke-btn{color:var(--red)!important;font-size:.78rem!important}.key-revoke-confirm{display:flex;gap:4px}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;cursor:pointer;font-family:var(--font)}.btn-xs{padding:3px 8px!important;font-size:.75rem!important}.keys-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:12px}@media (max-width: 768px){.pipeline{display:none}.project-main{padding:16px}.image-options{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.6rem}.format-grid{grid-template-columns:1fr}.script-sidebar{display:none}.script-layout{flex-direction:column}.header-project-info{display:none}.clip-scene-body{flex-direction:column}.clip-preview{flex:none;width:100%}.toast-error{left:12px;right:12px;max-width:none}.modal-card{margin:12px}.wizard{max-width:100%;border-radius:16px}.projects-grid{grid-template-columns:1fr}.projects-page{padding:70px 16px 32px}.projects-page-header h2{font-size:1.2rem}.projects-toolbar{flex-direction:column}.projects-search{min-width:100%}.projects-filters{width:100%}.projects-filters select{flex:1}.vo-voice-grid{grid-template-columns:1fr}.pipeline-steps{flex-direction:column;align-items:center;gap:8px}.pipeline-step{width:100%;flex-direction:row;gap:16px}.step-connector{display:none}.step-circle{width:44px;height:44px;flex-shrink:0}.step-label{margin-top:0}.step-desc{margin-top:2px}.stats-section{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,1fr)}.cinema-hero{min-height:80vh}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.92rem}.cinema-hero .hero-badge{font-size:.6rem;padding:5px 14px}.header-inner{padding:0 14px}.header-right{min-width:auto}body{font-size:15px}.stat-value{font-size:1.5rem}.stat-card{padding:24px 12px}}.audio-section{padding:16px 0;border-bottom:1px solid var(--border)}.audio-section:last-of-type{border-bottom:none}.sfx-prompt-input{font-family:var(--font);font-size:.82rem;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);transition:border-color .2s;line-height:1.4}.sfx-prompt-input:focus{outline:none;border-color:var(--border-hover)}.render-stats{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;color:var(--text-dim);flex-wrap:wrap}.render-stat strong{color:var(--text)}.render-stat-dot{color:var(--text-dim);opacity:.4}.render-manifest{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;border-radius:10px;border:1px solid var(--border);background:var(--bg-card)}.render-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);transition:background .15s}.render-row:last-child{border-bottom:none}.render-row:hover{background:#ffffff05}.render-row.done{opacity:1}.render-row.failed{opacity:.6}.render-num{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--text-dim);min-width:32px}.render-thumb{width:48px;height:28px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--bg-input)}.render-thumb img{width:100%;height:100%;object-fit:cover}.render-thumb-empty{width:100%;height:100%;background:var(--bg-input)}.render-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.render-title{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.render-scene-idx{font-size:.72rem;color:var(--text-dim)}.render-type{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.5px;flex-shrink:0}.render-type.image{background:#6366f126;color:#818cf8}.render-type.clip{background:#34d39926;color:#6ee7b7}.render-dur{font-size:.8rem;color:var(--text-dim);min-width:40px;text-align:right;font-family:SF Mono,Fira Code,monospace}.render-preview-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-size:.72rem;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s}.render-preview-btn:hover{border-color:var(--accent);color:var(--accent)}.render-err{font-size:.72rem;color:#f87171}.render-complete-msg{text-align:center;font-size:.88rem;color:var(--accent);margin-bottom:14px;padding:10px;background:#34d39914;border-radius:8px}