:root{color:#e7e9f1;background:#0b0d14;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}html,body,#root{min-height:100%}body{margin:0}a{color:inherit}button,input,textarea{font:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d14;--panel:#121625;--panel-strong:#1a2030;--text:#e7e9f1;--text-muted:#9aa3c1;--accent:#7c5cff;--accent-soft:#7c5cff2e;--border:#ffffff14;--shadow:0 24px 80px #00000059;--radius:28px;--radius-sm:18px}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #7c5cff24, transparent 34%), radial-gradient(circle at bottom right, #0094ff1f, transparent 26%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:min(440px,100%);box-shadow:var(--shadow);padding:34px}.auth-card form,.auth-card label{gap:10px;display:grid}.auth-card form{margin-top:24px}.auth-card input{border:1px solid var(--border);color:var(--text);background:#0d111d;border-radius:12px;padding:13px}.auth-switch{color:#b8abff;cursor:pointer;background:0 0;border:0;margin-top:18px}.account-bar{color:var(--text-muted);border-bottom:1px solid var(--border);background:#05070ceb;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;padding:10px max(20px,50vw - 590px);display:flex}.account-bar button{border:1px solid var(--border);color:var(--text);background:var(--panel);border-radius:999px;padding:7px 12px}.landing{max-width:1180px;margin:auto;padding:28px 24px 60px}.landing-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(28px,7vw,90px);min-height:72vh;display:grid}.landing-hero h1{letter-spacing:-.075em;margin:12px 0;font-size:clamp(3rem,8vw,6.4rem);line-height:.92}.landing-hero>div>p:not(.creator-eyebrow){max-width:650px;color:var(--text-muted);font-size:1.15rem;line-height:1.6}.landing-hero .action-button{margin-top:16px;text-decoration:none;display:inline-block}.landing-section,.legal-placeholders,.account-billing,.my-videos{border:1px solid var(--border);border-radius:var(--radius);background:#121625e6;margin:28px 0;padding:28px}.landing-grid,.account-grid,.video-library-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px;display:grid}.landing-grid article,.account-grid article,.creator-video-card{border:1px solid var(--border);background:#ffffff09;border-radius:16px;padding:18px}.legal-placeholders details{border-top:1px solid var(--border);padding:14px 0}.legal-placeholders summary{cursor:pointer;font-weight:750}.billing-unavailable{color:#f3dfaa;background:#ffd47914;border-left:3px solid #ffd479;padding:12px 14px}.credit-activity{gap:8px;padding:0;list-style:none;display:grid}.credit-activity li{border-bottom:1px solid var(--border);grid-template-columns:70px 1fr auto;gap:12px;padding:12px;display:grid}.creator-video-card{gap:14px;display:grid}.creator-video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#302569,#10284a);border-radius:12px;place-items:center;display:grid;overflow:hidden}.creator-video-thumb img{object-fit:cover;width:100%;height:100%}.creator-video-card a{text-decoration:none}.creator-price{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.creator-price>div{border:1px solid var(--border);border-radius:14px;gap:4px;padding:16px;display:grid}.creator-price span{color:var(--text-muted);letter-spacing:.08em;font-size:.75rem;font-weight:800}.creator-price p{color:#ffd479;grid-column:1/-1}.creator-price p button{color:#c8befd;cursor:pointer;background:0 0;border:0;font-weight:800}@media (width<=760px){.landing-hero{grid-template-columns:1fr;padding:48px 0}.landing-hero h1{font-size:clamp(2.8rem,15vw,4.5rem)}.creator-price,.credit-activity li{grid-template-columns:1fr}}.app-shell{max-width:1180px;margin:0 auto;padding:28px 24px 40px}.creator-home{gap:22px;margin:24px 0 34px;display:grid}.creator-nav{z-index:5;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d14e6;border-radius:999px;flex-wrap:wrap;gap:8px;padding:9px;display:flex;position:sticky;top:10px}.creator-nav button{color:var(--text-muted);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:750}.creator-nav button:hover{color:#fff;background:var(--accent-soft)}.creator-hero,.preproduction-review{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(145deg,#1b1e32fa,#0e111cfa);border:1px solid #8d74ff42;padding:clamp(24px,5vw,54px)}.creator-hero h1{letter-spacing:-.065em;max-width:760px;margin:10px 0;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98}.creator-eyebrow{color:#ad9cff;letter-spacing:.16em;margin:0;font-size:.78rem;font-weight:850}.creator-hero>p:not(.creator-eyebrow),.preproduction-review header p{max-width:760px;color:var(--text-muted);line-height:1.6}.creator-hero>label,.preproduction-review>label{gap:8px;margin-top:24px;font-weight:700;display:grid}.creator-hero textarea,.preproduction-review textarea{border:1px solid var(--border);color:#fff;width:100%;min-height:150px;font:inherit;resize:vertical;background:#070911b8;border-radius:18px;padding:18px;line-height:1.55}.creator-options{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px;display:grid}.creator-options label,.character-review-card label{color:var(--text-muted);gap:7px;font-size:.84rem;font-weight:700;display:grid}.creator-options select,.character-review-card select,.character-review-card input{border:1px solid var(--border);min-width:0;color:var(--text);background:#101421;border-radius:12px;padding:12px}.creator-direction{border-left:3px solid var(--accent);color:var(--text-muted);background:#7c5cff14;gap:6px;margin-top:18px;padding:16px;display:grid}.creator-direction strong{color:#fff}.creator-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.creator-message{color:#c8befd}.director-score-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.director-score{border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:12px;padding:13px;display:flex}.director-score strong[data-strength=WEAK]{color:#ff938e}.director-score strong[data-strength=OK]{color:#ffd479}.director-score strong[data-strength=STRONG]{color:#82e6ad}.director-issues,.review-summary{background:#ffffff09;border-radius:16px;margin:20px 0;padding:18px}.director-issues p,.review-summary p{color:var(--text-muted);line-height:1.5}.character-review-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:22px 0;display:grid}.character-review-card{border:1px solid var(--border);background:#080a138c;border-radius:18px;gap:12px;padding:18px;display:grid}.character-review-card h3{margin:0}.brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;display:flex}.brand__title{letter-spacing:-.08em;margin:0;font-size:clamp(2.2rem,4vw,3rem)}.brand__tagline{color:var(--text-muted);margin:4px 0 0;font-size:1rem}.hero-panel,.preview-panel{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);background:#121620e6;padding:28px}.hero-panel{margin-top:24px}.form-grid{gap:20px;display:grid}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=720px){.form-grid--two{grid-template-columns:1fr}}.field{gap:10px;display:grid}.field label{color:var(--text);font-size:.95rem;font-weight:600;display:block}.field p{color:var(--text-muted);margin:0;font-size:.92rem}.textarea-control{border:1px solid var(--border);width:100%;min-height:200px;color:var(--text);resize:vertical;background:#131826;border-radius:20px;padding:18px;font-size:1rem;line-height:1.6}.selector-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=720px){.selector-group{grid-template-columns:1fr}}.character-grid{gap:16px;display:grid}@media (width>=880px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.selector-card{cursor:pointer;color:var(--text);background:#101421;border:1px solid #0000;border-radius:18px;padding:16px 18px;transition:border-color .2s,transform .2s,background-color .2s;position:relative}.selector-card:hover,.selector-card:focus-within{border-color:#7c5cff80;outline:none;transform:translateY(-1px)}.selector-card input{opacity:0;pointer-events:none;position:absolute}.selector-card__label{font-size:1rem;font-weight:600;display:block}.selector-card__subtext{color:var(--text-muted);margin-top:6px;font-size:.92rem}.selector-card.selected{background:#7c5cff14;border-color:#7c5cffe6}.output-preview{border:1px solid var(--border);background:#101421;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.output-preview__label{color:var(--text-muted);font-size:.95rem}.output-preview__value{color:var(--text);font-weight:700}.action-row{justify-content:flex-end;margin-top:22px;display:flex}.action-button,.secondary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#5b84ff);border:none;border-radius:999px;width:100%;max-width:260px;padding:18px 28px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.secondary-button{color:var(--text);background:#ffffff0f;border:1px solid #ffffff14;margin-top:16px}.action-button:hover,.action-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 20px 40px #7c5cff40}.action-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.storyboard-actions{gap:14px;margin-top:18px;display:grid}.scene-card__content{gap:18px;display:grid}.scene-card__image{object-fit:cover;border-radius:18px;width:100%;height:auto;display:block}.scene-card__prompt-preview{color:#ffffffb8;text-align:center;background:linear-gradient(#ffffff0d,#7c5cff14);border:1px dashed #ffffff24;border-radius:18px;place-items:center;min-height:140px;padding:18px;font-weight:700;display:grid}.scene-card__prompt-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.prompt-button,.upload-button{color:var(--text);cursor:pointer;background:#7c5cff1a;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:600}.scene-card__status-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.scene-card__status{text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700}.scene-card__status--not-generated{color:var(--text-muted);background:#ffffff0f}.scene-card__status--generating{color:#d7d3ff;background:#7c5cff1f}.scene-card__status--ready{color:#b5ffce;background:#2cba6229}.scene-card__status--failed{color:#ffb3b3;background:#ff767629}.retry-button{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:700}.audio-controls{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:16px;margin-bottom:12px;display:grid}.audio-controls select{border-radius:8px;padding:8px 10px}.audio-mode-note{color:var(--text-muted);margin-top:12px}.production-audio-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;display:flex}.upload-button{position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.preview-panel h2{margin-top:0;margin-bottom:18px}.scene-grid{gap:16px;display:grid}@media (width>=880px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.scene-card{border:1px solid var(--border);background:#121827;border-radius:22px;padding:20px}.scene-card__header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.scene-number{font-weight:700}.scene-duration{color:var(--text-muted);font-size:.95rem}.scene-card__visual{color:#ffffffb8;background:linear-gradient(#ffffff0d,#7c5cff14);border:1px dashed #ffffff24;border-radius:18px;place-items:center;min-height:140px;margin-bottom:18px;font-weight:700;display:grid}.scene-card__text{gap:14px;display:grid}.scene-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:.8rem}.error-message{color:#ff7a7a;margin-top:14px;font-weight:600}.status-text{color:var(--text-muted);margin-top:14px}.create-video-workflow{background:#7c5cff14;border:1px solid #7c5cff59;border-radius:18px;width:100%;padding:18px}.create-video-button{min-width:220px;margin-top:0}.pipeline-progress{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.pipeline-progress__stage{color:var(--text-muted);align-items:flex-start;gap:10px;display:flex}.pipeline-progress__stage>span:first-child{border:1px solid var(--border);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}.pipeline-progress__stage span:last-child{gap:2px;display:grid}.pipeline-progress__stage small{color:var(--text-muted)}.pipeline-progress__stage--running{color:#d7d3ff}.pipeline-progress__stage--completed{color:#b5ffce}.pipeline-progress__stage--failed{color:#ffb3b3}.pipeline-complete{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.manual-workflow-heading{max-width:1180px;margin:24px auto 0;padding:0 24px}.logo-highlight{color:#d7d3ff;background:#7c5cff1f;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.95rem;font-weight:700;display:inline-flex}.video-composer{margin-top:24px}.composer-heading,.composer-actions,.preview-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-heading h2{margin:12px 0 0}.composer-status{background:#ffffff14;border-radius:999px;padding:8px 14px;font-weight:700}.composer-status--ready,.composer-status--completed{color:#b5ffce;background:#2cba6229}.composer-status--rendering{color:#d7d3ff;background:#7c5cff29}.composer-status--failed{color:#ffb3b3;background:#ff767629}.composer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.composer-metrics div{border:1px solid var(--border);background:#101421;border-radius:16px;gap:6px;padding:14px;display:grid}.composer-metrics span,.readiness-list{color:var(--text-muted)}.readiness-list{line-height:1.7}.composer-warning{color:#ffdca6;background:#ffbe5c14;border:1px solid #ffbe5c4d;border-radius:14px;padding:14px}.composer-actions{justify-content:flex-start}.composer-actions .action-button,.composer-actions .secondary-button{margin-top:0}.video-preview{gap:12px;max-width:360px;margin:24px auto 0;display:grid}.video-preview__frame{aspect-ratio:9/16;background:#17152b;border-radius:22px;position:relative;overflow:hidden}.video-preview__frame img,.video-preview__placeholder{object-fit:cover;width:100%;height:100%}.video-preview__placeholder{place-items:center;font-size:1.5rem;font-weight:700;display:grid}.video-preview__caption{color:#fff;text-align:center;text-shadow:0 2px 6px #000,0 0 2px #000;margin:0;font-size:1.05rem;font-weight:800;position:absolute;bottom:17%;left:8%;right:8%}.video-preview audio{width:100%}.render-complete{gap:14px;margin-top:20px;display:grid}.render-complete .action-button{text-align:center;text-decoration:none;display:inline-block}@media (width<=720px){.composer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.series-library{background:#14122ac7;border:1px solid #a59bff3d;border-radius:18px;margin:1.5rem 0;padding:1.25rem}.series-library__header,.series-create,.series-detail .action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.series-create input,.series-detail input,.episode-editor input{min-width:12rem;color:inherit;background:#080818bf;border:1px solid #a59bff59;border-radius:10px;flex:1;padding:.75rem}.series-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.series-card,.episode-editor{background:#ffffff09;border:1px solid #a59bff38;border-radius:14px;gap:.75rem;padding:1rem;display:grid}.episode-list{gap:.5rem;max-height:24rem;margin:1rem 0;display:grid;overflow-y:auto}.episode-list button{text-align:left}.episode-list button.selected{outline:2px solid #8f82ff}.series-detail,.episode-editor{margin-top:1rem}