:root{color-scheme:dark;--bg:#0b0b10;--panel:#111117;--border:#272630;--text:#f3f0f7;--muted:#85818f;--purple:#b68cff;--green:#84d9bb;--font:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font);background-image:radial-gradient(ellipse 50% 35% at 50% 8%,#61266912,transparent)}button,input,select,textarea{font:inherit}button,a,select,label[for]{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,label:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}.topbar{height:86px;border-bottom:1px solid #24222c;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:24px;background:#0b0b10e8}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:1.2px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#9e4ef6,#f351b2);border-radius:13px;color:white;box-shadow:0 0 26px #ad49ed24}.brand-icon svg{width:26px;height:26px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#a39ba9;line-height:1.35}.topbar nav{display:flex;gap:28px;height:100%;align-items:center}.nav-button{font-size:13px;color:#8f899b;height:100%;position:relative;padding:0 3px}.nav-button.active{color:#eee8f8}.nav-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#bf8af8}.count{font-size:10px;background:#27232f;padding:2px 6px;border-radius:6px;margin-left:5px}.model-badge{display:flex;align-items:center;gap:8px;font:12px var(--font);padding:8px 10px;background:#14141a;border:1px solid #292731;border-radius:9px}.model-badge i,.tiny-dot,footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #7de1b950}.local-label{font-size:9px;color:#a099aa;border-left:1px solid #39323e;padding-left:8px;letter-spacing:1px}main{max-width:1440px;margin:0 auto;padding:0 48px}.hero{text-align:center;padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#a994bd;font-weight:600;display:flex;gap:9px;align-items:center}.hero .eyebrow{justify-content:center}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#ba86fc}.hero h1{font-size:34px;letter-spacing:-1px;line-height:1.4;font-weight:650;margin:15px 0 12px}.hero h1 span{background:linear-gradient(100deg,#c6a4ff,#f3a0d1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#9891a3;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(440px,1.5fr);gap:22px;align-items:start}.panel{border:1px solid var(--border);border-radius:20px;background:linear-gradient(130deg,#14131b,#101016);box-shadow:0 12px 48px #00000014}.reference{padding:24px}.configuration{padding:24px 28px}.section-title{display:flex;gap:10px;align-items:center;margin-bottom:22px}.section-title h2{font-size:16px;font-weight:600}.step-number{width:25px;height:25px;display:grid;place-items:center;border:1px solid #6d3b9266;background:#34203f66;border-radius:8px;color:#c896fa;font:10px var(--font)}.section-note{font-size:8px;letter-spacing:1.8px;color:#625d70;margin-left:auto}.video-drop{min-height:452px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px dashed #3c344a;border-radius:13px;background:radial-gradient(ellipse at center,#39204433,transparent 70%),#0d0c13;transition:.2s;padding:20px;text-align:center}.dropzone:hover,.dropzone.drag-over{border-color:#c48bff;background-color:#23152f}.upload-orb{display:grid;place-items:center;background:#292030;border:1px solid #44304e;width:66px;height:66px;border-radius:20px;color:#c7a2ed;margin-bottom:24px}.upload-orb svg{width:30px;height:30px}.video-drop strong{font-size:15px;font-weight:550;margin-bottom:7px}.video-drop>span:not(.upload-orb){color:#a398af;font-size:12px}.video-drop small{font-size:10px;color:#6b6377;margin-top:22px}.reference-tip{display:flex;gap:11px;padding:20px 2px 0;color:#be9fdc}.reference-tip svg{width:17px;height:17px;margin-top:2px}.reference-tip p{font-size:11px}.reference-tip p span{color:#77707e;font-size:10px}.video-stage{height:452px;position:relative;background:#07070b;border-radius:12px;overflow:hidden}.video-stage video{height:100%;width:100%;object-fit:contain}.file-info{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:10px;color:#9b92a6}.file-info span:first-child{max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.label-row label{font-size:13px;font-weight:500}.required{color:#d8a2f3;padding-left:3px}.muted{color:var(--muted);font-size:10px}.product-grid{display:flex;flex-wrap:wrap;gap:10px}.product-add,.product-card{height:84px;width:84px;border-radius:12px;flex-shrink:0}.product-add{border:1px dashed #48404f;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:#998ba8;background:#18141e;font-size:10px;transition:.2s}.product-add svg{width:23px;height:23px;color:#c699ef}.product-card{position:relative;background:white}.product-card img{height:100%;width:100%;object-fit:contain;border-radius:12px;cursor:zoom-in}.product-remove{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border:1px solid #594d65;background:#28212f;border-radius:50%;display:grid;place-items:center;font-size:13px;padding:0}.field-help{color:#777080;font-size:10px;line-height:1.8;margin-top:9px}.prompt-label{margin-top:25px}.optional{font-size:10px;color:#777080;font-weight:400;padding-left:7px}textarea{width:100%;min-height:116px;padding:14px 16px;resize:vertical;background:#0e0e14;border:1px solid #302b39;border-radius:12px;color:#e4ddec;font-size:12px;outline:none;line-height:1.9;transition:.2s}textarea:focus,select:focus{border-color:#ad75e4;box-shadow:0 0 0 3px #9f66c71a}textarea::placeholder{color:#6f667b}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 0 12px}.settings-heading h3{font-size:12px;font-weight:550}.settings-heading span{font-size:9px;color:#746b7e}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-grid.two{grid-template-columns:1fr 1fr;margin-top:15px}.field label{font-size:10px;color:#91869f;display:block;margin-bottom:7px}select{width:100%;padding:10px 30px 10px 11px;background:#19161f;border:1px solid #38303f;border-radius:9px;color:#d5ccdf;font-size:11px;outline:none;min-height:39px}.advanced{margin-top:17px;padding-bottom:0}summary{list-style:none;cursor:pointer;user-select:none}summary::-webkit-details-marker{display:none}.advanced summary{display:flex;align-items:center;justify-content:space-between;color:#b1a6bf;font-size:11px}.advanced summary>span{font-size:10px;color:#766980}.advanced summary b{font-size:15px;margin-left:8px;font-weight:400}.small-textarea{margin-top:12px;min-height:64px}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:21px;border-top:1px solid #2b2533;margin-top:20px}.submit-row>div{font-size:10px;color:#b4a6be}.tiny-dot{width:4px;height:4px;margin-right:6px}.submit-sub{display:block;color:#75697e;font-size:9px;margin-top:5px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;background:linear-gradient(110deg,#922fee,#d836b8);box-shadow:0 4px 24px #b541dc29;font-size:12px;font-weight:550;color:white;padding:13px 18px;white-space:nowrap;transition:.2s}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.primary .arrow{width:16px;height:16px;margin-left:8px}.process-strip{display:flex;align-items:center;gap:25px;margin:25px 0 0;padding:17px 24px;border:1px solid #282331;border-radius:13px;background:#12101750;font-size:11px;color:#ab9fb8}.process-strip b{font-size:9px;font-weight:500;color:#ba83eb;padding-right:8px}.process-strip i{font-style:normal;color:#504459}.process-note{margin-left:auto;font-size:10px;color:#73647d}footer{display:flex;justify-content:space-between;align-items:center;color:#534b60;font-size:9px;margin:32px 0 22px;gap:15px}footer i{height:4px;width:4px;margin-right:6px;opacity:.7}footer span:last-child{font-size:8px;letter-spacing:1px}.view-heading{display:flex;justify-content:space-between;align-items:center;margin:40px 0 26px}.view-heading h1{font-size:29px;font-weight:600;margin:8px 0}.view-heading p{color:#8f829c;font-size:12px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #493655;background:#24172f;border-radius:9px;padding:9px 14px;font-size:11px;color:#dbc4eb}.secondary:hover{background:#32213e}.secondary svg{width:16px;height:16px}.result-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.result-aside{padding:20px}.result-aside video{width:100%;max-height:300px;background:#09070d;border-radius:10px}.asset-name{font-size:11px;color:#c4b5ce;margin:10px 0;word-break:break-word}.asset-chips{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.asset-chips span{padding:3px 8px;border:1px solid #3c2e49;border-radius:6px;color:#bca2cd;background:#24192d;font-size:10px}.asset-products{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.asset-products img{height:45px;width:45px;object-fit:contain;background:white;border-radius:7px;cursor:zoom-in}.aside-separator{height:1px;background:#2e2537;margin:20px 0}.result-aside .section-title{gap:7px;margin-bottom:15px;color:#c49ce0}.result-aside .section-title h2{font-size:12px;color:#d6c6e2}.result-aside .section-title svg{height:15px;width:15px}.stage-list{list-style:none;margin:0;padding:0}.stage-list li{display:flex;gap:11px;padding:10px 0;position:relative;align-items:center}.stage-marker{display:grid;place-items:center;height:21px;width:21px;border:1px solid #4a3b57;border-radius:50%;color:#806b91;font-size:9px;flex-shrink:0}.stage-list li.done .stage-marker{background:#193e31;border-color:#2b6b50;color:#9bd4b9}.stage-list li.current .stage-marker{background:#4b2262;border-color:#b67cda;box-shadow:0 0 15px #ad6cce30;color:#e8c7f9}.stage-list li.failed .stage-marker{background:#51232f;border-color:#b96980;color:#f6c4d2}.stage-name{font-size:11px;color:#a392b1}.stage-list li.current .stage-name{color:#e4cff2}.stage-duration{font-size:9px;color:#7d6a8d;margin-left:auto;white-space:nowrap}.total-time{font-size:11px;border-top:1px solid #2f2439;margin-top:10px;padding-top:15px;display:flex;justify-content:space-between;color:#bfabc9}.result-main{padding:26px;min-width:0}.result-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.result-title h2{font-size:18px;margin-top:9px;font-weight:550}.status-pill{display:inline-block;border-radius:5px;background:#392044;color:#cda6e8;font-size:9px;letter-spacing:.5px;padding:3px 8px}.status-pill.completed{background:#17372c;color:#97d5b6}.status-pill.failed,.status-pill.interrupted{background:#4b2233;color:#edb4ca}.working-state{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:400px}.loader-orb{display:grid;place-items:center;height:80px;width:80px;border-radius:25px;background:radial-gradient(#7436a650,#3b1f5540);border:1px solid #69448266;box-shadow:0 0 55px #7a3cb535;margin-bottom:28px;animation:breathe 2s ease-in-out infinite}.loader-orb svg{width:37px;height:37px;color:#c4a1e3}@keyframes breathe{50%{box-shadow:0 0 75px #a44de04d;transform:scale(1.06)}}.working-state h3{font-size:18px;font-weight:500}.working-state p{color:#887397;font-size:12px;margin-top:10px}.elapsed-badge{padding:5px 12px;margin-top:18px;border:1px solid #493253;border-radius:7px;color:#bd98d1;font-size:10px}.insight{padding:15px 17px;border:1px solid #4b315e;background:#2b193c66;border-radius:12px;margin-bottom:20px}.insight>span{font-size:9px;letter-spacing:1px;color:#c795ed}.insight p{color:#dbcae5;font-size:12px;line-height:1.9;margin:7px 0}.insight small{color:#9682a4;font-size:10px}.notes-box{padding:10px 14px;border-left:2px solid #907044;background:#3b2b182b;color:#b4a084;font-size:10px;line-height:1.9;margin-bottom:18px}.prompt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #35283e;padding-bottom:11px}.prompt-toolbar>span{font-size:9px;letter-spacing:1px;color:#ac8abd}.prompt-toolbar>span span{font-size:9px;letter-spacing:0;color:#75617f;margin-left:8px}.prompt-toolbar>div{display:flex;gap:8px}.icon-button{font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#cbb5da;border:1px solid #493252;border-radius:6px;padding:5px 8px}.icon-button svg{height:12px;width:12px}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.95 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8cedf;margin:18px 0 0}.prompt-editor{height:600px;min-height:350px;font:12px/1.9 ui-monospace,monospace;margin-top:18px}.edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.edit-actions .field-help{margin:0 auto 0 0}.edit-actions .primary{padding:8px 12px;font-size:11px}.version-switch{display:flex;gap:12px;margin-top:14px}.version-switch button{font-size:10px;color:#b68ccd;text-decoration:underline;text-underline-offset:3px}.result-details{border-top:1px solid #35283e;padding-top:18px;margin-top:24px}.result-details>summary{display:flex;justify-content:space-between;color:#bca7c9;font-size:11px}.result-details>summary>span{font-size:9px;color:#7b6489}.detail-tabs{display:flex;gap:17px;border-bottom:1px solid #38273f;margin-top:20px}.detail-tabs button{color:#8a7297;font-size:10px;padding:8px 0;border-bottom:2px solid transparent}.detail-tabs button.active{color:#d2b6e5;border-color:#bb84df}.tab-content{margin-top:15px;min-width:0}.tab-content pre{font:10px/1.8 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;max-height:550px;overflow:auto;color:#bbaac8}.frame-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.frame-grid figure{margin:0}.frame-grid img{width:100%;border-radius:6px;cursor:zoom-in}.frame-grid figcaption{color:#8b7298;font:9px/1.8 ui-monospace,monospace}.file-list{display:flex;flex-wrap:wrap;gap:8px}.file-list a{border:1px solid #4b3454;padding:6px 9px;border-radius:6px;font-size:10px;color:#bfa7d0}.timing-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #302436;padding:9px 0;color:#ae96bd;font-size:11px}.timing-row span:last-child{color:#d5c1e0;word-break:break-word;text-align:right}.error-state{text-align:center;padding:50px 16px}.error-symbol{display:grid;place-items:center;border:1px solid #99566c;background:#4e2434;color:#f0b6c9;font-size:27px;border-radius:20px;width:60px;height:60px;margin:0 auto 24px}.error-state h3{font-size:19px;font-weight:500}.error-state>p:not(.field-help){color:#bb99a7;font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;max-width:620px;margin:15px auto 22px}.history-list{display:grid;gap:12px;min-height:400px;align-content:start}.history-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;align-items:center;padding:17px 20px;text-align:left;border:1px solid #34283d;background:linear-gradient(130deg,#17121e,#111017);border-radius:14px;transition:.2s}.history-card:hover{border-color:#805795;background:#24172f}.history-card img{width:60px;height:68px;object-fit:cover;border-radius:7px;background:#09070d}.history-card h3{font-size:13px;font-weight:500;word-break:break-word}.history-card p{font-size:10px;color:#9681a2;margin-top:6px}.history-card .status-pill{margin-left:10px}.history-empty{text-align:center;color:#8f769e;padding:80px;border:1px dashed #47334e;border-radius:16px}dialog{background:#18121f;border:1px solid #5b3d6b;border-radius:20px;color:#e6d5f0;padding:32px;max-width:min(94vw,540px);box-shadow:0 20px 100px #0009}dialog::backdrop{background:#050308bb;backdrop-filter:blur(6px)}dialog h2{font-size:22px;font-weight:500;margin:10px 0 24px}.dialog-close{position:absolute;top:10px;right:12px;font-size:23px;color:#b294c1}#imageDialog{padding:24px;max-width:92vw}#largeImage{max-height:80vh;max-width:80vw;border-radius:8px;display:block}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:11px 20px;background:#3b234d;border:1px solid #8c5ca3;color:#f4e1ff;border-radius:10px;box-shadow:0 5px 30px #0006;font-size:12px;transition:.2s;z-index:100;max-width:85vw;white-space:pre-wrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.hero{padding:65px 0 40px}.hero h1{font-size:40px}.video-drop,.video-stage{min-height:505px;height:505px}.configuration{padding:28px 32px}.product-add,.product-card{width:90px;height:90px}textarea{min-height:130px}.submit-row{margin-top:25px;padding-top:25px}}
@media(max-width:1050px){main{padding:0 25px}.topbar{padding:0 25px}.workspace{grid-template-columns:minmax(240px,.8fr) minmax(380px,1.3fr);gap:15px}.configuration{padding:22px}.reference{padding:20px}.section-note{display:none}.submit-row{flex-wrap:wrap;gap:17px}.submit-row .primary{margin-left:auto}.hero h1{font-size:29px}.process-note{display:none}.process-strip{justify-content:space-between;gap:10px}.result-layout{grid-template-columns:240px minmax(0,1fr)}.prompt-toolbar{flex-wrap:wrap}.model-badge{max-width:210px}.frame-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:740px){main{padding:0 16px}.topbar{padding:0 17px;height:74px;gap:10px}.brand{font-size:14px;gap:8px}.brand small{font-size:8px;letter-spacing:1px}.brand-icon{width:33px;height:33px;border-radius:10px}.brand-icon svg{width:22px;height:22px}.topbar nav{gap:12px}.nav-button{font-size:11px}.model-badge{padding:7px;gap:5px;max-width:135px;font-size:10px}.model-badge #modelName{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.local-label{display:none}.hero{padding:36px 4px 26px}.hero h1{font-size:24px;line-height:1.6;letter-spacing:-.8px}.hero h1 span{display:block}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}.hero p{font-size:11px;line-height:1.9;max-width:300px;margin:auto}.workspace{grid-template-columns:1fr}.reference{padding:20px}.video-drop{min-height:230px}.video-stage{height:330px}.reference-tip{padding-top:14px}.reference-tip p br{display:none}.reference-tip p span{margin-left:8px}.configuration{padding:20px}.section-title{margin-bottom:20px}.section-note{display:block}.product-add,.product-card{width:76px;height:76px}.process-strip{font-size:9px;padding:15px 12px;gap:6px}.process-strip b{padding-right:4px;font-size:8px}footer{font-size:8px;flex-wrap:wrap;margin:25px 0 16px}footer span:nth-child(2){display:none}.settings-grid{gap:8px}.settings-heading span{font-size:8px}.submit-row{flex-wrap:nowrap}.submit-row>div{font-size:9px}.submit-sub{font-size:8px}.primary{padding:12px;font-size:11px}.primary .arrow{display:none}.view-heading{margin:29px 0 20px;gap:10px}.view-heading h1{font-size:25px}.view-heading p{font-size:10px}.result-layout{grid-template-columns:1fr}.result-aside{padding:17px}.result-aside video{max-height:230px}.result-main{padding:20px}.result-aside .stage-list{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.stage-list li{gap:7px}.stage-name{font-size:10px}.stage-duration{font-size:8px}.stage-marker{height:18px;width:18px;font-size:8px}.working-state{min-height:300px}.history-card{grid-template-columns:45px minmax(0,1fr) auto;gap:12px;padding:13px}.history-card img{width:45px;height:55px}.history-card h3{font-size:11px}.history-card p{font-size:9px}.history-card .status-pill{font-size:8px}.frame-grid{grid-template-columns:repeat(4,1fr)}.edit-actions{flex-wrap:wrap}.edit-actions .field-help{width:100%}.count{display:none}}
.pet-reference{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#15111c;border:1px solid #34293f;border-radius:12px;padding:14px;margin-top:18px}.pet-description{min-width:0}.pet-description>label{font-size:12px;font-weight:500}.pet-description p{font-size:10px;line-height:1.85;color:#8d7c9b;margin-top:6px}.pet-slot{flex-shrink:0}.pet-slot .product-add,.pet-slot .product-card{width:72px;height:72px}.pet-filename{display:block;margin-top:6px;color:#bb9bce;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.asset-section-label{margin:14px 0 6px;font-size:9px;color:#a58cb5}.pet-images img{border:1px solid #a77ac5}.pet-reference+.prompt-label{margin-top:20px}@media(max-width:740px){.pet-reference{padding:12px;gap:12px}.pet-description p{font-size:9px}.pet-filename{max-width:170px}}
.pet-status{display:block;color:#96cbb3;font-size:10px;line-height:1.7;margin-top:7px;max-width:330px}.pet-status.is-error{color:#efa5b9}

.video-remove{top:10px;right:10px;width:26px;height:26px;z-index:2;background:#28212fe8;font-size:18px}.video-remove:hover{background:#493052}
.generation-choice{margin-top:19px;padding:14px 15px;background:#20142d77;border:1px solid #493054;border-radius:12px}.generation-choice>label{display:flex;align-items:center;gap:9px;font-size:12px;color:#dfc9ed}.generation-choice input[type=checkbox]{accent-color:#bd78f4;width:15px;height:15px;margin:0}.generation-choice>p{font-size:9px;color:#9581a3;margin:7px 0 0 24px}.generation-choice>details{margin:12px 0 0 24px}.generation-choice summary{font-size:10px;color:#a98bbd}.field input[type=number]{width:100%;min-height:39px;border:1px solid #38303f;border-radius:9px;background:#19161f;color:#d5ccdf;font-size:11px;padding:9px 11px}.generation-card{border:1px solid #553561;border-radius:14px;padding:18px;background:linear-gradient(135deg,#24142d77,#14111b);margin:22px 0}.generation-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.generation-header h3{font-size:16px;font-weight:550;margin-top:7px}.generation-header .eyebrow{font-size:8px}.generation-header .status-pill{font-size:8px;margin-left:6px;vertical-align:middle}.generation-header .primary{font-size:10px;padding:9px 12px}.generation-header .primary svg{height:15px;width:15px}.generation-card video{width:100%;max-height:650px;border-radius:10px;background:#07070a;margin-top:16px}.video-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.video-actions .muted{margin-left:auto}.generation-progress{display:flex;align-items:center;gap:9px;margin-top:16px;color:#c9a7dd;font-size:11px}.generation-progress>span:last-child{margin-left:auto;color:#947fa0;font-size:9px}.spinner{width:13px;height:13px;border:2px solid #624374;border-top-color:#d8aaf1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generation-error{color:#ecadbd;background:#52223744;border:1px solid #75425666;border-radius:9px;padding:11px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.status-pill.video-active{background:#3c244d;color:#d0a6e5}@media(max-width:740px){.generation-card{padding:14px}.generation-header{align-items:flex-start;flex-wrap:wrap}.generation-header h3{font-size:14px}.generation-choice>p{font-size:8px}.video-actions .muted{width:100%;margin-left:0}.generation-header .primary{margin-top:5px}}

.pool-details{margin-top:12px}.pool-details>button{margin-top:10px}.pool-status{margin-top:8px;font-size:10px;color:#ab96ba}.pool-status .timing-row{font-size:10px;padding:6px 0}

.enhance-choice{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text);margin:14px 0 8px}.enhance-choice input{accent-color:#b74bff;width:16px;height:16px}.video-actions{flex-wrap:wrap}

.model-picker{margin:18px 0}.generation-selectors{margin:18px 0 8px}.generation-selectors select{max-width:100%}.generation-card .field input{width:100%;box-sizing:border-box}.generation-card input#officialTaskId{padding:10px;background:#17171f;color:inherit;border:1px solid #34343e;border-radius:10px}.generation-card .generation-error{overflow-wrap:anywhere}
.pet-reference{align-items:flex-start;flex-wrap:wrap}.pet-description{width:100%}.pet-description .label-row{margin:0}.pet-grid{display:flex;flex-wrap:wrap;gap:10px;width:100%;min-height:72px}.pet-grid .product-add,.pet-grid .product-card{width:76px;height:76px}.pet-filename{max-width:100%;white-space:normal;overflow-wrap:anywhere}