:root{--bg:#07080d;--panel:#0e1017;--panel2:#12151f;--line:#242835;--muted:#848a99;--text:#f5f6fa;--lime:#c9f55a;--purple:#9b7bff;--cyan:#43d5df;--radius:18px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 65% -10%,#33275145,transparent 30%),var(--bg);font-size:14px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:20}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;border-right:1px solid var(--line);background:#090a10e8;backdrop-filter:blur(20px);display:flex;flex-direction:column;padding:24px 14px;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:1px;padding:0 10px 28px}.brand>span:last-child span{font-weight:400;color:#a4a9b7}.brand-mark{width:29px;height:29px;background:linear-gradient(135deg,var(--lime),#82c95b);color:#10150b;display:grid;place-items:center;border-radius:9px;font-style:italic}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#858b9c;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;font:inherit;cursor:pointer;text-align:left}.nav-item i{font-style:normal;font-size:17px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#171a24;color:#fff}.nav-item.active i{color:var(--lime)}.side-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);margin-top:10px;padding:18px 8px 0;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#54418e,#bf78a9);display:grid;place-items:center;font-size:11px;font-weight:700}.profile small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.profile b{font-size:12px}main{margin-left:220px;min-height:100vh}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;background:#08090edb;backdrop-filter:blur(18px);z-index:8}.crumb{display:flex;align-items:center;gap:9px;color:var(--muted)}.crumb b{color:#4f5360}.crumb input{background:transparent;border:0;color:#f2f3f5;font:600 13px inherit;width:235px;outline:0}.header-actions{display:flex;align-items:center;gap:10px}.saved{font-size:11px;color:#8c929f;margin-right:6px}.saved i{width:6px;height:6px;background:#66d487;border-radius:50%;display:inline-block;margin-right:7px}.icon-btn,.secondary,.primary{border:1px solid var(--line);background:#12141c;color:#e7e9ef;border-radius:9px;padding:9px 14px;font:600 11px inherit;cursor:pointer}.icon-btn{width:36px;height:36px;padding:0;position:relative}.icon-btn em{position:absolute;right:-2px;top:-4px;background:#b67aff;border-radius:8px;font-size:8px;padding:2px 4px;font-style:normal}.primary{background:var(--lime);color:#11150b;border-color:var(--lime)}.primary span{opacity:.55;margin-left:8px}.view{display:none}.view.active{display:block}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:42px 42px 30px;max-width:1500px;margin:auto}.eyebrow{display:block;font-size:9px;letter-spacing:2.2px;color:var(--lime);font-weight:800;margin-bottom:13px}.hero h1,.view-title h2{font-size:36px;letter-spacing:-1.5px;margin:0 0 9px;font-weight:630}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b7a1ff}.hero p,.view-title p{color:#8f95a4;margin:0;max-width:650px;line-height:1.6}.credits{width:185px;border:1px solid var(--line);border-radius:13px;background:#10121a;padding:13px}.credits span,.credits small{font-size:9px;color:var(--muted)}.credits b{float:right;font-size:11px}.credits>div{height:4px;background:#252835;margin:10px 0 8px;border-radius:3px}.credits i{display:block;width:82%;height:100%;background:linear-gradient(90deg,var(--purple),var(--lime));border-radius:3px}.workspace{display:grid;grid-template-columns:minmax(500px,1fr) 310px;gap:16px;padding:0 42px 48px;max-width:1500px;margin:auto}.composer,.controls{border:1px solid var(--line);background:linear-gradient(145deg,#0f1119,#0b0d13);border-radius:var(--radius);overflow:hidden}.tabs{height:59px;padding:0 18px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line)}.tab{height:45px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777e8d;font:600 11px inherit;padding:0 16px;cursor:pointer}.tab span{margin-right:7px}.tab.active{color:#fff;border-color:var(--lime)}.tab.active span{color:var(--lime)}.prompt-wrap{margin:22px;border:1px solid #2d3140;border-radius:14px;background:#0a0c12;box-shadow:inset 0 0 25px #0005}.prompt-label{padding:16px 18px 6px;display:flex;justify-content:space-between}.prompt-label label{font-size:10px;font-weight:700;color:#b6bbc7}.prompt-label button{border:0;background:transparent;color:#b493ff;font:600 10px inherit;cursor:pointer}.prompt-wrap textarea{display:block;width:100%;height:125px;resize:vertical;border:0;outline:0;background:transparent;color:#e6e8ed;padding:10px 18px;font:400 13px/1.7 inherit}.prompt-wrap textarea::placeholder{color:#565b68}.prompt-foot{border-top:1px solid #20232e;display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.chips{display:flex;gap:7px}.chips button{border:1px solid #2a2e3a;background:#151822;color:#838998;border-radius:14px;padding:5px 9px;font:500 9px inherit;cursor:pointer}.prompt-foot>span{font-size:9px;color:#5f6572}.dropzone{margin:0 16px 13px;border:1px dashed #373c4a;border-radius:10px;min-height:100px;position:relative;overflow:hidden}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.dropzone div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:#a5aab6}.dropzone b{font-size:22px;color:var(--purple)}.dropzone small{color:#5f6471;margin-top:3px}.dropzone img{width:100%;height:150px;object-fit:cover}.hidden{display:none!important}.scene-strip{border-top:1px solid var(--line);padding:20px 22px 24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title b{display:block;font-size:11px}.section-title span{display:block;color:#626875;font-size:9px;margin-top:4px}.section-title button{border:0;background:transparent;color:var(--lime);font:600 10px inherit;cursor:pointer}.scenes{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.scene{min-width:142px;width:142px;height:88px;border:1px solid #282c38;border-radius:10px;background:linear-gradient(135deg,#1b2030,#0d1119);position:relative;overflow:hidden;cursor:pointer}.scene.active{border-color:#a1c94c;box-shadow:0 0 0 1px #a1c94c}.scene-art{height:100%;background:radial-gradient(circle at 65% 35%,#d6b47466,transparent 18%),linear-gradient(155deg,#20254a,#4e2948 48%,#15151c);opacity:.85}.scene:nth-child(2n) .scene-art{background:radial-gradient(circle at 30% 55%,#89dbdf66,transparent 16%),linear-gradient(145deg,#17203b,#254744,#16161e)}.scene .number{position:absolute;top:7px;left:7px;background:#07080bbd;padding:3px 6px;border-radius:5px;font-size:8px}.scene .time{position:absolute;bottom:6px;right:6px;background:#07080bbd;padding:3px 5px;border-radius:4px;font-size:8px}.scene.add{display:grid;place-items:center;border-style:dashed;background:transparent;color:#6f7582}.controls{padding:20px}.control-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:17px}.control-head span{display:block;font-weight:700;font-size:12px}.control-head small{display:block;color:#666c79;font-size:9px;margin-top:3px}.control-head button{background:transparent;border:0;color:#7c8291;cursor:pointer}.controls>label,.controls .control-row label{display:block;font-size:9px;color:#8a909e;margin-bottom:14px}.controls select,.controls input[type=number],details textarea{width:100%;margin-top:7px;background:#161923;border:1px solid #2b2f3c;border-radius:8px;color:#e8e9ed;padding:9px 10px;font:500 10px inherit;outline:0}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-label>span{display:flex;justify-content:space-between}.range-label output{color:var(--lime)}input[type=range]{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--purple) 0 55%,#292d38 55%);margin:13px 0 2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #c9f55a20}.range-label small{display:flex;justify-content:space-between}.range-label small i{font-style:normal;font-size:8px;color:#5e6471}details{border-top:1px solid var(--line);padding:12px 0;color:#969cab;font-size:10px}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}details textarea{height:65px;resize:none}.cost{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;background:#0a0c12;border:1px solid #20232d;border-radius:9px;padding:10px}.cost div+div{border-left:1px solid var(--line);padding-left:12px}.cost span{display:block;color:#636977;font-size:8px}.cost b{font-size:9px;margin-top:3px;display:block}.generate{width:100%;border:0;border-radius:11px;background:linear-gradient(100deg,#bff250,#d6fb76);color:#11160b;padding:11px 13px;display:grid;grid-template-columns:23px 1fr auto;text-align:left;align-items:center;cursor:pointer;box-shadow:0 12px 30px #bff25012}.generate>span{font-size:18px}.generate b{display:block;font-size:11px}.generate small{font-size:8px;opacity:.6}.generate kbd{font:600 8px inherit;border:1px solid #819f41;border-radius:4px;padding:3px}.list-view{padding:48px;max-width:1400px;margin:auto}.view-title{margin-bottom:30px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.project-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;cursor:pointer}.project-thumb{height:140px;background:radial-gradient(circle at 60% 40%,#bba5ff55,transparent 20%),linear-gradient(145deg,#282348,#16292e)}.project-info{padding:15px}.project-info b{display:block}.project-info span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.render-list{display:grid;gap:10px}.render-item{display:grid;grid-template-columns:44px 1fr 200px 80px;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.render-icon{height:44px;border-radius:9px;background:linear-gradient(135deg,#483f73,#27535b);display:grid;place-items:center;color:var(--lime)}.render-item small{display:block;color:var(--muted);margin-top:4px}.mini-progress{height:4px;background:#242835;border-radius:4px}.mini-progress i{display:block;height:100%;background:var(--lime);border-radius:4px}.status{text-transform:capitalize;font-size:10px}.empty-state{border:1px dashed #2b303d;border-radius:18px;text-align:center;padding:80px 20px;color:var(--muted)}.empty-state>div{font-size:36px;color:var(--purple)}.empty-state h3{color:#fff;margin-bottom:6px}.empty-state p{max-width:440px;margin:0 auto 18px;line-height:1.6}.modal{position:fixed;inset:0;background:#05060bd9;backdrop-filter:blur(14px);z-index:30;display:none;place-items:center}.modal.open{display:grid}.modal-card{width:min(470px,92vw);background:#0e1119;border:1px solid #292e3b;border-radius:21px;padding:30px;text-align:center;position:relative;box-shadow:0 30px 100px #000}.modal-close{position:absolute;right:15px;top:14px;border:0;background:transparent;color:#717786;font-size:22px;cursor:pointer}.render-visual{height:155px;position:relative;display:grid;place-items:center;overflow:hidden;margin:-5px 0 17px}.orb{position:absolute;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e0ff97,#94adff 30%,#6f3c91 58%,transparent 69%);filter:blur(1px);animation:float 3s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#10121b;box-shadow:inset 10px -10px 30px #9b7bff55}.scan{position:absolute;width:185px;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);box-shadow:0 0 15px var(--lime);animation:scan 2s ease-in-out infinite}.render-visual>span{z-index:1;font-size:22px;font-weight:800}.modal h2{font-size:24px;margin:3px 0 8px}.modal p{color:var(--muted);font-size:12px;min-height:18px}.progress{height:6px;background:#242834;border-radius:5px;margin:24px 0 10px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--lime));transition:width .4s}.render-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.complete-actions{display:flex;gap:8px;margin-top:22px;justify-content:center}.toast{position:fixed;right:25px;bottom:25px;background:#171a22;border:1px solid #303541;border-radius:10px;padding:12px 16px;color:#e8eaf0;font-size:11px;transform:translateY(80px);opacity:0;transition:.3s;z-index:50}.toast.show{transform:none;opacity:1}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}@keyframes scan{0%,100%{transform:translateY(-55px)}50%{transform:translateY(55px)}}@media(max-width:1050px){.sidebar{width:76px}.brand>span:last-child,.nav-item span,.profile>div:not(.avatar),.profile>span{display:none}.nav-item{justify-content:center}.profile{grid-template-columns:1fr}.avatar{margin:auto}main{margin-left:76px}.workspace{grid-template-columns:1fr}.controls{max-width:none}.hero{align-items:flex-start}.credits{display:none}}@media(max-width:700px){.sidebar{inset:auto 0 0;width:auto;height:64px;border:0;border-top:1px solid var(--line);flex-direction:row;padding:7px;z-index:20}.brand,.side-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.nav-item{padding:6px}.nav-item span{display:block;font-size:8px}.nav-item{flex-direction:column;gap:2px}main{margin-left:0;padding-bottom:65px}header{padding:0 14px}.saved,.icon-btn,.secondary#saveProject,.crumb>span,.crumb>b{display:none}.crumb input{width:170px}.hero{padding:28px 18px 22px}.hero h1{font-size:30px}.workspace{padding:0 12px 30px;display:block}.controls{margin-top:14px}.tabs{padding:0 4px}.tab{padding:0 10px;font-size:9px}.prompt-wrap{margin:14px}.list-view{padding:30px 16px}.render-item{grid-template-columns:40px 1fr}.render-item .mini-progress,.render-item .status{display:none}}