:root{--ink:#080908;--panel:#10120f;--line:#2d312b;--paper:#f3f1e9;--muted:#8b9186;--acid:#d8ff3e;--orange:#ff6845;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:var(--sans)}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{color:inherit}a{text-decoration:none}[hidden]{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:10px;font:12px/.95 var(--mono)}.brand b{color:var(--acid)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;position:relative}.brand-mark i{position:absolute;width:8px;height:20px;border:2px solid var(--acid);transform:rotate(45deg)}.brand-mark i:nth-child(2){transform:rotate(105deg)}.brand-mark i:nth-child(3){transform:rotate(165deg)}.primary-button{border:0;background:var(--acid);color:#090a09;padding:17px 19px;display:flex;justify-content:space-between;font:800 10px var(--mono);cursor:pointer}.primary-button:disabled{opacity:.5;cursor:wait}.form-error{color:#ff866d;font:10px/1.5 var(--mono);margin:13px 0 0}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;position:relative}.auth-brand{position:absolute;left:42px;top:35px;z-index:2}.auth-visual{padding:150px 8vw 70px 6vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 18% 86%,rgba(216,255,62,.13),transparent 35%),repeating-linear-gradient(0deg,transparent 0 64px,rgba(255,255,255,.025) 65px),#090a09;border-right:1px solid var(--line)}.auth-kicker{font:9px var(--mono);letter-spacing:1.5px;color:var(--acid)}.auth-visual h1{font-size:clamp(58px,6vw,94px);letter-spacing:-6px;line-height:.85;margin:30px 0}.auth-visual h1 em,.view-heading h1 em{font-style:normal;color:var(--acid)}.auth-visual>p{max-width:580px;color:#9ba095;line-height:1.7}.auth-reel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:70px}.auth-reel article{height:145px;border:1px solid #353a32;padding:16px;display:flex;flex-direction:column;justify-content:space-between;font:800 14px var(--mono);background:#11130f}.auth-reel article:nth-child(2){background:#4a1b12}.auth-reel article:nth-child(3){background:#202a12}.auth-reel span{color:var(--acid)}.auth-panel{padding:34px max(40px,7vw);display:flex;flex-direction:column;justify-content:center;background:#0d0f0d}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #343931;margin-bottom:42px}.auth-tabs button{border:0;padding:14px;background:#11130f;color:#747a70;font:800 9px var(--mono);cursor:pointer}.auth-tabs button.active{background:var(--acid);color:#090a09}.auth-heading>span{font:9px var(--mono);color:var(--acid)}.auth-heading h2{font-size:48px;letter-spacing:-3px;margin:18px 0 8px}.auth-heading p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:34px}.auth-panel form>label{display:block;font:9px var(--mono);color:#858b80;letter-spacing:1px;margin:18px 0 9px}.auth-panel input{width:100%;border:1px solid #3b4038;background:#11130f;color:var(--paper);padding:16px;outline:0}.auth-panel input:focus{border-color:var(--acid)}.password-field{position:relative}.password-field input{padding-right:74px}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--acid);font:8px var(--mono);cursor:pointer}.auth-panel .primary-button{width:100%;margin-top:22px}.auth-panel small{display:block;margin-top:15px;color:#6e7469;font:8px/1.6 var(--mono)}.auth-panel small a{text-decoration:underline}.workspace{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;padding:29px 22px;border-right:1px solid var(--line);background:#0b0c0b;display:flex;flex-direction:column;z-index:20}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:80px}.sidebar nav button{border:1px solid transparent;background:transparent;color:#7b8176;padding:14px 12px;text-align:left;font:9px var(--mono);cursor:pointer}.sidebar nav button span{margin-right:12px}.sidebar nav button em{float:right;font-style:normal}.sidebar nav button.active{border-color:#3b4136;background:#141713;color:var(--paper)}.sidebar nav button.active span{color:var(--acid)}.sidebar-account{margin-top:auto;border-top:1px solid var(--line);padding-top:19px}.sidebar-account>span{font:8px var(--mono);color:#666c62}.sidebar-account strong{display:block;overflow:hidden;text-overflow:ellipsis;margin:9px 0 16px;font-size:11px}.sidebar-account button{border:0;background:none;color:#8d9388;padding:0;font:8px var(--mono);cursor:pointer}.workspace-main{grid-column:2;min-width:0}.workspace-main>header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;font:8px var(--mono);color:#7b8177}.workspace-main>header div i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);margin-right:7px}.workspace-main>header a:hover{color:var(--acid)}#mobileMenu{display:none}.workspace-view{padding:60px clamp(24px,5vw,74px) 90px}.view-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:45px}.view-heading>div>span{font:9px var(--mono);color:var(--acid)}.view-heading h1{font-size:clamp(50px,5vw,76px);letter-spacing:-5px;line-height:.86;margin:22px 0 0}.view-heading>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:460px}.generator-card{border:1px solid #343931;background:#0d0f0d;display:grid;grid-template-columns:1fr 1fr;min-height:650px}.generator-controls{padding:28px;border-right:1px solid var(--line)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #343931;margin-bottom:22px}.mode-switch button{border:0;background:#11130f;color:#777d72;padding:13px;font:800 9px var(--mono);cursor:pointer}.mode-switch button.active{background:var(--acid);color:#090a09}.image-field{margin-bottom:20px}.drop-zone{height:190px;border:1px dashed #485043;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;overflow:hidden;cursor:pointer}.drop-zone input{display:none}.drop-zone strong{font-size:12px}.drop-zone span{font:8px var(--mono);color:#73796f}.upload-icon{font-size:24px;color:var(--acid)}#uploadPreview{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.drop-zone.has-image::after{content:"CHANGE IMAGE";position:absolute;right:9px;bottom:9px;background:#080908;color:var(--acid);padding:7px;font:8px var(--mono)}.prompt-label{display:flex;justify-content:space-between;font:9px var(--mono);color:#858b80;margin-bottom:9px}.prompt-label small{color:#5f655b}.generator-controls textarea{width:100%;height:180px;resize:vertical;border:1px solid #3b4038;background:#11130f;color:var(--paper);padding:16px;outline:0;font:13px/1.65 var(--sans)}.generator-controls textarea:focus{border-color:var(--acid)}.generator-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.generator-options label>span{display:block;font:8px var(--mono);color:#7d8378;margin-bottom:8px}.generator-options select{width:100%;border:1px solid #343931;background:#11130f;color:var(--paper);padding:12px;font:9px var(--mono)}.generator-controls>.primary-button{width:100%;margin-top:18px}.generator-output{padding:28px;background:radial-gradient(circle at 50% 45%,rgba(216,255,62,.06),transparent 38%),#090a09}.output-head{display:flex;justify-content:space-between;font:8px var(--mono);color:#777d72;margin-bottom:17px}.output-head span:last-child{color:var(--acid);border:1px solid #4a5429;padding:4px 7px}.output-empty,.output-progress,.video-output{height:555px;border:1px solid #282c26;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.output-empty strong{font-size:29px;line-height:.88;letter-spacing:-2px;z-index:1}.output-empty small{font:8px var(--mono);color:#6c7267;margin-top:17px;z-index:1}.output-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(216,255,62,.25);border-radius:50%;animation:spin 12s linear infinite}.output-orbit::after{content:"";position:absolute;inset:50px;border:1px solid rgba(216,255,62,.13);border-radius:50%}.output-progress strong{font-size:18px;margin:23px 0 5px}.output-progress p{color:var(--muted);font-size:12px;line-height:1.6;max-width:340px}.render-loader{display:flex;gap:8px}.render-loader i{width:12px;height:52px;background:var(--acid);animation:render 1s ease-in-out infinite}.render-loader i:nth-child(2){background:var(--orange);animation-delay:.15s}.render-loader i:nth-child(3){animation-delay:.3s}.video-output{justify-content:stretch}.video-output video{width:100%;height:497px;object-fit:contain;background:#000}.video-output>div{display:grid;grid-template-columns:1fr 1fr;width:100%;height:58px}.video-output a,.video-output button{border:0;display:flex;align-items:center;justify-content:center;font:800 8px var(--mono);cursor:pointer}.video-output a{background:var(--acid);color:#090a09}.video-output button{background:#171a15;color:var(--paper)}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.history-card{border:1px solid #343931;background:#10120f;overflow:hidden}.history-media{aspect-ratio:9/12;background:#080908;display:grid;place-items:center;position:relative}.history-media video{width:100%;height:100%;object-fit:cover}.history-placeholder{font:800 12px var(--mono);color:#73796f;text-align:center}.history-placeholder i{display:block;width:10px;height:10px;border-radius:50%;background:var(--orange);margin:0 auto 12px;animation:pulse 1.4s infinite}.history-status{position:absolute;left:10px;top:10px;background:#090a09;padding:6px 8px;font:8px var(--mono);color:var(--acid)}.history-info{padding:16px}.history-info time{font:8px var(--mono);color:#696f65}.history-info p{height:42px;overflow:hidden;font-size:11px;line-height:1.6;color:#bdc1b8}.history-actions{display:flex;gap:7px}.history-actions a{flex:1;background:var(--acid);color:#090a09;padding:10px;text-align:center;font:800 8px var(--mono)}.history-empty{min-height:420px;border:1px dashed #3a4036;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.history-empty>div{font-size:35px;color:var(--acid)}.history-empty h2{font-size:32px;margin:17px 0 3px}.history-empty p{color:var(--muted);font-size:13px}.history-empty .primary-button{width:230px;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes render{0%,100%{transform:scaleY(.45);opacity:.45}50%{transform:scaleY(1);opacity:1}}@keyframes pulse{50%{opacity:.35}}
@media(max-width:1050px){.auth-screen{grid-template-columns:1fr}.auth-visual{min-height:620px}.auth-panel{min-height:600px}.generator-card{grid-template-columns:1fr}.generator-controls{border-right:0;border-bottom:1px solid var(--line)}.history-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.auth-brand{left:22px}.auth-visual{padding:130px 22px 55px;min-height:650px}.auth-visual h1{font-size:58px;letter-spacing:-4px}.auth-reel{margin-top:45px}.auth-panel{padding:55px 22px}.workspace{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.workspace-main{grid-column:auto}.workspace-main>header{padding:0 18px}.workspace-main>header div{display:none}#mobileMenu{display:block;border:0;background:none;color:var(--acid);font:9px var(--mono)}.workspace-view{padding:45px 18px 70px}.view-heading{grid-template-columns:1fr;gap:18px}.view-heading h1{font-size:52px;letter-spacing:-3.5px}.generator-controls,.generator-output{padding:18px}.output-empty,.output-progress,.video-output{height:470px}.video-output video{height:412px}.history-grid{grid-template-columns:1fr}.auth-reel article{height:110px;font-size:11px}}