:root{color:#f4f5f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0f1214;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0f1214;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.appFrame{background:#0f1214;grid-template-rows:46px minmax(0,1fr);min-height:100vh;display:grid}.brandBar{color:#f6f6f7;background:#111416;border-bottom:1px solid #252a2f;align-items:center;gap:11px;height:46px;padding:0 20px;font-size:17px;font-weight:700;display:flex}.brandOrb{color:#0000;background:linear-gradient(90deg,#0000 0 38%,#05f996 38% 49%,#0000 49%),repeating-linear-gradient(0deg,#ff3df2 0 3px,#0000 3px 6px),linear-gradient(135deg,#1a35ff,#04ff9d 46%,#fb2cff 68%,#ffd64a);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 0 0 1px #ffffff14}.bodyFrame{grid-template-columns:58px minmax(0,1fr);min-height:0;display:grid}.sideRail{background:#111416;border-right:1px solid #252a2f;flex-direction:column;align-items:center;gap:12px;min-height:0;padding:18px 8px 8px;display:flex}.navIcon{color:#b7bdc3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;position:relative}.navIcon:hover,.navIcon.active{color:#f7f8f8;background:#20252a}.navIcon.gift span{color:#04110b;background:#02f996;border-radius:999px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:4px;right:4px}.navIcon.bottom{border-color:#273039;margin-top:auto}.workflowPage,.studioPage{background:#0f1214;min-width:0;min-height:0;overflow:auto}.workflowPage{padding:18px 16px 46px}.pageHeader{margin:0 0 24px}.pageHeader h1,.studioHeader h1{color:#fbfbfb;letter-spacing:0;margin:0;font-size:22px;font-weight:800;line-height:1.15}.pageHeader p,.studioHeader p{color:#a7a7a7;margin:8px 0 0;font-size:15px;line-height:1.35}.workflowGrid{grid-template-columns:repeat(4,minmax(238px,1fr));gap:16px;max-width:1318px;display:grid}.workflowCard{min-width:0;min-height:431px;color:inherit;text-align:left;cursor:pointer;background:#202429;border:0;border-radius:24px;flex-direction:column;padding:12px 12px 15px;transition:transform .15s,background .15s,box-shadow .15s;display:flex}.workflowCard:hover{background:#262b31;transform:translateY(-2px);box-shadow:0 20px 50px #0000003d}.workflowCard.disabled{cursor:default}.workflowCard.disabled:hover{transform:none}.workflowCard img{aspect-ratio:1.06;object-fit:cover;background:#15191d;border-radius:15px;width:100%;display:block}.cardTitle{align-items:center;gap:9px;min-width:0;margin-top:14px;display:flex}.cardIcon{color:#00f69a;display:inline-flex}.cardTitle h2{color:#f8f8f8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:800;line-height:1.25;overflow:hidden}.workflowCard p{color:#aaa;min-height:40px;margin:7px 3px 13px;font-size:14px;line-height:1.28}.badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.badges span{color:#b7bec6;background:#2b3239;border-radius:5px;min-height:21px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.25}.badges .versionBadge{color:#00fa96;background:#17372c}.brandBadge{letter-spacing:0;margin-right:3px;font-size:22px;font-weight:900;line-height:1}.brandBadge.ltx{color:#fff}.brandBadge.wan{color:#9d83ff;font-size:13px}.brandBadge.veo{color:#9fc6ff;font-size:15px}.brandBadge.kling{color:#fff07a;font-size:15px}.studioPage{padding:18px}.studioHeader{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;display:grid}.studioHeader>button{color:#eef1f3;cursor:pointer;background:#1c2126;border:1px solid #2b333b;border-radius:8px;min-height:38px;padding:0 13px}.statusStrip{color:#d7deeb;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:0 12px;font-size:13px;display:flex}.dot{background:#f09a43;border-radius:50%;width:9px;height:9px}.dot.good{background:#3ed17a}.studioGrid{grid-template-columns:minmax(0,1fr) 390px;gap:18px;min-height:calc(100vh - 128px);display:grid}.stage{background:#090b0f;border:1px solid #ffffff1a;border-radius:8px;grid-template-rows:minmax(360px,1fr) auto;min-width:0;display:grid;overflow:hidden}.viewer{background-color:#0c0f14;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;min-height:0;display:grid;position:relative}.viewer video{object-fit:contain;background:#050608;width:100%;height:100%}.emptyState{color:#aeb6c6;text-align:center;place-items:center;gap:10px;width:min(440px,100% - 36px);display:grid}.emptyState p{color:#f2f5fb;margin:0;font-weight:700}.emptyState span{color:#7f899d;font-size:13px}.stageActions{background:#0f1115f5;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:10px 14px;display:flex}.jobState,.actionGroup{align-items:center;gap:10px;display:flex}.jobState{color:#cfd6e4;min-width:0;font-size:14px}.actionGroup{flex-shrink:0}.iconButton{color:#aeb6c6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:38px;height:38px;text-decoration:none;display:inline-grid}.iconButton:hover{color:#fff;background:#ffffff17;border-color:#ffffff24}.iconButton.disabled{pointer-events:none;opacity:.4}.panel{background:#11141af0;border:1px solid #ffffff1c;border-radius:8px;flex-direction:column;min-width:0;padding:16px;display:flex;overflow:auto}.presetGrid,.examples{gap:8px;display:grid}.presetGrid button,.examples button{color:#b8c1d4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-height:36px}.presetGrid button.selected{color:#101217;background:#fff}.uploadBox{color:#dbe1ed;cursor:pointer;background:#ffffff0d;border:1px dashed #ffffff38;border-radius:8px;place-items:center;gap:9px;min-height:138px;margin-bottom:18px;display:grid;position:relative;overflow:hidden}.uploadBox img{object-fit:cover;width:100%;height:138px}.uploadBox span{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 24px);font-size:13px;overflow:hidden}.uploadBox img+span{background:#0000009e;border-radius:7px;padding:7px 9px;position:absolute;bottom:10px;left:10px;right:10px}.uploadBox input{opacity:0;cursor:pointer;position:absolute;inset:0}.fieldLabel,.selectField span{color:#dbe1ed;margin-bottom:8px;font-size:13px;font-weight:700}textarea{resize:vertical;color:#f8fafc;background:#0000003d;border:1px solid #ffffff1c;border-radius:8px;outline:none;width:100%;min-height:168px;padding:13px;line-height:1.45}textarea:focus,select:focus{border-color:#ffffff57}.examples{grid-template-columns:repeat(3,1fr);margin:10px 0 18px}.examples button{background:#ffffff0f;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 8px;font-size:12px;display:flex}.presetGrid{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.presetGrid button{background:#ffffff0f}.settingsGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.selectField{flex-direction:column;min-width:0;display:flex}.selectField div{position:relative}select{color:#f5f7fb;appearance:none;background:#0000003d;border:1px solid #ffffff1c;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 34px 0 11px}.selectField svg{pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.toggle{color:#dbe1ed;align-items:center;gap:10px;min-height:42px;margin:12px 0;font-size:14px;display:flex}.toggle input{accent-color:#fff;width:17px;height:17px}.generateButton{color:#101217;cursor:pointer;background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:auto;font-weight:800;display:flex}.generateButton:disabled{cursor:not-allowed;opacity:.62}.errorText{color:#ffd9d9;background:#9318183d;border:1px solid #ff717152;border-radius:8px;margin:0 0 12px;padding:10px;font-size:13px;line-height:1.4}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.workflowGrid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media (width<=940px){body{overflow:auto}.bodyFrame{grid-template-columns:1fr}.sideRail{z-index:3;border-bottom:1px solid #252a2f;border-right:0;flex-direction:row;min-height:auto;padding:8px;position:sticky;top:46px}.navIcon.bottom{margin-top:0;margin-left:auto}.workflowGrid,.studioGrid,.studioHeader{grid-template-columns:1fr}}@media (width<=620px){.brandBar{padding:0 14px}.workflowPage,.studioPage{padding:14px}.workflowGrid{gap:14px}.workflowCard{border-radius:18px;min-height:390px}.settingsGrid,.examples{grid-template-columns:1fr}}