@font-face{font-family:Poppins;src:url('/assets/poppins-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('/assets/poppins-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/nunito-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#0b1118;--muted:#69717c;--line:#e4e7eb;--orange:#e84b1d;--purple:#5b358b;--paper:#f6f7f9;--soft:#fff0ea}*{box-sizing:border-box}body{margin:0;font-family:Nunito,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Poppins,Arial,sans-serif;font-weight:600}button{transition:background .15s,transform .15s}button:focus-visible,a:focus-visible{outline:3px solid #8a64ba;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #e84b1d12}input,select,textarea{width:100%;border:1px solid #dce0e5;border-radius:9px;background:#fff;color:var(--ink);padding:12px 13px;min-height:46px}textarea{resize:vertical;min-height:80px;line-height:1.5}select{padding-right:25px}input::placeholder,textarea::placeholder{color:#89909a}label{display:block;font-weight:bold;font-size:14px;margin:17px 0 7px}label>span{font-weight:400;color:var(--muted);margin-left:5px}small{font-size:13px}button{border:0}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--ink);color:#fff;padding:33px 20px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;text-decoration:none;padding:0 14px}.brand img{width:150px;height:auto;object-fit:contain}.brand>span{font-family:Poppins,sans-serif;font-size:10px;letter-spacing:3px;color:#d0d3d8;margin-top:13px}.nav-caption{font-size:10px;font-family:Poppins,sans-serif;letter-spacing:1.5px;color:#8b919a;margin:57px 12px 16px}.nav-item{background:transparent;width:100%;display:flex;align-items:center;gap:12px;color:#c5c8ce;text-align:left;border-radius:9px;padding:13px 14px;font-size:14px;margin-bottom:6px}.nav-item>span:first-child{font-size:20px;line-height:1}.nav-item:hover{background:#ffffff0b}.nav-item.active{background:#e84b1d;color:#fff;font-weight:bold}.count{margin-left:auto;background:#ffffff18;border-radius:5px;padding:1px 6px;font-size:12px}.sidebar-bottom{margin-top:auto}.budget-block{margin:25px 11px 24px}.budget-block>span{display:flex;justify-content:space-between;font-size:12px;color:#bfc5ce}.budget-block>span>span{color:#fff}.budget-block small{color:#949ba6;font-size:12px}progress{width:100%;height:5px;border:none;border-radius:5px;overflow:hidden;margin:10px 0 3px;background:#343b43}progress::-webkit-progress-bar{background:#343b43}progress::-webkit-progress-value{background:var(--orange)}progress::-moz-progress-bar{background:var(--orange)}.muted{color:#9fa6b0}.sidebar-signature{font-family:Poppins,sans-serif;letter-spacing:2px;font-size:9px;color:#8d95a0;padding:20px 14px 0;border-top:1px solid #ffffff10;margin-top:18px}main{min-width:0}.topbar{height:75px;display:flex;justify-content:space-between;align-items:center;padding:0 39px;background:#fff;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.topbar b{font-weight:400;color:var(--ink)}.slash{margin:0 13px;color:#bbc1c8}.connection{background:#f7f3fc;border:1px solid #e8e0f2;color:var(--purple);padding:8px 13px;border-radius:7px;font-size:13px;font-weight:bold}.connection.connected{background:#eef8f2;color:#267343;border-color:#d8ecdf}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 27px}.eyebrow{color:var(--orange);font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:1.7px;display:block;margin-bottom:11px}h1{font-size:clamp(25px,2.2vw,36px);letter-spacing:-1.2px;line-height:1.2}h1>span{color:var(--orange)}.page-heading p{color:var(--muted);margin-top:10px;font-size:15px}.powered{font-size:10px;letter-spacing:1.4px;color:var(--muted);border-left:1px solid #d9dde3;padding-left:21px}.powered b{font-family:Poppins,sans-serif;font-size:14px;color:var(--ink);font-weight:400;letter-spacing:0;line-height:2}section{padding:0 39px}.workspace{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(330px,1fr);gap:25px;align-items:start;max-width:1320px}.editor{background:white;border:1px solid var(--line);border-radius:15px;padding:24px 27px 21px}.section-label{display:flex;gap:10px;align-items:center}.section-label h2{font-size:16px;letter-spacing:-.3px}.step{color:var(--orange);font-family:Poppins,sans-serif;font-size:11px;display:grid;place-items:center;background:var(--soft);width:28px;height:28px;border-radius:7px}.second{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.mini-tag{font-size:9px;letter-spacing:1px;color:var(--purple);margin-left:auto;font-weight:bold}.label-row{display:flex;justify-content:space-between;align-items:center}.upload{margin:0;display:flex;gap:12px;align-items:center;border:1px dashed #cbd1d8;background:#fbfcfd;padding:18px 14px;border-radius:9px;cursor:pointer}.upload:hover{border-color:var(--orange)}.upload>span{margin:0}.upload b{display:block;font-size:13px;font-weight:bold;color:#46505d}.upload small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:3px}.upload-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #e0e4ea;border-radius:8px;font-size:22px;background:white;color:var(--orange)!important}.upload img{width:54px;height:58px;border-radius:5px;object-fit:cover;margin-left:auto}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;min-height:0;padding:0}.upload:has(+input:focus-visible){outline:3px solid var(--purple)}.field-note{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.55}.voice-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.check-label{display:flex;align-items:center;gap:8px;font-weight:400;margin:0 0 12px;font-size:13px}.check-label input{width:16px;height:16px;min-height:0;accent-color:var(--orange)}.preview-box{color:white;background:#151c25;border-radius:14px;min-height:278px;display:flex;flex-direction:column;position:relative;overflow:hidden}.preview-top,.preview-bottom{display:flex;justify-content:space-between;padding:17px 21px;font-family:Poppins,sans-serif;font-size:9px;letter-spacing:1.5px;color:#9ca5b4}.preview-top>span:last-child{border:1px solid #ffffff20;padding:2px 6px;border-radius:3px;font-size:10px;letter-spacing:0}.preview-bottom{font-size:8px;padding-top:10px}.preview-bottom>span:last-child{color:var(--orange)}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:177px}.empty-film h3{font-size:20px;line-height:1.4;color:#edf0f5;letter-spacing:-.5px}.empty-film p{color:#99a4b3;font-size:12px;line-height:1.5;margin-top:11px}.play-icon{display:inline-grid;place-items:center;color:var(--orange);width:36px;height:36px;border-radius:50%;background:#e84b1d15;margin-bottom:12px;font-size:23px}.output-settings{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:18px;padding:21px 23px}.three-cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.three-cols select{font-size:12px;padding:11px 6px}.three-cols label{font-size:12px}.cost-row{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px}.cost-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.cost-row strong{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;letter-spacing:-1px}.primary{background:var(--orange);color:white;border-radius:9px;min-height:47px;padding:12px 20px;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:10px}.primary:hover{background:#d83d12}.primary:not(:disabled):active{transform:translateY(1px)}#generate-button{width:100%;margin-top:17px;font-size:15px}#generate-button>span:last-child{margin-left:auto}#generate-button>span:first-child{font-size:23px;margin-right:auto;line-height:1}.cost-note{font-size:11px;color:var(--muted);line-height:1.6;text-align:center;margin:10px 6px 0}.text-button{background:none;color:var(--purple);font-size:13px;padding:5px 0}.danger{color:#b33224}.error{color:#b02f22;font-size:14px;line-height:1.5;margin-top:10px}.error:empty{display:none}.secondary{background:#fff;border:1px solid #dce0e5;padding:10px 17px;border-radius:9px;font-size:14px;font-weight:bold}.secondary:hover{background:#f1f2f4}footer{padding:26px 39px;color:#9ba2ad;font-size:10px;font-family:Poppins,sans-serif;letter-spacing:.5px}footer span{margin:0 6px}footer a{float:right;font-family:Nunito,sans-serif;letter-spacing:0;font-size:11px;text-decoration:none}.preview-content video{width:100%;max-height:315px;object-fit:contain}.preview-result{width:100%;padding:0 10px}.preview-result a{display:inline-block;color:#fff;font-size:13px;margin-top:8px}.processing{padding:20px;max-width:330px}.processing h3{font-size:17px;margin:15px 0 8px}.processing p{font-size:13px;color:#b5c0cd}.spinner{display:block;width:32px;height:32px;border:2px solid #ffffff20;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.library-empty{grid-column:1/-1;background:#fff;border:1px dashed #ccd3dc;padding:65px 25px;text-align:center;border-radius:14px}.library-empty h2{font-size:20px}.library-empty p{color:var(--muted);margin-top:10px}.video-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-media{background:#151c25;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;padding:0}.card-media video{width:100%;height:100%;object-fit:contain}.card-media .processing p{font-size:12px}.card-content{padding:17px}.card-content h3{font-size:15px;overflow-wrap:anywhere}.card-content .meta{font-size:12px;color:var(--muted);margin:8px 0}.status{font-size:11px;border-radius:4px;padding:3px 7px;background:#f1eff8;color:var(--purple);display:inline-block}.status.completed{color:#236c42;background:#edf7f0}.status.failed,.status.uncertain{background:#fff0ea;color:#ac4025}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.card-actions a{color:var(--orange);font-size:13px;font-weight:bold;text-decoration:none}.library-footnote{font-size:12px;color:var(--muted);margin-top:25px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:510px;width:calc(100% - 30px);box-shadow:0 30px 100px #0003;color:var(--ink)}dialog::backdrop{background:#0b1118a6;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.dialog-header h2{font-size:24px;letter-spacing:-.8px}.dialog-header .eyebrow{margin-bottom:7px}.icon-button{font-size:26px;line-height:1;background:#f1f3f5;color:#727b86;border-radius:7px;width:32px;height:32px;flex-shrink:0}.dialog-header+p,#settings-form>.field-note{color:var(--muted);font-size:14px}dialog>p,#settings-form>p{color:var(--muted);font-size:14px}.inline-link{font-size:13px;color:var(--purple);display:inline-block;margin-top:10px;text-decoration:none}.budget-label{margin-top:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:23px}.settings-note{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 23px;border-radius:9px;font-size:14px;box-shadow:0 8px 25px #0002;z-index:10;max-width:90vw}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-card{max-width:470px;width:100%;align-self:center;justify-self:center;padding:40px}.login-card>img{width:190px;height:auto;margin-bottom:20px}.login-card>.eyebrow{color:#7d8290;margin-bottom:40px}.login-card h1{font-size:35px;line-height:1.28;margin-bottom:15px}.login-card>p{color:var(--muted);margin-bottom:28px}.login-card .primary{width:100%;margin-top:20px}.login-card>small{display:block;color:var(--muted);margin-top:25px}.login-art{background:var(--ink);color:#fff;padding:65px;display:flex;flex-direction:column;position:relative}.login-art>span,.login-art>small{font-size:11px;letter-spacing:3px;color:#a1aab7}.login-art>strong{font-family:Poppins,sans-serif;font-size:clamp(50px,6vw,90px);line-height:1.15;letter-spacing:-4px;margin:auto 0}.login-art>strong span{color:var(--orange)}.frame-mark{position:absolute;right:55px;top:60px;border:1px solid #ffffff25;border-radius:6px;padding:5px 9px;font-size:11px;display:flex;align-items:center;gap:7px}.frame-mark i{width:6px;height:6px;background:var(--orange);border-radius:50%}
@media(min-width:1600px){section{max-width:1440px;margin:auto}.topbar{padding-left:55px}.preview-box{min-height:320px}}@media(max-width:1160px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:28px 13px}.brand img{width:135px}section{padding:0 25px}.topbar{padding:0 25px}.workspace{gap:18px;grid-template-columns:minmax(0,1fr) minmax(310px,.95fr)}.editor{padding:20px}.output-settings{padding:20px 16px}.voice-row{gap:10px;grid-template-columns:1.2fr 1fr}.check-label{font-size:12px}.nav-caption{font-size:9px}.powered{display:none}.page-heading h1{font-size:28px}.mini-tag{display:none}}@media(max-width:950px){.workspace{grid-template-columns:1fr}.output-panel{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.output-settings{margin-top:0}.preview-box{height:100%;min-height:330px}.three-cols{grid-template-columns:1fr}.three-cols label{margin-top:9px}.three-cols select{padding:8px 10px;min-height:37px}.output-settings .section-label h2{font-size:14px}.cost-row strong{font-size:21px}.page-heading{padding-top:27px}.editor textarea#prompt{min-height:240px}.login-art{padding:40px}}@media(max-width:700px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:17px}.brand{padding:0}.brand img{width:116px}.brand>span{font-size:8px;letter-spacing:2px;margin-top:7px}.nav-caption,.budget-block,.sidebar-signature,#logout-button{display:none}.sidebar nav{display:flex;grid-row:2;grid-column:1/-1;gap:10px}.nav-item{margin:0;font-size:14px;min-width:0;padding:10px 13px}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;align-self:center}#settings-button{font-size:0;padding:8px;color:#e0e4ea}#settings-button>span:first-child{font-size:25px}.sidebar nav .nav-item{flex:1}.topbar{height:57px;padding:0 20px;font-size:12px}.connection{font-size:11px;padding:7px 9px}.slash{margin:0 7px}section{padding:0 18px}.page-heading{padding:25px 0 20px;gap:10px}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:14px;max-width:290px}.eyebrow{font-size:9px;letter-spacing:1.5px}.output-panel{display:flex;flex-direction:column-reverse;gap:17px}.output-settings,.preview-box{width:100%}.preview-box{min-height:280px}.three-cols{grid-template-columns:1.2fr 1fr 1fr;gap:8px}.three-cols select{font-size:12px;padding:10px 4px;min-height:44px}.editor{padding:20px}.output-settings{padding:21px}.section-label h2{font-size:16px}.output-settings .section-label h2{font-size:16px}.voice-row{grid-template-columns:1fr 1fr;gap:13px}.check-label{font-size:13px}footer{padding:25px 20px;font-size:9px}footer a{font-size:10px}.page-heading .secondary{font-size:12px;padding:8px;max-width:90px}.login-shell{display:block}.login-art{display:none}.login-card{padding:55px 28px}.login-card h1{font-size:34px}.preview-result video{max-height:420px}dialog{padding:24px}.library-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.editor textarea#prompt{min-height:290px}
@media(max-width:700px){.editor textarea#prompt{min-height:320px}}

#model-help{margin-top:9px;font-size:12px;line-height:1.5;color:var(--muted)}