:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Noto Sans SC,sans-serif;color:#192437;background:#f7f9fd;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{font-size:14px}button,input,textarea,select{font:inherit}button{border:0;background:none;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.56}a{text-decoration:none;color:inherit}input,textarea,select{outline:0}img{display:block;object-fit:cover}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.4;letter-spacing:-.8px}h2{font-size:17px;font-weight:750}h3{font-size:18px}p{line-height:1.72}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9fb7ff;outline-offset:2px}em{font-style:normal;color:#f05e69}small{font-size:12px;color:#9aa8ba;font-weight:400}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#29bef2,#426cfa 64%,#8f4bf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 5px 13px #427afa2b;flex:none;position:relative}.brand-mark:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid #ffffffa8;border-radius:7px;transform:rotate(30deg)}.brand-mark svg{position:relative;z-index:1;stroke-width:2.7}.brand-mark.large{width:53px;height:53px;border-radius:17px}.splash{height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;color:#1c2b42;font-size:24px;font-weight:750}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(370px,52%) 1fr;background:#fff}.login-visual{position:relative;overflow:hidden;background:linear-gradient(130deg,#e9f2fc,#cbdafb 65%,#ece6ff)}.login-visual>img{position:absolute;right:-7%;top:-1%;width:88%;height:101%;object-fit:cover;object-position:75% center;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 38%);mask-image:linear-gradient(to right,transparent 0%,black 38%)}.login-glow{position:absolute;width:700px;height:700px;border-radius:50%;top:-300px;left:-240px;background:radial-gradient(circle,#f8fbffbf 0,transparent 70%)}.login-visual-text{position:absolute;z-index:3;bottom:9%;left:10%;color:#17283e;text-shadow:0 1px 12px #ffffffa9}.login-visual-text .eyebrow{letter-spacing:3px;font-size:12px;font-weight:750;color:#617996}.login-visual-text h1{font-size:clamp(30px,3.3vw,54px);font-weight:850;margin:15px 0;letter-spacing:-1.8px}.login-visual-text p{font-size:16px;color:#53657d}.login-right{position:relative;display:flex;justify-content:center;align-items:center;padding:84px 42px}.login-brand{position:absolute;top:43px;left:52px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800}.login-box{width:min(100%,380px)}.welcome-icon{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;color:#6470f9;background:#edf0ff;margin-bottom:23px}.login-box h2{font-size:30px;font-weight:800;letter-spacing:-1px}.login-box>p{color:#8d9bad;font-size:14px;margin-top:9px;margin-bottom:38px}.login-box form>label{font-size:13px;font-weight:700;color:#34445d;display:block;margin:19px 0 10px}.login-input{border:1px solid #e4e9f1;border-radius:12px;background:#f7f9fc;display:flex;align-items:center;gap:12px;padding:0 14px;height:49px;color:#8595a9;transition:.18s}.login-input:focus-within{border-color:#8299fc;background:#fff;box-shadow:0 0 0 4px #ebefff}.login-input input{border:0;background:transparent;flex:1;width:100%;min-width:0;color:#26384e}.login-input input::placeholder{color:#aebacc}.icon-button{display:grid;place-items:center;color:#8191a7;padding:5px;border-radius:7px}.icon-button:hover{color:#3a60dd;background:#f2f5fb}.primary-button{background:linear-gradient(105deg,#25bef3,#4279ff 55%,#9b44f7);display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;border-radius:9px;min-height:42px;padding:10px 21px;box-shadow:0 5px 17px #5b70f322;transition:transform .18s,filter .18s}.primary-button:hover:not(:disabled){filter:brightness(1.035);transform:translateY(-1px)}.login-submit{width:100%;height:49px;justify-content:space-between;margin-top:30px;padding:0 20px}.login-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;color:#94a1b3;font-size:12px}.login-copyright{position:absolute;bottom:28px;color:#bac5d4;font-size:10px;letter-spacing:1.4px}.field-error{color:#d74755;font-size:12px!important;margin:8px 0!important}.app-shell{width:100%;min-height:100vh;display:flex;background:#f7f9fd}.sidebar{position:fixed;z-index:25;left:0;top:0;bottom:0;width:220px;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff 75%,#f9fbff);border-right:1px solid #e8edf5}.logo{height:91px;padding:0 22px;display:flex;align-items:center;gap:12px;color:#162337;font-size:17px;white-space:nowrap}.sidebar-list{padding:8px 13px;display:flex;flex-direction:column;gap:5px}.sidebar-link{width:100%;display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:9px;color:#66768f;font-weight:600;text-align:left;transition:.16s}.sidebar-link:hover{background:#f2f5fc;color:#456bf0}.sidebar-link.current{background:linear-gradient(90deg,#edf1ff,#f2f5ff);color:#3662ee}.sidebar-link.current svg{stroke-width:2.7}.sidebar-end{margin-top:auto;padding:22px 16px}.account-wrap{position:relative}.account{width:100%;display:flex;gap:10px;align-items:center;font-size:13px;color:#28384e;padding:7px 3px}.account>svg:last-child{margin-left:auto;color:#8395b2}.account-avatar,.header-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e7edff;color:#5268a4}.account-menu{position:absolute;bottom:45px;left:0;right:0;padding:8px;background:#fff;border:1px solid #e6ecf4;border-radius:12px;box-shadow:0 14px 40px #20345924}.account-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;text-align:left;border-radius:7px;font-size:13px;color:#52637b}.account-menu button:hover{background:#f4f6ff;color:#4269e9}.mobile-trigger,.mobile-close,.nav-mask{display:none}.main-panel{margin-left:220px;min-width:0;flex:1}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;background:#ffffffd9;position:sticky;top:0;z-index:8;padding:0 35px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-title{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;color:#33445f}.top-divider{width:1px;height:15px;background:#dae1ec}.top-title small{font-size:12px}.top-right{display:flex;align-items:center;gap:19px}.header-avatar{width:32px;height:32px;border:2px solid white;box-shadow:0 2px 8px #283d4f16}.mode-indicator{font-size:11px;color:#8192a7;padding:6px 11px;border:1px solid #e6edf4;border-radius:30px;background:#fff;display:flex;align-items:center;gap:7px}.mode-indicator>span{width:6px;height:6px;background:#76a4b0;border-radius:50%}.content{max-width:1400px;padding:31px 36px 90px;margin:auto}.hero{height:290px;border-radius:13px;position:relative;overflow:hidden;background:linear-gradient(110deg,#3b4c69,#778ba6);box-shadow:0 10px 23px #6c80ad12}.hero-picture{position:absolute;right:0;top:0;width:55%;height:100%;overflow:hidden}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#425370 0%,#536481 38%,#5f70906c 58%,transparent 95%)}.hero-copy{position:relative;z-index:1;color:#fff;padding:51px 50px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#cfe1ff;font-size:11px;letter-spacing:1.8px;font-weight:700}.hero h1{font-size:clamp(27px,2.5vw,38px);font-weight:850;letter-spacing:.1px;margin:11px 0}.hero p{color:#e8edfa;font-size:14px}.hero-button{margin-top:27px;min-height:45px;padding:11px 24px}.home-sections{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:21px}.home-card{border:1px solid #e8ecf5;border-radius:13px;padding:24px 24px 18px;min-width:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.home-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #475c8915}.home-card.purple{background:linear-gradient(135deg,#fcfaff,#f5f0ff)}.home-card.blue{background:linear-gradient(135deg,#f9fdff,#eff6ff)}.card-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px}.purple-icon{background:#e9dcff;color:#8955ec}.blue-icon{background:#dceaff;color:#3e81ee}.feature-arrow{width:34px;height:34px;background:#ffffffbd;border-radius:50%;display:grid;place-items:center;color:#5265dd}.home-card h3{margin-top:15px;font-size:19px;font-weight:800}.home-card p{min-height:48px;color:#8493a9;font-size:13px;max-width:480px;margin:6px 0 17px}.feature-shots{height:158px;display:grid;grid-template-columns:1fr 1fr;gap:7px;position:relative}.feature-shots img,.feature-single img{width:100%;height:100%;border-radius:8px;object-fit:cover}.feature-shots img:first-child{object-position:center 27%}.feature-shots img:last-child{object-position:center 22%}.center-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4e6dff;box-shadow:0 4px 12px #34455528}.feature-single{height:158px;position:relative}.feature-single>img{object-position:center 50%}.play-circle,.demo-play{width:51px;height:51px;border-radius:50%;background:#19263880;border:2px solid #ffffffcc;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 15px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px;color:#95a3b5;margin-top:5px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#6577ed;font-size:12px}.examples-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.example{overflow:hidden;min-width:0;color:#596a81;font-size:12px}.example img{height:100px;width:100%;border-radius:8px;background:#e8edf6}.example div{padding:8px 2px}.page-heading{display:flex;align-items:center;gap:15px;margin:2px 0 29px}.heading-icon{width:57px;height:57px;border-radius:15px;display:grid;place-items:center;flex:none}.heading-icon.lavender{background:#eee6ff;color:#8653f4}.heading-icon.lightblue{background:#e3efff;color:#3d83fa}.page-heading h1{font-size:27px;font-weight:800}.page-heading p,.history-heading p{font-size:13px;color:#91a0b5;margin-top:3px}.step-row{display:flex;align-items:center;gap:15px;color:#8d9ab0;margin-bottom:25px;padding:0 3px}.step-row>div:not(.step-rule){display:flex;align-items:center;gap:11px;white-space:nowrap;font-weight:600;font-size:12px}.step-row span,.step-number{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;background:#3c71fa;color:#fff;border-radius:50%;font-size:12px;font-weight:800}.step-row>div:nth-child(3) span,.step-row>div:nth-child(5) span{background:#d9e0ef;color:#8392aa}.step-rule{height:1px;flex:1;background:#e3e8f3}.work-panel{border:1px solid #e5eaf3;border-radius:14px;background:#fff;box-shadow:0 6px 20px #3042690a}.work-upper{display:grid;grid-template-columns:1fr 1.09fr;gap:28px;padding:28px 27px 25px}.work-main{min-width:0}.sub-heading{display:flex;gap:10px;align-items:center;margin-bottom:19px}.sub-heading h2{font-size:16px;font-weight:800}.sub-heading h2 small{font-size:13px;color:#95a0b0}.step-number{min-width:25px;height:25px;font-size:13px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-height:236px}.upload-zone{border:1.5px dashed #c9d8f7;border-radius:10px;background:linear-gradient(145deg,#f9fbff,#f4f8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#4e72fa;text-align:center;cursor:pointer;padding:17px;transition:.2s}.upload-zone:hover{background:#eff4ff;border-color:#6f94fa}.upload-zone b{color:#344967;font-size:12px}.upload-zone span{font-size:11px;color:#a0abc0;line-height:1.6}.video-preview{border-radius:10px;overflow:hidden;position:relative;min-height:236px;background:#d7e1f2}.video-preview>img,.video-preview>video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.preview-tip{position:absolute;bottom:13px;right:13px;background:#14233d83;color:#fff;padding:4px 9px;font-size:11px;border-radius:30px}.attached-file{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#6882a4}.attached-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attached-file button{margin-left:auto}.replacement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.replace-card{border:1px solid #e8ecf4;padding:12px;border-radius:11px;background:#fcfdff;min-width:0}.replace-head{display:flex;align-items:center;gap:7px;min-height:42px}.replace-head>div{min-width:0}.replace-head strong{display:block;font-size:12px;color:#39485f;white-space:nowrap}.replace-head small{display:block;margin-top:4px;font-size:10px;white-space:nowrap}.replace-mini{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;flex:none}.replace-mini.person{background:#ebddff;color:#8957f4}.replace-mini.product{background:#d5faee;color:#2bbd86}.replace-mini.scene{background:#d9f5fb;color:#39b7d3}.toggle{margin-left:auto;display:block;width:31px;height:19px;background:#cbd5e5;border-radius:30px;padding:2px;flex:none;transition:background .2s}.toggle i{display:block;width:15px;height:15px;background:#fff;border-radius:100%;transition:transform .2s;box-shadow:0 1px 3px #1d38582c}.toggle.on{background:#597cff}.toggle.on i{transform:translate(12px)}.replace-media{display:flex;gap:7px;margin-top:14px;height:90px}.replace-example{flex:1;min-width:0;overflow:hidden;border-radius:7px;background:#e7ecf5}.replace-example img{height:100%;width:100%;object-fit:cover}.replace-add{flex:.62;border:1.5px dashed #d5ddec;background:#f7f9ff;border-radius:7px;color:#8394bd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.replace-add span{font-size:11px}.replace-add:not(:disabled):hover{background:#edf2ff;border-color:#9bb0f4;color:#5777ef}.tiny-remove{color:#8d9cb2;font-size:10px;text-decoration:underline;margin-top:6px}.extra-prompt{margin-top:20px;position:relative}.extra-prompt label{display:block;font-size:12px;font-weight:700;color:#3d4a61;margin-bottom:9px}.extra-prompt label small{font-size:11px}.extra-prompt textarea,.prompt-wrap textarea{width:100%;resize:vertical;min-height:92px;background:#f9fbff;border:1px solid #e0e7f1;border-radius:10px;color:#334760;padding:13px 15px;line-height:1.8;font-size:12px}.extra-prompt textarea:focus,.prompt-wrap textarea:focus{background:#fff;border-color:#8c9efa}.extra-prompt textarea::placeholder,.prompt-wrap textarea::placeholder{color:#b3bfd0}.chars{position:absolute;right:13px;bottom:11px;color:#a9b6c7;font-size:10px}.generation-panel{border-top:1px solid #ebeff5;padding:23px 27px 25px}.settings-inline{display:flex;align-items:end;gap:15px}.settings-inline .field{min-width:0;flex:1}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:12px;font-weight:650;color:#788ba7}.field input,.field select{height:40px;padding:0 12px;background:#f8faff;border:1px solid #e1e7f0;border-radius:7px;color:#44556d;font-size:13px}.field input:focus,.field select:focus{border-color:#9cb0ff}.generate-button{min-width:190px;min-height:41px}.safe-hint{color:#9aabc1;font-size:11px;display:flex;align-items:center;gap:7px;margin-top:15px}.safe-hint svg{color:#6d91ed}.text-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:21px}.text-work{padding:28px}.text-work .sub-heading{position:relative}.sample-prompt,.clear-link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#6481ed;font-size:12px}.prompt-wrap{position:relative}.prompt-wrap textarea{min-height:240px;font-size:13px;padding:17px 18px}.second-step{margin-top:28px}.reference-images{display:flex;gap:9px;height:128px;overflow:hidden}.image-upload-tile{width:220px;max-width:48%;flex-shrink:0;border:1.5px dashed #cbddff;border-radius:10px;background:#f8faff;color:#527cf6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px}.image-upload-tile:hover{background:#eff5ff}.image-upload-tile b{font-size:12px;color:#5574b5}.image-upload-tile span{font-size:10px;color:#a1acc0}.sample-reference,.ref-image{min-width:0;width:110px;border-radius:8px;overflow:hidden;position:relative}.sample-reference img,.ref-image img{width:100%;height:100%;object-fit:cover}.sample-reference small{position:absolute;right:5px;bottom:5px;background:#18263880;color:#fff;padding:2px 5px;border-radius:4px;font-size:10px}.ref-image{width:180px;flex:none}.text-controls{margin-top:5px}.inspire-panel{background:#fff;border:1px solid #e5eaf3;border-radius:13px;padding:22px;height:max-content}.inspire-title{display:flex;align-items:center;gap:9px;color:#425fe5}.inspire-title strong{color:#263955}.inspire-panel>p{font-size:12px;color:#9aacbf;margin-top:10px;margin-bottom:17px}.inspire-panel>img{height:168px;width:100%;border-radius:9px}.inspire-options{margin-top:18px;display:flex;flex-direction:column;gap:3px}.inspire-options button{display:flex;justify-content:space-between;align-items:center;padding:12px 5px;color:#65778e;font-size:12px;text-align:left;border-bottom:1px solid #f1f3f8}.inspire-options button:hover{color:#386bed}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:17px}.history-heading h1{font-size:27px}.history-search{border:1px solid #e4eaf4;background:#fff;border-radius:8px;padding:0 13px;color:#9cadc4;height:38px;display:flex;align-items:center;gap:9px;width:290px}.history-search input{min-width:0;flex:1;border:0;font-size:12px;color:#4d5d79}.history-search input::placeholder{color:#aebbd1}.history-tools{display:flex;align-items:center;justify-content:space-between;margin:27px 0 19px;gap:10px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{padding:9px 14px;background:#fff;border:1px solid #eff1f8;color:#8290a9;border-radius:7px;font-size:12px}.filter-tabs button.selected{background:#436cf3;border-color:#436cf3;color:#fff;font-weight:750}.refresh-link{display:flex;gap:7px;align-items:center;color:#7183a2;font-size:12px}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.history-card{background:#fff;border:1px solid #e8ebf3;border-radius:10px;overflow:hidden;min-width:0;box-shadow:0 3px 12px #4960800a}.history-thumbnail{height:155px;position:relative;width:100%;padding:0;display:block;background:#e9f0fb;overflow:hidden}.history-thumbnail img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.history-thumbnail:hover img{transform:scale(1.06)}.thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#20304085;color:#fff;width:33px;height:33px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;opacity:.9}.thumb-duration{position:absolute;bottom:8px;right:9px;font-size:10px;color:#fff;background:#0009;padding:3px 5px;border-radius:4px}.history-card-body{padding:11px 12px 13px}.history-title{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{color:#a7b2c4;font-size:10px;margin:6px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.status{display:inline-flex;gap:5px;align-items:center;font-size:10px;font-weight:600;padding:4px 6px;border-radius:5px;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status.success{background:#e4f9f0;color:#18a674}.status.danger{background:#ffedf0;color:#e55e73}.status.progress{background:#e9f0ff;color:#507df0}.status.neutral{background:#f1f3f7;color:#7e8ca5}.card-actions{display:flex;align-items:center;gap:8px}.card-actions button,.card-actions a{color:#8393ac;display:grid;place-items:center}.card-actions button:hover,.card-actions a:hover{color:#4d6ef8}.pagination{display:flex;align-items:center;gap:17px;justify-content:center;margin-top:27px;color:#7d8dac;font-size:12px}.pagination button{width:31px;height:31px;border:1px solid #e7eaf2;border-radius:7px;background:#fff;display:grid;place-items:center}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;min-height:370px;color:#8b9bad;text-align:center}.empty-state h3{color:#374960}.empty-state p{font-size:12px}.empty-icon{width:76px;height:76px;background:#eaf0fe;display:grid;place-items:center;border-radius:20px;color:#5f7ef0}.empty-state .primary-button{margin-top:7px}.settings-stack{max-width:970px;display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border:1px solid #e6ebf5;border-radius:13px;padding:25px 29px}.settings-card-head{display:flex;justify-content:space-between;align-items:center;color:#6d84d9;margin-bottom:25px}.settings-card-head h2{color:#293852}.settings-card-head p{font-size:12px;color:#9cabbc;margin-top:6px}.settings-card-head p b{color:#677999}.password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.settings-save{margin-top:20px}.config-list{border:1px solid #edf0f6;border-radius:10px}.config-list>div{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #f0f2f7;color:#596a82;font-size:13px}.config-list>div:last-child{border-bottom:0}.env-info{background:#f8faff;border:1px solid #ebeff8;border-radius:9px;padding:18px 19px;margin-top:19px;color:#556783}.env-info b{font-size:12px}.env-info p{font-size:12px;margin-top:8px;color:#8595ab}.env-info code{background:#e8eefc;color:#5270b8;padding:2px 5px;border-radius:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15243982;z-index:100;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.task-dialog{width:min(100%,570px);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 25px 90px #0e1e4a66;padding:24px}.dialog-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:17px}.dialog-head h2{font-size:21px}.dialog-head p{font-size:11px;color:#9eacba;margin-top:5px;word-break:break-word}.dialog-media{height:270px;background:#ecf0f8;border-radius:10px;overflow:hidden}.dialog-media video,.dialog-media img{height:100%;width:100%;object-fit:contain}.placeholder-preview{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#97a7bd}.dialog-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-bottom:1px solid #e9eef4;padding:20px 0}.dialog-details>div{display:flex;flex-direction:column;gap:5px}.dialog-details span,.dialog-prompt span{font-size:11px;color:#9cabbf}.dialog-details b{font-size:13px;color:#455774}.dialog-prompt{padding-top:16px}.dialog-prompt p{font-size:13px;color:#56657c;white-space:pre-wrap;margin-top:7px}.dialog-error{display:flex;align-items:center;gap:8px;background:#fff0f2;color:#c95464;padding:12px;border-radius:8px;font-size:12px;margin-top:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.outline-button{border:1px solid #dfe6f0;border-radius:8px;padding:10px 18px;color:#708098}.toast-bar{position:fixed;z-index:200;bottom:29px;left:50%;transform:translate(-50%);border-radius:10px;padding:13px 20px;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;box-shadow:0 12px 32px #1d336043;max-width:calc(100vw - 30px)}.toast-bar.ok{background:#2d475f}.toast-bar.error{background:#be475e}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,13px)}.spin{animation:spinning 1.5s linear infinite}@keyframes spinning{to{transform:rotate(360deg)}}@media(max-width:1250px){.sidebar{width:200px}.main-panel{margin-left:200px}.content{padding:27px 25px 70px}.work-upper{gap:15px;padding:23px 19px}.replacement-grid{gap:6px}.replace-card{padding:8px}.replace-head{gap:4px}.replace-mini{width:25px;height:25px}.replace-head strong{font-size:11px}.replace-head small{font-size:9px}.generate-button{min-width:155px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.work-upper{grid-template-columns:1fr}.reference-grid,.video-preview{min-height:210px}.replacement-grid{gap:12px}.replace-card{padding:12px}.text-layout{grid-template-columns:1fr}.inspire-panel{display:none}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{width:246px;transform:translate(-100%);transition:transform .23s;box-shadow:10px 0 50px #2d405516}.sidebar.opened{transform:translate(0)}.nav-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#17263b6e;z-index:20}.mobile-close{display:grid;place-items:center;margin-left:auto}.main-panel{margin-left:0}.topbar{padding:0 17px;height:60px}.mobile-trigger{display:grid;place-items:center;margin-right:12px;color:#6b7e9b}.top-title small,.top-divider{display:none}.mode-indicator{font-size:10px}.content{padding:18px 15px 65px}.hero{height:248px}.hero-copy{padding:36px 25px}.hero h1{font-size:26px}.hero-picture{width:67%}.hero-fade{background:linear-gradient(90deg,#425370 0%,#455771ec 35%,#45577145 78%,transparent)}.home-sections{grid-template-columns:1fr}.home-card{padding:19px}.feature-shots,.feature-single{height:158px}.examples-row{grid-template-columns:repeat(3,minmax(0,1fr))}.example img{height:105px}.page-heading h1,.history-heading h1{font-size:23px}.page-heading p{font-size:12px}.step-row{gap:6px;font-size:10px}.step-row>div:not(.step-rule){gap:5px;font-size:10px}.step-row span{min-width:22px;height:22px}.generation-panel{padding:20px 16px}.settings-inline{flex-wrap:wrap}.settings-inline .field{flex:1 1 39%}.generate-button{width:100%;margin-top:5px}.history-heading{align-items:flex-start;flex-direction:column}.history-search{width:100%}.password-grid,.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-right{min-height:100vh;padding:92px 24px 40px}.login-brand{top:30px;left:26px}}@media(max-width:480px){.work-upper{padding:16px}.reference-grid{grid-template-columns:1fr;gap:10px}.video-upload{min-height:150px}.video-preview{min-height:180px}.replacement-grid{grid-template-columns:1fr}.replace-media{height:80px}.replace-example{max-width:120px}.replace-add{max-width:95px}.replace-head strong{font-size:12px}.replace-head small{font-size:10px}.text-work{padding:16px}.reference-images{height:115px}.image-upload-tile{width:180px}.sample-reference{width:75px;flex:none}.history-grid{grid-template-columns:1fr 1fr;gap:9px}.history-thumbnail{height:115px}.history-card-body{padding:9px}.history-title{font-size:11px}.history-date{font-size:9px}.status{font-size:9px;padding:4px}.card-actions{gap:5px}.card-actions svg{width:15px}.task-dialog{padding:16px}.dialog-media{height:190px}.filter-tabs{gap:5px}.filter-tabs button{padding:7px 9px;font-size:11px}.hero-copy{padding:29px 20px}.hero h1{font-size:24px}.hero p{font-size:12px}}.content{width:100%;max-width:1840px;padding:34px clamp(22px,3vw,54px) 88px}.hero{height:274px;background:linear-gradient(110deg,#435674,#607594 66%,#91a8bb)}.hero-picture{width:42%;background:linear-gradient(90deg,transparent,#879eaf58)}.hero-picture img{position:absolute;right:2%;bottom:-10%;height:115%;width:auto;max-width:none;object-fit:contain;object-position:right bottom;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 26%);mask-image:linear-gradient(90deg,transparent 0%,black 26%)}.hero-fade{background:linear-gradient(90deg,#435674 0%,#435674ed 31%,#51678195 66%,transparent 100%)}.hero-copy{padding:54px clamp(30px,4vw,60px);max-width:72%}.hero-kicker{color:#d5e4f8;letter-spacing:1.2px;font-size:12px}.hero h1{font-size:clamp(28px,2.35vw,36px)}.hero p{font-size:14px}.home-intro{margin-top:31px}.home-intro h2{font-size:21px;letter-spacing:-.3px}.home-intro p{font-size:13px;color:#8998ad;margin-top:4px}.home-sections{gap:20px;margin-top:17px}.home-card{display:block;position:relative;width:100%;text-align:left;min-height:250px;padding:24px 26px 23px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-card:hover{border-color:#bccdfb}.home-card-header{display:flex;align-items:center;justify-content:space-between}.home-card h3{font-size:20px;margin-top:18px}.home-card p{margin:8px 0 15px;max-width:none;min-height:0;font-size:13px;color:#6d7e96}.home-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#7a88a3;font-size:12px}.home-steps span{background:#ffffffb8;padding:7px 10px;border:1px solid #e8eefa;border-radius:7px}.home-steps svg{flex:none;color:#93a3b9}.home-card-cta{display:inline-flex;align-items:center;gap:7px;margin-top:22px;font-size:13px;font-weight:750;color:#5072eb}.recent-heading{margin:32px 0 14px}.recent-list{border:1px solid #e7edf5;background:#fff;border-radius:12px;overflow:hidden}.recent-item{display:flex;align-items:center;width:100%;gap:15px;text-align:left;padding:14px 20px;border-bottom:1px solid #eef2f7}.recent-item:last-child{border-bottom:0}.recent-item:hover{background:#f8faff}.recent-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:#edf2fe;color:#6379e4}.recent-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.recent-text strong{font-size:13px;color:#344461}.recent-text small{font-size:11px;color:#97a5b7}.recent-chevron{color:#a0afc2}.recent-empty{display:flex;align-items:center;gap:11px;border-radius:11px;border:1px dashed #d8e3f1;padding:26px 22px;background:#fff;color:#8697ad;font-size:13px}.recent-empty svg{color:#7189dc;flex:none}.reference-grid{grid-template-columns:minmax(0,1fr);min-height:221px}.reference-grid.has-video{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-grid .video-upload{min-height:221px}.video-preview{min-width:0;min-height:221px;background:#17223a}.video-preview video{display:block;width:100%;height:100%;object-fit:contain}.replace-card{padding:12px}.replace-head{align-items:center;min-height:43px}.replace-head strong{font-size:12px}.replace-head small{font-size:10px;color:#8c9db1}.replace-media{height:116px;width:100%;margin-top:12px;min-width:0}.replace-add{flex:1;min-width:0;border-radius:9px}.replace-add span{font-size:12px}.replace-media.filled .replace-example{flex:1;min-width:0}.replace-media.filled .replace-add{flex:.7}.replace-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;min-height:18px;color:#a1adbe;font-size:10px}.replace-bottom button{font-size:11px;color:#647ee9;white-space:nowrap}.reference-images{height:auto;min-height:132px;overflow:visible;flex-wrap:wrap;align-items:stretch}.image-upload-tile{min-height:132px;min-width:190px}.ref-image{width:170px;min-height:132px}.inspire-panel{background:#fff}.inspire-panel>p{margin-bottom:9px}.inspire-options{margin-top:7px}.inspire-options button{padding:14px 5px}.history-thumbnail video{display:block;width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;height:100%;background:linear-gradient(145deg,#edf2fa,#f5f7fc);color:#788fb6}.thumbnail-placeholder small{font-size:12px;color:#8ea0b8}.history-thumbnail .thumb-duration{background:#293b5ca6}@media(max-width:1250px){.content{max-width:none;padding:28px 25px 70px}}@media(max-width:760px){.content{padding:19px 15px 70px}.hero{height:245px}.hero-copy{max-width:92%;padding:35px 25px}.hero-picture{width:48%}.hero-picture img{right:-12%;height:112%}.hero-fade{background:linear-gradient(90deg,#435674,#435674ee 42%,#465c76b0 74%,#465c7630)}.home-card{min-height:236px;padding:20px}.recent-item{gap:10px;padding:12px}.recent-item .status{font-size:10px}}@media(max-width:480px){.hero{height:226px}.hero-copy{max-width:98%;padding:34px 20px}.hero h1{font-size:25px}.hero p{max-width:240px;font-size:12px}.hero-picture{width:48%}.hero-picture img{height:100%;right:-27%;bottom:0}.hero-fade{background:linear-gradient(90deg,#435674,#435674f8 52%,#435674b0 85%,#43567455)}.home-card{min-height:0}.home-steps{font-size:11px;gap:5px}.home-steps span{padding:6px 8px}.recent-item .status{max-width:96px;white-space:normal}.reference-grid.has-video{grid-template-columns:1fr}.replace-media{height:106px}.replace-add{max-width:none}.replace-media.filled .replace-add{max-width:100%}.image-upload-tile{max-width:none;width:100%}.ref-image{width:145px}}.provider-settings{display:grid;gap:21px;margin-top:20px}.provider-settings .field{width:100%;gap:9px}.provider-settings .field>label{color:#33445e;font-size:13px;font-weight:750;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.provider-settings .field>input,.provider-secret{width:100%;height:44px;border-radius:9px;border:1px solid #dfe7f4;background:#fafcff;color:#253e59}.provider-settings .field>input{padding:0 13px}.provider-settings .field>small{line-height:1.8;color:#8797ad}.provider-secret{display:flex;align-items:center;padding:0 8px 0 13px}.provider-secret:focus-within{border-color:#9cb0ff;background:#fff}.provider-secret>input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:13px}.media-url-help{color:#8292a9;line-height:1.85;font-size:12px;max-width:700px}.provider-settings .outline-button{width:max-content;max-width:100%;word-break:break-word;white-space:normal;height:auto;min-height:37px;text-align:left}.provider-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.provider-actions span{color:#8b9bb0;font-size:12px}.media-auto-field{height:40px;display:flex;align-items:center;padding:0 13px;background:#f7f9fd;border:1px solid #e0e7f1;border-radius:7px;font-size:12px;font-weight:600;color:#7586a1}.prompt-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:9px}.extra-prompt .prompt-heading label{margin:0}.prompt-heading button{font-size:11px;color:#526fe8;padding:3px 0}.prompt-guide{font-size:11px;color:#8797ad;margin-bottom:10px}.prompt-references{display:flex;flex-wrap:wrap;gap:5px 12px;margin-bottom:10px;font-size:10px;color:#637b9b;overflow-wrap:anywhere}.extra-prompt #remix-prompt{min-height:210px;padding-bottom:30px}@media(max-width:480px){.provider-actions .primary-button{width:100%}.provider-settings .field>label{align-items:flex-start}}