@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);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(79,70,229,.04),transparent 60%),radial-gradient(ellipse 40% 40% at 25% 65%,rgba(124,58,237,.02),transparent 55%);pointer-events:none}.auth-box{width:100%;max-width:390px;padding:56px 40px;background:var(--bg-card);border:1px solid var(--border);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:var(--shadow-xl)}.auth-logo{font-size:2.6rem;margin-bottom:12px;color:var(--accent);opacity:.3}.auth-title{font-family:Sora,sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:-.02em;color:var(--text);margin:0 0 8px}.auth-sub{font-size:.84rem;color:var(--text-muted);margin:0 0 36px;font-family:Outfit,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-inner{position:relative}:root{--bg-abyss: #EEEDF5;--bg: #F6F5FB;--bg-raised: #EFEEF6;--bg-card: #FFFFFF;--bg-hover: #EAE9F4;--bg-input: #F3F2FA;--bg-glass: rgba(246, 245, 251, .9);--bg-elevated: #E8E7F2;--border: #DDD9EC;--border-hover: #C4BFDA;--border-active: #4F46E5;--text: #1A1631;--text-dim: #403A5C;--text-muted: #7B7494;--accent: #4F46E5;--accent-2: #7C3AED;--accent-3: #A855F7;--accent-hover: #4338CA;--accent-soft: rgba(79, 70, 229, .08);--accent-glow: rgba(79, 70, 229, .15);--accent-strong: rgba(79, 70, 229, .2);--accent-gradient: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #A855F7 100%);--bg-section: #EFEEF6;--shadow-color: 235, 228, 255;--shadow-sm: 0 2px 8px rgba(var(--shadow-color), .25);--shadow-md: 0 8px 28px rgba(var(--shadow-color), .2);--shadow-lg: 0 16px 48px rgba(var(--shadow-color), .22);--shadow-xl: 0 40px 120px rgba(var(--shadow-color), .18);--overlay-bg: rgba(100, 90, 140, .45);--green: #16A34A;--green-soft: rgba(22, 163, 74, .08);--green-glow: rgba(22, 163, 74, .2);--red: #DC2626;--red-soft: rgba(220, 38, 38, .07);--font: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Sora", -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--r: 10px;--r-sm: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--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}[data-theme=dark]{--bg-abyss: #0A0A0F;--bg: #0F1117;--bg-raised: #161822;--bg-card: #1A1D2B;--bg-hover: #1F2235;--bg-input: #161822;--bg-glass: rgba(15, 17, 23, .92);--bg-elevated: #1F2235;--border: #2A2D3E;--border-hover: #3D4158;--border-active: #6366F1;--text: #F1F2F8;--text-dim: #B0B5CC;--text-muted: #6B7294;--accent: #6366F1;--accent-2: #8B5CF6;--accent-3: #A78BFA;--accent-hover: #818CF8;--accent-soft: rgba(99, 102, 241, .1);--accent-glow: rgba(99, 102, 241, .2);--accent-strong: rgba(99, 102, 241, .25);--accent-gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A78BFA 100%);--bg-section: #13151F;--shadow-color: 15, 23, 41;--shadow-sm: 0 2px 8px rgba(var(--shadow-color), .18);--shadow-md: 0 8px 28px rgba(var(--shadow-color), .25);--shadow-lg: 0 16px 48px rgba(var(--shadow-color), .3);--shadow-xl: 0 40px 120px rgba(var(--shadow-color), .35);--overlay-bg: rgba(10, 10, 15, .85);--green: #22C55E;--green-soft: rgba(34, 197, 94, .1);--green-glow: rgba(34, 197, 94, .25);--red: #EF4444;--red-soft: rgba(239, 68, 68, .1)}[data-theme=dark] body:before{background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(99,102,241,.06),transparent 60%),radial-gradient(ellipse 40% 40% at -5% 50%,rgba(139,92,246,.04),transparent 50%),radial-gradient(ellipse 40% 40% at 105% 70%,rgba(99,102,241,.03),transparent 50%)}[data-theme=dark] ::selection{background:#6366f140}[data-theme=dark] .glow-border:after{background:var(--bg-card)}*{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}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(79,70,229,.05),transparent 60%),radial-gradient(ellipse 40% 40% at -5% 50%,rgba(168,85,247,.04),transparent 50%),radial-gradient(ellipse 40% 40% at 105% 70%,rgba(79,70,229,.03),transparent 50%);pointer-events:none}.app{min-height:100vh;display:flex;flex-direction:column}::selection{background:#4f46e526;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 #4f46e540,0 0 #4f46e51a}50%{scale:1.05;box-shadow:0 0 20px #4f46e559,0 0 0 6px #4f46e50a}}@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 #16a34a1a}}.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(79,70,229,.08) 38%,rgba(79,70,229,.18) 50%,rgba(79,70,229,.08) 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}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;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:0 2px 12px #4f46e54d}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 55%);opacity:0;transition:opacity .3s}.btn-primary:hover{box-shadow:0 8px 28px #4f46e566;transform:translateY(-3px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0) scale(.97);box-shadow:0 2px 8px #4f46e533}.btn-primary:disabled{opacity:.35;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(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e51a}.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(--accent);background:var(--accent-soft);border-color:#4f46e533;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e514}.btn-ghost:active{transform:translateY(0)}.btn-ghost.header-nav-active{color:var(--accent);background:var(--accent-soft);border-color:#4f46e533}.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(--accent);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(--accent);border-color:#4f46e540;background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e514}.btn-sm:active{transform:translateY(0)}.btn-sm:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-danger{border-color:#dc262633!important;color:var(--red)!important}.btn-danger:hover{background:var(--red-soft)!important;border-color:#dc262659!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:var(--bg-card);border:1px solid rgba(220,38,38,.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 rgba(var(--shadow-color),.12),0 0 0 1px #dc262614;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:var(--overlay-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);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:var(--shadow-xl)}.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:var(--shadow-xl);overflow:visible}.modal-card h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:16px;letter-spacing:-.02em;font-weight:700;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}.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 rgba(var(--shadow-color),.06)}.slide-track:hover:not(.disabled){border-color:var(--border-hover);box-shadow:inset 0 2px 6px rgba(var(--shadow-color),.06),0 0 20px #4f46e50d}.slide-track.disabled{opacity:.3;pointer-events:none}.slide-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#4f46e51f,#4f46e50f 60%,#4f46e508);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:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;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 #4f46e54d,0 2px 8px rgba(var(--shadow-color),.15);animation:thumbPulse 2.8s ease-in-out infinite}.slide-thumb:hover{box-shadow:0 0 22px #4f46e566,0 2px 12px rgba(var(--shadow-color),.18)}.slide-thumb:active{cursor:grabbing;animation:none;scale:.95}.slide-track.completed{border-color:var(--green);box-shadow:inset 0 2px 6px rgba(var(--shadow-color),.04),0 0 20px #16a34a14}.slide-track.completed .slide-fill{background:linear-gradient(90deg,#16a34a1f,#16a34a0f)}.slide-track.completed .slide-thumb{background:var(--green);color:#fff;animation:completionBurst .5s var(--ease-spring);box-shadow:0 0 24px #16a34a59,0 2px 8px rgba(var(--shadow-color),.1)}.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(22,163,74,.12);animation:slideUp .35s var(--ease-out);font-family:var(--mono)}.input-main{width:100%;background:var(--bg-input);border:1.5px 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 4px #4f46e514}.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 3px #4f46e514}.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 3px #4f46e514}.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)}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 #4f46e559;transition:all .2s var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 2px 10px #4f46e573}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 #4f46e559}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 #4f46e54d}.range-input::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 4px 16px #4f46e566}.range-labels{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted);margin-top:8px;font-family:var(--mono)}.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(22,163,74,.12)}.batch-fill-pulse{width:100%;animation:pulse-fill 2s ease-in-out infinite}.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:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;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 #4f46e54d}.audio-play-btn:hover{scale:1.08;box-shadow:0 2px 10px #4f46e566}.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}.header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);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:700;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-dropdown{position:relative}.header-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:0 12px 40px rgba(var(--shadow-color),.12);z-index:100;overflow:hidden;animation:slideDown .2s var(--ease-out)}.header-dropdown:hover .header-dropdown-menu,.header-dropdown:focus-within .header-dropdown-menu{display:block}.header-dropdown-menu button{display:block;width:100%;padding:10px 18px;font-size:.86rem;font-family:var(--font);color:var(--text);background:none;border:none;text-align:left;cursor:pointer;transition:background .15s}.header-dropdown-menu button:hover{background:var(--bg-hover);color:var(--accent)}.header-scenes{font-size:.74rem;color:var(--text-dim);font-family:var(--mono);background:var(--bg-raised);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.35rem;cursor:pointer;display:flex;align-items:center;gap:9px;letter-spacing:-.04em;transition:all .3s var(--ease-out);color:var(--text);text-decoration:none}.logo:hover{opacity:.6;transform:scale(.97)}.logo-mark{display:none}.header-separator{color:var(--border-hover);font-size:1rem}.header-user-name{font-size:.82rem;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-card);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(--accent);background:var(--accent-soft)}.pipe-step.active{color:var(--accent)}.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:#16a34a4d}.pipe-step:last-child:after{display:none}.pipeline-cost-card{margin-top:16px;padding:14px 16px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r);margin-left:12px;margin-right:12px}.pipeline-cost-amount{font-family:var(--mono);font-size:1.15rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.pipeline-cost-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:2px}.pipeline-cost-breakdown{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:.72rem;font-family:var(--mono);color:var(--text-dim)}.project-main{flex:1;padding:32px 44px;overflow-y:auto;max-height:calc(100vh - 58px)}.step-content{max-width:1000px;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}.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)}.home-landing{width:100%;overflow:hidden}.landing-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(79,70,229,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 0% 60%,rgba(168,85,247,.05) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 100% 40%,rgba(79,70,229,.04) 0%,transparent 50%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(79,70,229,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 40%,transparent 100%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:760px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#4f46e50f;border:1px solid rgba(79,70,229,.18);color:var(--accent);padding:7px 18px;border-radius:var(--r-pill);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:32px;animation:fadeUp .5s var(--ease-out) .1s both}.badge-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:badgePulse 2.2s ease infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #4f46e559}50%{box-shadow:0 0 0 6px #4f46e500}}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.4rem);font-weight:800;line-height:1.06;letter-spacing:-.04em;color:var(--text);margin-bottom:24px;animation:fadeUp .6s var(--ease-out) .2s both}.hero-title-gradient{background:var(--accent-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-sub{font-size:1.08rem;color:var(--text-muted);line-height:1.75;max-width:500px;margin:0 auto 40px;font-weight:400;animation:fadeUp .6s var(--ease-out) .3s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;animation:fadeUp .6s var(--ease-out) .4s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent-gradient);background-size:200% 200%;color:#fff;padding:14px 32px;border-radius:var(--r-pill);font-family:var(--font);font-size:.96rem;font-weight:700;border:none;cursor:pointer;transition:all .25s var(--ease-out);text-decoration:none;box-shadow:0 4px 20px #4f46e552;letter-spacing:-.01em}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 10px 36px #4f46e56b}.btn-hero-primary:active{transform:translateY(-1px)}.btn-hero-primary svg{transition:transform .25s var(--ease-out)}.btn-hero-primary:hover svg{transform:translate(3px)}.sparkle{animation:float 3s ease-in-out infinite;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-hero-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-dim);padding:13px 28px;border-radius:var(--r-pill);font-family:var(--font);font-size:.96rem;font-weight:600;border:1.5px solid var(--border);cursor:pointer;transition:all .25s var(--ease-out);text-decoration:none}.btn-hero-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px);box-shadow:0 4px 16px #4f46e51f}.pipeline-demo-section{max-width:900px;margin:0 auto 100px;padding:0 24px}.pipeline-demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 80px rgba(var(--shadow-color),.1),0 2px 8px rgba(var(--shadow-color),.06);overflow:hidden;animation:fadeUp .7s var(--ease-out) .5s both}.pipeline-demo-top{padding:28px 32px 0;background:linear-gradient(180deg,var(--bg-raised) 0%,var(--bg-card) 100%);border-bottom:1px solid var(--border)}.pipeline-demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pipeline-demo-header h3{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.pipeline-demo-header span{font-size:.78rem;color:var(--text-muted);background:var(--bg-section);padding:4px 14px;border-radius:var(--r-pill);border:1px solid var(--border);font-family:var(--mono)}.pipeline-demo-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pipeline-demo-tabs::-webkit-scrollbar{display:none}.demo-tab-btn{display:flex;align-items:center;gap:7px;background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:.86rem;font-weight:600;padding:10px 18px 14px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.demo-tab-btn:hover{color:var(--text-dim)}.demo-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.demo-tab-num{font-family:var(--mono);font-size:.7rem;background:var(--bg-section);padding:1px 6px;border-radius:4px;color:var(--text-muted);transition:background .2s,color .2s}.demo-tab-btn.active .demo-tab-num{background:var(--accent-soft);color:var(--accent)}.pipeline-demo-body{padding:28px 32px 32px;min-height:260px}.demo-tab-panel{display:none;animation:fadeUp .35s var(--ease-out)}.demo-tab-panel.active{display:block}.prompt-textarea{width:100%;padding:16px 20px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r);font-family:var(--font);font-size:.96rem;color:var(--text);resize:none;outline:none;line-height:1.65;transition:border-color .2s,box-shadow .2s;min-height:120px}.prompt-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #4f46e514}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-options{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.prompt-tag{display:inline-flex;align-items:center;gap:5px;background:var(--bg-section);border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;border-radius:var(--r-pill);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.prompt-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.generate-btn{display:flex;align-items:center;gap:9px;background:var(--accent-gradient);background-size:200% 200%;color:#fff;padding:13px 28px;border-radius:var(--r-pill);font-family:var(--font);font-size:.92rem;font-weight:700;border:none;cursor:pointer;transition:all .25s var(--ease-out);box-shadow:0 4px 16px #4f46e54d;margin-top:18px}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4f46e56b}.storyboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.storyboard-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;transition:all .25s var(--ease-out)}.storyboard-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #4f46e51a;transform:translateY(-3px)}.storyboard-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#eef0fd,#f4f0fd);display:flex;align-items:center;justify-content:center;font-size:1.4rem;position:relative;overflow:hidden}.storyboard-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);background-size:200% 200%;animation:shimmer 3s ease infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.storyboard-info{padding:10px 12px}.storyboard-num{font-family:var(--mono);font-size:.68rem;color:var(--accent);font-weight:600;margin-bottom:3px}.storyboard-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:2px}.storyboard-dur{font-size:.74rem;color:var(--text-muted);font-family:var(--mono)}.visuals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.visual-card{aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;position:relative;cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.visual-card:hover{transform:scale(1.04);box-shadow:0 8px 24px rgba(var(--shadow-color),.12);z-index:2}.visual-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.visual-card:nth-child(1) .visual-bg{background:linear-gradient(135deg,#eef2ff,#ddd6fe)}.visual-card:nth-child(2) .visual-bg{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.visual-card:nth-child(3) .visual-bg{background:linear-gradient(135deg,#fff7ed,#fecaca)}.visual-card:nth-child(4) .visual-bg{background:linear-gradient(135deg,#f0f9ff,#bae6fd)}.visual-selected{position:absolute;top:6px;right:6px;width:22px;height:22px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;font-weight:800}.demo-audio-tracks{display:flex;flex-direction:column;gap:10px}.demo-audio-track{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all .2s}.demo-audio-track:hover{border-color:var(--accent);background:var(--accent-soft)}.demo-audio-play{width:36px;height:36px;background:var(--accent-soft);border:1.5px solid rgba(79,70,229,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--accent);flex-shrink:0;transition:all .2s}.demo-audio-track:hover .demo-audio-play{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-audio-info{flex:1}.demo-audio-name{font-size:.88rem;font-weight:600;color:var(--text)}.demo-audio-meta{font-size:.75rem;color:var(--text-muted);font-family:var(--mono);margin-top:2px}.demo-waveform{display:flex;align-items:center;gap:2px;flex-shrink:0}.wave-bar{width:3px;background:var(--border-hover);border-radius:2px;transition:background .2s}.demo-audio-track:hover .wave-bar{background:#4f46e54d}.demo-render-title{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:18px}.demo-render-scenes{display:flex;flex-direction:column;gap:8px}.demo-render-scene{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.demo-render-status{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem}.demo-render-status.done{background:#22c55e1a;color:#22c55e}.demo-render-status.running{background:var(--accent-soft);border:2px solid var(--accent);animation:spin 1s linear infinite}.demo-render-status.pending{background:var(--bg-section);color:var(--text-muted);font-family:var(--mono);font-size:.65rem}.demo-render-scene-title{font-size:.85rem;font-weight:500;color:var(--text);flex:1}.demo-render-pct{font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.demo-export-files{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-export-file{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all .2s}.demo-export-file:hover{border-color:var(--accent);background:var(--accent-soft)}.demo-export-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.demo-export-name{font-size:.86rem;font-weight:600;color:var(--text)}.demo-export-size{font-size:.74rem;color:var(--text-muted);font-family:var(--mono)}.btn-export-all{width:100%;margin-top:16px;padding:14px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--r);font-family:var(--font);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s var(--ease-out);box-shadow:0 4px 16px #4f46e547}.btn-export-all:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4f46e561}.stats-row{padding:60px 24px;max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:-.04em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.stat-label{font-size:.82rem;color:var(--text-muted);font-weight:500}.social-proof{padding:48px 24px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card)}.social-proof-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:28px}.logos-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.logo-img{display:block;height:22px;width:auto;filter:grayscale(1);opacity:.45;transition:opacity .25s,filter .25s}.logo-img:hover{filter:grayscale(0);opacity:.75}.logo-img.logo-anthropic{height:20px}.logo-img.logo-elevenlabs{height:22px}.logo-img.logo-kling{height:30px;border-radius:4px}.landing-features{padding:100px 24px;max-width:1100px;margin:0 auto}.section-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid rgba(79,70,229,.15);color:var(--accent);padding:5px 16px;border-radius:var(--r-pill);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1.15;margin-bottom:16px}.section-sub{font-size:1rem;color:var(--text-muted);line-height:1.7;max-width:480px;margin-bottom:60px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 28px;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .3s}.landing-feature-card:hover{border-color:#4f46e533;box-shadow:0 16px 48px #4f46e514,0 2px 8px rgba(var(--shadow-color),.06);transform:translateY(-5px)}.landing-feature-card:hover:before{opacity:1}.feature-icon-wrap{width:48px;height:48px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px}.icon-purple{background:#4f46e514}.icon-violet{background:#7c3aed14}.icon-pink{background:#a855f714}.icon-teal{background:#14b8a614}.icon-orange{background:#f9731614}.icon-green{background:#22c55e14}.landing-feature-card h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:10px}.landing-feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65;margin-bottom:16px}.feature-tag{display:inline-block;font-family:var(--mono);font-size:.68rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:5px}.pricing-strip{background:var(--bg-section);padding:80px 24px;text-align:center}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:48px auto 0}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 28px;text-align:left;transition:all .3s var(--ease-out);position:relative}.pricing-card:hover{border-color:#4f46e540;box-shadow:0 12px 40px #4f46e514;transform:translateY(-4px)}.pricing-card.featured{border-color:var(--accent);background:linear-gradient(160deg,var(--bg-card) 0%,var(--accent-soft) 100%);box-shadow:0 8px 32px #4f46e51f}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 16px;border-radius:var(--r-pill)}.pricing-tier{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.pricing-amount{font-family:var(--font-display);font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:4px}.pricing-amount span{font-size:1rem;font-weight:500;color:var(--text-muted)}.pricing-desc{font-size:.86rem;color:var(--text-muted);margin-bottom:24px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.pricing-features li{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--text-dim)}.pricing-features li:before{content:"✓";width:18px;height:18px;background:#22c55e1a;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}.pricing-btn{width:100%;padding:12px;border-radius:var(--r-sm);font-family:var(--font);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s var(--ease-out)}.pricing-btn.outline{background:none;border:1.5px solid var(--border);color:var(--text-dim)}.pricing-btn.outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pricing-btn.filled{background:var(--accent-gradient);border:none;color:#fff;box-shadow:0 4px 14px #4f46e54d}.pricing-btn.filled:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e566}.cta-section{padding:100px 24px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(79,70,229,.05),transparent 70%);pointer-events:none}.cta-section h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:20px;position:relative}.cta-section p{font-size:1rem;color:var(--text-muted);max-width:440px;margin:0 auto 40px;line-height:1.7;position:relative}.landing-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:48px 40px 32px}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand p{font-size:.88rem;color:var(--text-muted);margin-top:12px;line-height:1.6;max-width:220px}.footer-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col ul li a{font-size:.86rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.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)}.showcase-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 20px 50px rgba(var(--shadow-color),.12);border-color:#4f46e540;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{display:none}.showcase-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:#fffc;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:#0a0a14e0;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:#fff9;font-size:1.6rem;cursor:pointer;transition:color .2s;z-index:3}.lightbox-close:hover{color:#fff}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;font-size:3rem;cursor:pointer;padding:16px;transition:color .2s;z-index:3;line-height:1}.lightbox-nav:hover{color:#fff}.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 rgba(255,255,255,.1);box-shadow:0 40px 100px rgba(var(--shadow-color),.3);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;color:#fffc;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:#ffffff80;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in-view{opacity:1;transform:translateY(0)}.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:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}@media (max-width: 1100px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 780px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;cursor:pointer;transition:all .3s var(--ease-out);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .3s}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(79,70,229,.03),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.project-card:hover{border-color:#4f46e540;transform:translateY(-4px);box-shadow:0 16px 40px rgba(var(--shadow-color),.1)}.project-card:hover:before{opacity:1}.project-card:hover:after{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(--accent);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:700;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}.expiry-badge.warning{background:#f59e0b1a;color:#d97706}.projects-page{max-width:1440px;margin:0 auto;padding:80px 32px 60px;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;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(--accent)}.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='%236B7694'/%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)}.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)}@media (max-width: 768px){.landing-hero{padding:100px 20px 60px}.landing-features-grid{grid-template-columns:1fr}.storyboard-grid,.visuals-grid{grid-template-columns:repeat(2,1fr)}.pricing-cards{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.pipeline-demo-top{padding:20px 20px 0}.pipeline-demo-body{padding:20px}.demo-export-files{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,1fr)}}.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 rgba(var(--shadow-color),.12)}.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);max-height:65vh;overflow-y:auto}.wizard-body h2{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em}.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}.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(79,70,229,.03),transparent 50%);opacity:0;transition:opacity .3s}.format-card:hover{border-color:#4f46e533;transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--shadow-color),.08)}.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:800;letter-spacing:-.06em;margin:28px 0;font-family:var(--font-display);color:var(--text)}.length-display span{font-size:1.2rem;font-weight:400;color:var(--text-muted);margin-left:4px;font-family:var(--font)}.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:#4f46e533;color:var(--text);transform:translateY(-2px);box-shadow:0 5px 14px rgba(var(--shadow-color),.06)}.niche-pill.active{border-color:var(--accent);color:var(--accent);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(--accent);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:#4f46e533;transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--shadow-color),.08)}.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:var(--accent);background:var(--accent-soft);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)}.script-source-toggle{display:flex;gap:8px;margin-bottom:20px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);padding:4px}.source-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--mono);font-size:.82rem;font-weight:600;padding:9px 14px;border-radius:calc(var(--r-lg) - 2px);cursor:pointer;transition:all .2s;letter-spacing:.03em}.source-btn:hover{color:var(--text)}.source-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 4px rgba(var(--shadow-color),.08)}.own-script-area{min-height:220px;resize:vertical}.script-wordcount{font-size:.78rem;margin-top:6px;font-family:var(--mono)}.format-category{margin-bottom:20px}.format-category:last-child{margin-bottom:0}.category-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px}.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}.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 4px #4f46e514;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}.script-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--r-lg);padding:48px 32px;text-align:center}.script-empty-icon{font-size:2rem;opacity:.3}.script-empty-state p{color:var(--text-muted);font-size:.95rem}.script-empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.script-import-panel{display:flex;flex-direction:column;gap:8px}.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:#4f46e533;transform:translateY(-2px);box-shadow:0 5px 14px rgba(var(--shadow-color),.06)}.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(--accent);font-size:.88rem;cursor:pointer;transition:all .2s var(--ease-out)}.vo-preview-btn:hover{background:var(--accent);color:#fff;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}.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 rgba(var(--shadow-color),.06)}.scene-row-left{display:flex;align-items:center;gap:16px}.scene-num{font-family:var(--mono);font-size:.78rem;color:var(--accent);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(79,70,229,.1)}.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}.img-settings-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;gap:28px}.img-setting-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px;font-family:var(--font-display)}.img-setting-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.img-toggle-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all .25s var(--ease-out);color:var(--text)}.img-toggle-btn:hover{border-color:var(--border-hover);background:var(--bg-hover)}.img-toggle-btn.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.img-toggle-name{font-size:.9rem;font-weight:700;font-family:var(--font-display)}.img-toggle-price{font-size:.78rem;color:var(--text-muted);font-family:var(--mono)}.img-toggle-btn.active .img-toggle-price{color:var(--accent)}.img-setting-pills{display:flex;gap:6px}.img-pill{flex:1;padding:10px 0;font-size:.88rem;font-weight:600;font-family:var(--mono);text-align:center;background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--r-pill);cursor:pointer;color:var(--text-dim);transition:all .2s var(--ease-out)}.img-pill:hover{border-color:var(--border-hover);color:var(--text)}.img-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.img-setting-hint{display:block;margin-top:8px;font-size:.78rem;color:var(--text-muted);text-align:center}.img-settings-estimate{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r)}.img-estimate-breakdown{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-dim);font-family:var(--mono)}.img-estimate-dot{color:var(--text-muted);font-size:.72rem}.img-estimate-total{font-size:1.1rem;font-weight:800;font-family:var(--mono);color:var(--accent);letter-spacing:-.02em}.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 rgba(var(--shadow-color),.06)}.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}.prompt-review-list{display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow-y:auto;padding-right:4px}.prompt-review-scene{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px}.prompt-review-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prompt-review-header strong{font-size:.86rem;font-family:var(--font-display)}.prompt-review-num{width:24px;height:24px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;font-family:var(--mono);flex-shrink:0}.prompt-review-item{padding:8px 0;border-top:1px solid var(--border);display:flex;align-items:flex-start;gap:10px}.prompt-review-label{font-size:.74rem;font-weight:600;color:var(--text-muted);min-width:70px;padding-top:2px}.prompt-review-text{flex:1;font-size:.82rem;color:var(--text-dim);line-height:1.5;margin:0}.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}.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:border-color .35s var(--ease-out),box-shadow .35s var(--ease-out);position:relative;contain:layout style}.image-scene-block:hover{border-color:var(--border-hover);border-left-color:var(--accent);box-shadow:0 10px 36px rgba(var(--shadow-color),.08)}.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:transform .25s var(--ease-out);will-change:transform}.image-option:hover{transform:translateY(-4px)}.image-option-img{border-radius:var(--r);overflow:hidden;border:2px solid transparent;transition:border-color .25s var(--ease-out),box-shadow .25s 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 rgba(var(--shadow-color),.1)}.image-option.selected .image-option-img{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 10px 28px rgba(var(--shadow-color),.08)}.image-check{position:absolute;top:8px;right:8px;background:var(--green);color:#fff;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:#0f0f198c;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:#0f0f19bf;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 rgba(var(--shadow-color),.08)}.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}.image-options.regenerating{position:relative}.image-option.fading-out{pointer-events:none;opacity:.35;filter:grayscale(.7) brightness(.7);transition:opacity .4s ease,filter .4s ease}.image-option.fading-out .image-option-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;border-radius:var(--r);z-index:2}.image-options.regenerating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}.char-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:18px;transition:border-color .25s ease,box-shadow .25s ease}.char-card:hover{border-color:var(--border-hover);box-shadow:0 8px 28px rgba(var(--shadow-color),.08)}.char-card.approved{border-color:var(--green);box-shadow:0 0 0 1px var(--green-glow)}.char-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.char-card-header strong{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text)}.char-scenes-badges{display:flex;flex-wrap:wrap;gap:3px}.char-scene-badge{font-size:.65rem;font-family:var(--mono);padding:1px 5px;border-radius:4px;background:var(--bg-hover);color:var(--text-muted);line-height:1.4}.char-ref-area{margin-bottom:12px}.char-ref-img{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;cursor:pointer;border:1.5px solid var(--border);transition:border-color .2s ease}.char-ref-img:hover{border-color:var(--accent)}.char-ref-img img{width:100%;height:100%;object-fit:cover;display:block}.char-approved-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.char-ref-empty{aspect-ratio:3/4;border-radius:var(--r);border:1.5px dashed var(--border);display:flex;align-items:center;justify-content:center;background:var(--bg-hover)}.char-outfit{margin-bottom:8px}.char-outfit-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:block;margin-bottom:3px}.char-outfit-text{font-size:.82rem;color:var(--text-dim);line-height:1.4;max-height:3.5em;overflow:hidden;text-overflow:ellipsis}.char-build{font-size:.78rem;margin-bottom:10px}.char-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.char-actions .btn-sm{font-size:.76rem;padding:4px 10px}.btn-upload-char{font-size:.76rem!important;padding:4px 10px!important;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-family:var(--font);transition:all .2s ease}.btn-upload-char:hover{border-color:var(--accent);color:var(--accent)}.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 rgba(var(--shadow-color),.06)}.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:var(--bg-raised);transition:all .3s;position:relative;border:4px solid var(--bg-hover);box-shadow:0 0 0 1px var(--border);background-image:repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(79,70,229,.04) 6px,rgba(79,70,229,.04) 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 rgba(var(--shadow-color),.08)}.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:#fff}.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}.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:var(--accent-soft)}.render-row.done{opacity:1}.render-row.failed{opacity:.6}.render-num{font-family:var(--mono);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:#4f46e51a;color:var(--accent)}.render-type.clip{background:#16a34a1a;color:var(--green)}.render-dur{font-size:.8rem;color:var(--text-dim);min-width:40px;text-align:right;font-family:var(--mono)}.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:var(--red)}.render-complete-msg{text-align:center;font-size:.88rem;color:var(--green);margin-bottom:14px;padding:10px;background:var(--green-soft);border-radius:8px}.chapter-list{display:flex;flex-direction:column;gap:8px}.chapter-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s}.chapter-block.done{border-color:#16a34a4d}.chapter-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s}.chapter-header:hover{background:var(--accent-soft)}.chapter-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-dim);flex-shrink:0}.chapter-block.done .chapter-status{color:var(--accent)}.chapter-info{flex:1;display:flex;flex-direction:column;gap:2px}.chapter-info strong{font-size:.92rem}.chapter-expand{color:var(--text-dim);font-size:.85rem}.chapter-summary{padding:0 16px 12px 52px;font-size:.84rem;color:var(--text-dim);line-height:1.5}.chapter-body{padding:12px 16px 16px 52px;font-size:.84rem;color:var(--text-dim);line-height:1.65;white-space:pre-wrap;max-height:400px;overflow-y:auto}.chapter-image-list{display:flex;flex-direction:column;gap:12px}.chapter-image-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px}.chapter-image-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chapter-image-header strong{font-size:.9rem}.chapter-image-options{display:flex;gap:10px;align-items:center}.chapter-thumb{width:160px;height:90px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;position:relative;transition:border-color .2s}.chapter-thumb:hover{border-color:#4f46e533}.chapter-thumb.selected{border-color:var(--accent)}.chapter-thumb img{width:100%;height:100%;object-fit:cover}.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:#e49b0f}.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(--accent);letter-spacing:.02em;white-space:nowrap;font-family:var(--mono)}.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:#e49b0f}.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:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;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){transform:translateY(-1px);box-shadow:0 4px 20px #4f46e540}.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(--accent);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:"└─"}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-glass);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 rgba(var(--shadow-color),.12)}.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-google-wrap{display:flex;justify-content:center}.auth-loading-text{font-size:.84rem;color:var(--text-muted);margin-top:14px;text-align:center}.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(--accent);margin:0 auto 16px}.profile-avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 16px;display:block;border:2px solid var(--border)}.profile-card h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:4px}.profile-email{font-size:.84rem;color:var(--text-muted);margin:2px 0 6px}.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}.settings-section{animation:slideUp .35s var(--ease-out)}.settings-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:32px}.settings-group{margin-bottom:28px}.settings-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.settings-options{display:flex;flex-wrap:wrap;gap:8px}.settings-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:.88rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .2s var(--ease-out);min-width:80px;text-align:center}.settings-option:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text)}.settings-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:0 0 0 3px var(--accent-soft)}.settings-option-icon{font-size:1.2rem}.settings-option-meta{font-size:.72rem;font-family:var(--mono);color:var(--text-muted);font-weight:400}.settings-option.active .settings-option-meta{color:var(--accent)}.custom-styles-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.custom-style-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);transition:all .2s var(--ease-out)}.custom-style-item.active{border-color:var(--accent);background:var(--accent-soft)}.custom-style-item-info{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.custom-style-item-info strong{display:block;font-size:.88rem;color:var(--text)}.custom-style-item-info .dim{display:block;font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.custom-style-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-card);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.75rem;transition:all .2s;flex-shrink:0}.btn-icon-sm:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}.style-card-preview{width:100%;height:60px;object-fit:cover;border-radius:6px;margin-bottom:8px;border:1px solid var(--border)}.style-custom-badge{position:absolute;top:8px;right:8px;font-size:.62rem;font-family:var(--mono);color:var(--accent-2);background:#8b5cf61a;padding:2px 8px;border-radius:4px;font-weight:600}.style-card-add{border-style:dashed;border-color:var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:.6;transition:all .2s}.style-card-add:hover{opacity:1;border-color:var(--accent)}.btn-create-style{width:100%;margin-top:10px;padding:12px 20px;border-radius:var(--r);border:1px dashed var(--border);background:var(--bg-card);color:var(--text-dim);font-family:var(--font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease-out);letter-spacing:.01em}.btn-create-style:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);border-style:solid;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e514}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s var(--ease-out)}.modal-content{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 40px 120px rgba(var(--shadow-color),.15);animation:scaleIn .3s var(--ease-spring);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin:0}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--border)}.form-group{margin-bottom:16px}.form-input{width:100%;padding:10px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-family:var(--font);font-size:.88rem;outline:none;transition:border-color .2s;box-sizing:border-box}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-textarea{width:100%;padding:10px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-family:var(--font);font-size:.88rem;outline:none;resize:vertical;line-height:1.6;transition:border-color .2s;box-sizing:border-box}.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{color:var(--red);font-size:.82rem;padding:8px 12px;background:var(--red-soft);border-radius:var(--r);margin-top:8px}.ref-upload-zone{border:2px dashed var(--border);border-radius:var(--r);padding:20px;cursor:pointer;transition:all .2s;min-height:100px;display:flex;align-items:center;justify-content:center}.ref-upload-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.ref-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.ref-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.ref-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.ref-preview-item img{width:100%;height:100%;object-fit:cover}.ref-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.ref-preview-add{aspect-ratio:1;border:2px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-muted);cursor:pointer}.ref-preview-add:hover{border-color:var(--accent);color:var(--accent)}.yt-tools-page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.yt-tools-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.yt-tools-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.yt-input-section{margin-bottom:24px}.yt-input-row{display:flex;gap:10px;align-items:stretch}.yt-url-input{flex:1;padding:12px 16px;font-size:.92rem;font-family:var(--font);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;transition:border-color .2s}.yt-url-input:focus{border-color:var(--accent)}.yt-url-input::placeholder{color:var(--text-muted)}.yt-count-group{display:flex;align-items:center;gap:8px;padding:0 4px}.yt-count-group label{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.yt-count-input{width:60px;padding:10px 8px;font-size:.88rem;font-family:var(--mono);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text);text-align:center;outline:none}.yt-count-input:focus{border-color:var(--accent)}.yt-progress{position:relative;height:32px;background:var(--bg-raised);border-radius:var(--r-sm);margin-top:12px;overflow:hidden}.yt-progress-bar{position:absolute;top:0;left:0;bottom:0;background:var(--accent-gradient);border-radius:var(--r-sm);transition:width .3s var(--ease-out);opacity:.2}.yt-progress-label{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:0 14px;font-size:.82rem;color:var(--text-dim)}.yt-error{padding:12px 16px;background:var(--red-soft);color:var(--red);border-radius:var(--r-sm);font-size:.88rem;margin-bottom:20px}.yt-tabs{display:flex;gap:2px;margin-bottom:24px;border-bottom:1.5px solid var(--border);padding-bottom:0}.yt-tab{padding:10px 18px;font-size:.86rem;font-family:var(--font);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .2s,border-color .2s}.yt-tab:hover{color:var(--text-dim)}.yt-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.yt-export-bar{display:flex;align-items:center;gap:6px;margin-bottom:20px;flex-wrap:wrap}.yt-export-label{font-size:.82rem;color:var(--text-muted);margin-right:4px}.yt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.yt-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}.yt-card:hover{border-color:var(--border-hover)}.yt-card-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.yt-card-thumb{position:relative;aspect-ratio:16/9;cursor:pointer;overflow:hidden;background:var(--bg-raised)}.yt-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease-out)}.yt-card-thumb:hover img{transform:scale(1.04)}.yt-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.yt-card-thumb:hover .yt-card-overlay{opacity:1}.yt-card-overlay span{color:#fff;font-size:.82rem;font-weight:600;padding:6px 14px;background:#4f46e5cc;border-radius:var(--r-pill)}.yt-duration{position:absolute;bottom:6px;right:6px;background:#000000c7;color:#fff;font-size:.72rem;font-family:var(--mono);padding:2px 6px;border-radius:4px}.yt-ref-badge{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);letter-spacing:.03em}.yt-card-info{padding:8px 10px}.yt-card-title{font-size:.78rem;font-weight:500;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;line-height:1.35}.yt-card-title:hover{color:var(--accent)}.yt-card-meta{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:.76rem;color:var(--text-muted)}.btn-xs{font-size:.76rem;padding:2px 6px;border:none;background:none;cursor:pointer;border-radius:4px}.btn-xs:hover{background:var(--bg-hover)}.yt-thumbnail-gen{max-width:720px}.yt-empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.yt-empty-state p{margin-bottom:16px;font-size:.9rem}.yt-refs-preview{margin-bottom:24px}.yt-refs-preview h3{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px}.yt-refs-row{display:flex;gap:12px;flex-wrap:wrap}.yt-ref-thumb{position:relative;width:160px;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;border:2px solid var(--accent)}.yt-ref-thumb img{width:100%;height:100%;object-fit:cover;display:block}.yt-ref-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:.72rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.yt-ref-thumb:hover .yt-ref-remove{opacity:1}.yt-ref-num{position:absolute;bottom:4px;left:4px;background:var(--accent);color:#fff;width:20px;height:20px;border-radius:50%;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center}.yt-thumb-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.yt-generating{display:flex;align-items:center;gap:12px;padding:24px;color:var(--text-muted);font-size:.88rem}.yt-result{margin-top:24px}.yt-result h3{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px}.yt-result-img{border-radius:var(--r);overflow:hidden;border:1.5px solid var(--border);margin-bottom:16px}.yt-result-img img{width:100%;display:block}.yt-result-actions{display:flex;gap:10px;margin-bottom:16px}.yt-prompt-details{font-size:.82rem;color:var(--text-muted)}.yt-prompt-details summary{cursor:pointer;margin-bottom:8px}.yt-prompt-details p{background:var(--bg-raised);padding:12px;border-radius:var(--r-sm);line-height:1.5}.yt-transcript-view{max-width:720px}.yt-transcript-view h3{font-size:.92rem;font-weight:600;color:var(--text);margin-bottom:12px}.yt-transcript-actions{display:flex;gap:8px;margin-bottom:16px}.yt-transcript-text{background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--r);padding:16px;font-size:.84rem;font-family:var(--font);color:var(--text-dim);line-height:1.65;white-space:pre-wrap;max-height:500px;overflow-y:auto}.yt-saved-channels{margin-bottom:20px}.yt-saved-label{font-size:.78rem;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.yt-saved-row{display:flex;gap:8px;flex-wrap:wrap}.yt-saved-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--r-pill);cursor:pointer;transition:border-color .2s,background .2s}.yt-saved-chip:hover{border-color:var(--accent);background:var(--bg-hover)}.yt-saved-name{font-size:.82rem;color:var(--text);font-weight:500}.yt-saved-remove{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0 2px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.yt-saved-chip:hover .yt-saved-remove{opacity:1}.yt-saved-remove:hover{color:var(--red)}.yt-save-tab{color:var(--accent)!important;opacity:.7;font-size:.8rem!important}.yt-save-tab:hover{opacity:1}.yt-style-view{max-width:720px}.yt-style-desc{font-size:.86rem;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.yt-style-result{margin-top:20px}.yt-style-badge{display:inline-block;padding:6px 14px;background:#4f46e51a;color:var(--accent);border-radius:var(--r-pill);font-size:.82rem;font-weight:600;margin-bottom:16px}.yt-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yt-style-card{background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px}.yt-style-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.yt-style-card p{font-size:.82rem;color:var(--text-dim);margin:0;line-height:1.5}.yt-edit-section{margin-top:16px}.yt-edit-row{display:flex;gap:8px}.yt-edit-row .form-input{flex:1}.yt-thumb-history{margin-top:16px}.yt-history-label{font-size:.78rem;color:var(--text-muted);display:block;margin-bottom:8px}.yt-history-row{display:flex;gap:8px;flex-wrap:wrap}.yt-history-thumb{position:relative;width:120px;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;border:1.5px solid var(--border);cursor:pointer;transition:border-color .2s}.yt-history-thumb:hover{border-color:var(--accent)}.yt-history-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.7;transition:opacity .2s}.yt-history-thumb:hover img{opacity:1}.yt-history-num{position:absolute;bottom:4px;left:4px;background:#000000b3;color:#fff;font-size:.68rem;font-weight:600;padding:2px 6px;border-radius:4px}.yt-channel-bar{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:16px}.yt-channel-bar-info{display:flex;align-items:center;gap:12px;margin-bottom:10px}.yt-channel-bar-info strong{font-size:.92rem;color:var(--text)}.yt-subs-count{font-size:.78rem;color:var(--text-muted);font-family:var(--mono)}.yt-channel-tags{display:flex;flex-wrap:wrap;gap:6px}.yt-tag{display:inline-block;padding:3px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.74rem;color:var(--text-dim);white-space:nowrap}.yt-variants-row{display:flex;gap:10px;margin-bottom:16px}.yt-variant-thumb{position:relative;width:160px;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:border-color .2s,box-shadow .2s}.yt-variant-thumb:hover{border-color:var(--border-hover)}.yt-variant-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.yt-variant-thumb img{width:100%;height:100%;object-fit:cover;display:block}.yt-variant-label{position:absolute;bottom:4px;left:4px;background:#000000bf;color:#fff;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:4px}@media (max-width: 640px){.yt-input-row{flex-direction:column}.yt-count-group{justify-content:space-between}.yt-grid{grid-template-columns:repeat(2,1fr)}.yt-refs-row{gap:8px}.yt-ref-thumb{width:120px}.yt-style-grid{grid-template-columns:1fr}}@media (max-width: 900px) and (min-width: 641px){.yt-grid{grid-template-columns:repeat(3,1fr)}}.scriptlab-page{max-width:900px;margin:0 auto;padding:32px 24px 64px}.scriptlab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.scriptlab-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.scriptlab-actions-top{display:flex;gap:8px}.sl-styles-bar{margin-bottom:20px}.sl-styles-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block;margin-bottom:8px}.sl-styles-row{display:flex;gap:8px;flex-wrap:wrap}.sl-style-chip{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--r-pill);cursor:pointer;font-size:.82rem;color:var(--text);font-weight:500;transition:border-color .2s,background .2s}.sl-style-chip:hover{border-color:var(--border-hover)}.sl-style-chip.active{border-color:var(--accent);background:#4f46e514}.sl-style-remove{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0 2px;line-height:1;opacity:0;transition:opacity .15s}.sl-style-chip:hover .sl-style-remove{opacity:1}.sl-style-preview{margin-top:8px;font-size:.78rem;color:var(--text-muted);padding:8px 12px;background:var(--bg-raised);border-radius:var(--r-sm)}.sl-generate-panel{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);padding:20px;margin-bottom:24px}.sl-generate-panel h3{font-size:.92rem;font-weight:600;color:var(--text);margin:0 0 16px}.sl-gen-form{display:flex;flex-direction:column;gap:12px}.sl-gen-row{display:flex;gap:10px;align-items:center}.sl-gen-row .form-select{flex:1;padding:8px 12px;font-size:.84rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text)}.sl-gen-length{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);white-space:nowrap}.sl-gen-length input[type=range]{width:100px}.sl-editor-wrap{margin-bottom:16px}.sl-title-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sl-title-input{flex:1;padding:10px 14px;font-size:1rem;font-family:var(--font-display);font-weight:600;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;transition:border-color .2s}.sl-title-input:focus{border-color:var(--accent)}.sl-title-input::placeholder{color:var(--text-muted);font-weight:400}.sl-meta{font-size:.78rem;white-space:nowrap}.sl-editor{width:100%;min-height:400px;padding:16px;font-size:.88rem;font-family:var(--font);line-height:1.7;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);color:var(--text);resize:vertical;outline:none;transition:border-color .2s}.sl-editor:focus{border-color:var(--accent)}.sl-editor::placeholder{color:var(--text-muted);opacity:.6}.sl-actions{display:flex;gap:10px;align-items:center;margin-bottom:24px}.sl-review{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);padding:20px;margin-top:16px}.sl-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sl-review-header h3{font-size:.95rem;font-weight:600;color:var(--text);margin:0}.sl-review-score{font-size:1.1rem;font-weight:700;color:var(--accent);font-family:var(--mono)}.sl-review-summary{font-size:.88rem;color:var(--text-dim);margin-bottom:16px;line-height:1.5}.sl-review-section{margin-bottom:16px}.sl-review-section h4{font-size:.82rem;font-weight:600;color:var(--text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.sl-review-section ul{margin:0;padding:0 0 0 18px;font-size:.84rem;color:var(--text-dim);line-height:1.6}.sl-issue{padding:10px 14px;background:var(--bg-raised);border-radius:var(--r-sm);margin-bottom:8px}.sl-issue-type{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--r-pill);margin-bottom:6px;background:var(--bg-hover);color:var(--text-muted)}.sl-issue-type.sl-issue-inconsistency,.sl-issue-type.sl-issue-factual{background:var(--red-soft);color:var(--red)}.sl-issue-type.sl-issue-flow,.sl-issue-type.sl-issue-clarity{background:#fbbf241f;color:#f59e0b}.sl-issue-type.sl-issue-engagement{background:#4f46e51a;color:var(--accent)}.sl-issue p{font-size:.84rem;color:var(--text-dim);margin:4px 0 0;line-height:1.5}.sl-issue-fix{color:var(--accent)!important;font-size:.82rem!important}.sl-improved-hook{background:var(--bg-raised);padding:12px;border-radius:var(--r-sm);font-size:.86rem;color:var(--text);line-height:1.6;font-style:italic;margin-bottom:8px}.sl-empty-hint{text-align:center;padding:32px 24px;color:var(--text-muted);font-size:.86rem}.sl-empty-hint .btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.sl-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:var(--r);font-size:.86rem;font-weight:500;color:#fff;background:var(--accent);box-shadow:var(--shadow-md);z-index:9999;animation:sl-toast-in .3s var(--ease-out)}.sl-toast.sl-toast-error{background:var(--red)}@keyframes sl-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sl-rewrite-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#4f46e514;border:1.5px solid var(--accent);border-radius:var(--r);margin-bottom:16px;font-size:.86rem;color:var(--text)}.sl-rewrite-banner strong{color:var(--accent)}.sl-rewrite-banner .btn-primary{margin-left:auto;white-space:nowrap}.sl-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4f46e51f;border:3px dashed var(--accent);z-index:9998;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:var(--accent);pointer-events:none}.scriptlab-page.sl-drag-over{position:relative}.scriptlab-page.sl-drag-over:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--accent);border-radius:var(--r);pointer-events:none}.wiz-style-active-banner{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#4f46e514;border:1.5px solid var(--accent);border-radius:var(--r-pill);font-size:.84rem;color:var(--text);margin-bottom:12px}.wiz-style-active-banner strong{color:var(--accent)}.wiz-quickstart{margin-bottom:8px}.dashboard-page{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.dash-welcome{margin-bottom:32px}.dash-welcome h1{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text);margin:0 0 4px;letter-spacing:-.02em}.dash-welcome .dash-date{font-size:.88rem;color:var(--text-muted)}.dash-actions{display:flex;gap:12px;margin-bottom:32px}.dash-actions .btn-primary{display:inline-flex;align-items:center;gap:8px}.dash-actions .btn-ghost{display:inline-flex;align-items:center;gap:6px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.dash-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px 24px;transition:border-color .25s,box-shadow .25s}.dash-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.dash-stat-number{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.dash-stat-label{font-size:.84rem;color:var(--text-muted);margin-top:4px}.dash-recent{margin-bottom:36px}.dash-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dash-recent-header h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text);margin:0}.dash-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.dash-recent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;cursor:pointer;transition:all .25s var(--ease-out);display:flex;flex-direction:column;gap:8px}.dash-recent-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #4f46e514;transform:translateY(-2px)}.dash-recent-card-title{font-weight:600;font-size:.92rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-recent-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-recent-card-meta span{font-size:.78rem;color:var(--text-muted)}.dash-recent-card-meta .format-badge{font-size:.72rem;background:var(--accent-soft);color:var(--accent);padding:2px 8px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.dash-recent-card-meta .cost-badge{font-family:var(--mono);font-size:.76rem;color:var(--green);font-weight:600}.dash-recent-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.dash-recent-card-bottom .status-text{font-size:.78rem;color:var(--text-muted)}.dash-recent-card-bottom .continue-link{font-size:.82rem;color:var(--accent);font-weight:600;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font)}.dash-recent-card-bottom .continue-link:hover{text-decoration:underline}.dash-templates{margin-bottom:36px}.dash-templates-header{margin-bottom:16px}.dash-templates-header h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text);margin:0}.dash-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.dash-template-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;cursor:pointer;transition:all .25s var(--ease-out);display:flex;flex-direction:column;gap:6px}.dash-template-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #4f46e514;transform:translateY(-2px)}.dash-template-card-name{font-weight:600;font-size:.9rem;color:var(--text)}.dash-template-card-meta{font-size:.78rem;color:var(--text-muted)}.dash-template-card-use{font-size:.8rem;color:var(--accent);font-weight:600;margin-top:4px}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preset-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 16px;cursor:pointer;transition:all .25s var(--ease-out);display:flex;flex-direction:column;gap:4px;text-align:left;font-family:var(--font)}.preset-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.preset-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-glow)}.preset-card strong{font-size:.92rem;color:var(--text)}.preset-card span{font-size:.8rem;color:var(--text-muted)}.preset-cost{font-family:var(--mono);font-size:.78rem!important;color:var(--accent)!important;font-weight:600;margin-top:4px}.wizard-final-row{display:flex;align-items:center;gap:10px;width:100%}.autopilot-check{display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:auto}.autopilot-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.autopilot-check span{font-size:.82rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.notif-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.notif-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--r);font-family:var(--font);font-size:.88rem;font-weight:500;pointer-events:auto;animation:notif-slide-in .35s ease-out;box-shadow:var(--shadow-md);min-width:240px;max-width:400px}.notif-item button{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;font-size:.9rem;padding:0;margin-left:auto;flex-shrink:0}.notif-item button:hover{opacity:1}.notif-success{background:var(--accent);color:#fff}.notif-error{background:var(--red);color:#fff}.notif-info{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}@keyframes notif-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.btn-duplicate{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;font-size:.82rem;border-radius:6px;transition:all .2s;opacity:.6}.btn-duplicate:hover{opacity:1;color:var(--accent);background:var(--accent-soft)}.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;margin-bottom:14px;color:var(--text)}.mobile-blocker p{font-size:.92rem;color:var(--text-dim);line-height:1.7;max-width:320px}.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!important}.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}}.auth-overlay{background:var(--overlay-bg)}[data-theme=dark] .hero-grid{background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 1px)}[data-theme=dark] .landing-hero:before{background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(99,102,241,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 0% 60%,rgba(139,92,246,.07) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 100% 40%,rgba(99,102,241,.06) 0%,transparent 50%)}[data-theme=dark] .pricing-card.featured{background:var(--bg-card);border-color:var(--accent)}[data-theme=dark] .demo-export-icon{background:var(--bg-raised)!important}.confirm-overlay,.modal-overlay{background:var(--overlay-bg)}[data-theme=dark] .logo-img{filter:grayscale(1) invert(1)}[data-theme=dark] .logo-img:hover{filter:grayscale(0) invert(1)}.lightbox-overlay{background:#0a0a14e0}[data-theme=dark] .lightbox-overlay{background:#0a0a0feb}[data-theme=dark] .auth-box{background:#1a1d2be6}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--r-pill);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:1rem;transition:all .25s var(--ease-out);flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-hover)}