.hero[data-v-f47fc104]{margin:80px auto 0;max-width:896px;text-align:center}.hero-title[data-v-f47fc104]{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:"OPPO Sans 4.0",Manrope,sans-serif;font-size:40px;font-weight:600;gap:10px;line-height:1.18;margin:0}.subtitle[data-v-f47fc104]{color:#fff6;font-family:Manrope,sans-serif;font-size:13px;line-height:1.45;margin:12px auto 0;max-width:760px}.template-stage[data-v-f47fc104]{align-items:center;display:flex;flex-direction:column;gap:16px;margin:34px auto 0;max-width:896px}.template-stack[data-v-f47fc104]{height:292px;position:relative;width:min(785px,100%)}.template-card[data-v-f47fc104]{background:#ffffff14;border:0;border-radius:20px;height:272px;isolation:isolate;overflow:hidden;padding:0;position:absolute;transition:transform .2s ease,filter .2s ease;width:224px}.template-card[data-v-f47fc104]:hover{filter:brightness(1.08);transform:translateY(-5px);z-index:20}.template-card:hover .template-action-text[data-v-f47fc104]{opacity:1}.template-card:hover .template-title[data-v-f47fc104]{opacity:0}.template-card-0[data-v-f47fc104]{left:0;top:0;transform:rotate(4.45deg)}.template-card-1[data-v-f47fc104]{left:23%;top:25px;transform:rotate(-2.73deg)}.template-card-2[data-v-f47fc104]{left:46%;top:4px;transform:rotate(-4.22deg)}.template-card-3[data-v-f47fc104]{right:0;top:25px;transform:rotate(.93deg)}.template-media[data-v-f47fc104]{border-radius:inherit;display:block;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateZ(0);width:100%}.template-media[data-v-f47fc104] .el-image__inner,.template-media[data-v-f47fc104] img,.template-media[data-v-f47fc104] video{border-radius:inherit}.template-overlay[data-v-f47fc104]{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);bottom:0;height:68px;left:0;pointer-events:none;position:absolute;right:0}.template-action-text[data-v-f47fc104]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;bottom:8px;cursor:pointer;font-size:13px;font-weight:700;height:40px;justify-content:center;left:8px;line-height:18px;opacity:0;padding:0 16px;right:8px;z-index:3}.template-action-text[data-v-f47fc104],.template-title[data-v-f47fc104]{color:#fff;display:flex;font-family:Manrope,sans-serif;position:absolute;transition:opacity .2s ease}.template-title[data-v-f47fc104]{align-items:flex-end;bottom:0;font-size:14px;font-weight:600;left:0;padding:16px 12px;right:0;text-align:left}.batch-change-btn[data-v-f47fc104]{align-items:center;background:transparent;border:0;border-radius:6px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:13px;gap:6px;height:28px;padding:0 8px}.batch-change-btn[data-v-f47fc104]:hover{background:#ffffff14;color:#fff}.composer-shell[data-v-f47fc104]{bottom:20px;display:flex;justify-content:center;left:50%;position:absolute;transform:translate(-50%);z-index:20}.composer[data-v-f47fc104]{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;box-shadow:0 24px 80px #00000047;box-sizing:border-box;overflow:visible;padding:16px;position:relative;width:896px}.composer-assets[data-v-f47fc104]{align-items:center;display:flex;gap:8px;min-width:0;position:relative;z-index:1}.asset-tile[data-v-f47fc104]{flex:0 0 60px;height:60px;width:60px}.reference-tile[data-v-f47fc104]{flex-basis:156px;width:156px}.asset-tile[data-v-f47fc104]{align-items:center;background:linear-gradient(180deg,#fff0,#ffffff0a);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:#fffc;cursor:pointer;display:inline-flex;flex-direction:column;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:3px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.asset-tile img[data-v-f47fc104]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.asset-tile[data-v-f47fc104]:focus,.asset-tile[data-v-f47fc104]:hover{background:#ffffff14;border-color:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff14;transform:translateY(-1px)}.asset-tile.selected[data-v-f47fc104]{background:#ffffff1a;border-color:#ffffff4d}.reference-tile[data-v-f47fc104]{background:linear-gradient(180deg,#f661b500,#f661b566)!important;border:none;border-radius:16px;overflow:visible}.reference-tile .reference-tile-video[data-v-f47fc104],.reference-tile[data-v-f47fc104] .video-lazy-load,.reference-tile[data-v-f47fc104] .video-lazy-load-with-loading,.reference-tile[data-v-f47fc104] video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.reference-tile-preview[data-v-f47fc104]{border-radius:inherit;height:100%;overflow:hidden;width:100%}.reference-default-content[data-v-f47fc104]{align-items:center;display:flex;flex-direction:column;width:100%}.reference-default-icon[data-v-f47fc104]{align-items:center;border-radius:8px;display:flex;height:16px;justify-content:center;width:16px}.reference-default-title[data-v-f47fc104]{box-sizing:border-box;color:#fffc;font-size:12px;font-weight:500;line-height:16px;margin-top:4px;max-width:100%;padding:0 8px;text-align:center;white-space:nowrap}.asset-clear-btn[data-v-f47fc104]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;border-radius:999px;color:#fff;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease,background .2s ease;width:22px;z-index:2}.asset-clear-btn[data-v-f47fc104]:focus,.asset-clear-btn[data-v-f47fc104]:hover{background:#000000c7}.asset-clear-btn[data-v-f47fc104]:focus,.asset-tile:focus .asset-clear-btn[data-v-f47fc104],.asset-tile:hover .asset-clear-btn[data-v-f47fc104]{opacity:1}.reference-hover-preview[data-v-f47fc104]{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#161616;border:1px solid hsla(0,0%,100%,.14);border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 18px 48px #0000005c;box-sizing:border-box;display:flex;justify-content:center;left:50%;max-height:260px;max-width:min(320px,100vw - 32px);overflow:visible;pointer-events:none;position:absolute;transform:translate(-50%);width:-moz-max-content;width:max-content;z-index:4}.reference-hover-media[data-v-f47fc104]{border-radius:8px;display:block;height:auto;max-height:244px;max-width:calc(min(320px,100vw - 32px) - 16px);-o-object-fit:contain;object-fit:contain;width:auto}.reference-hover-media[data-v-f47fc104] .video-lazy-load,.reference-hover-media[data-v-f47fc104] .video-lazy-load-with-loading,.reference-hover-media[data-v-f47fc104] video{display:block;height:auto;max-height:244px;max-width:calc(min(320px,100vw - 32px) - 16px);-o-object-fit:contain;object-fit:contain;width:auto}.prompt-panel[data-v-f47fc104]{margin-top:18px;position:relative;z-index:1}.prompt-panel[data-v-f47fc104] .el-textarea__inner,.prompt-panel[data-v-f47fc104] textarea{color:#ffffffe0;font-size:14px;line-height:19px}.prompt-panel[data-v-f47fc104] .el-textarea__inner::-moz-placeholder,.prompt-panel[data-v-f47fc104] textarea::-moz-placeholder{color:#ffffff4d}.prompt-panel[data-v-f47fc104] .el-textarea__inner::placeholder,.prompt-panel[data-v-f47fc104] textarea::placeholder{color:#ffffff4d}.composer-footer[data-v-f47fc104]{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:24px;position:relative;z-index:1}.composer-tools[data-v-f47fc104]{align-items:center;display:flex;gap:8px;min-width:0}.composer-chip[data-v-f47fc104]{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:18px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:4px;height:36px;justify-content:center;line-height:17px;max-width:240px;outline:0;padding:8px 12px;white-space:nowrap}.composer-chip span[data-v-f47fc104]{min-width:0;overflow:hidden;text-overflow:ellipsis}.composer-chip[data-v-f47fc104]:focus,.composer-chip[data-v-f47fc104]:hover{background:#ffffff0f;border-color:#ffffff3d}.composer-settings-chip[data-v-f47fc104]{max-width:300px}.composer-generate[data-v-f47fc104]{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end}.credit-info[data-v-f47fc104]{align-items:center;color:#fff;display:flex;font-family:Manrope,sans-serif;font-size:12px;gap:4px;line-height:17px}.credit-info .original-credit[data-v-f47fc104]{color:#ffffff7a;text-decoration:line-through}.generate-action[data-v-f47fc104]{width:36px}.generate-action[data-v-f47fc104] .flex.items-center{display:none!important}.generate-action[data-v-f47fc104] .ui-el-button-primary-green{background:#fff!important;border:0!important;border-radius:18px!important;color:#070707!important;flex:0 0 36px!important;font-size:0!important;height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.generate-action[data-v-f47fc104] .el-button [class*=el-icon]+span{margin:0}.video-generate-btn[data-v-f47fc104]{align-items:center;background:#fff;border:0;border-radius:18px;color:#070707;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.video-generate-btn[data-v-f47fc104]:disabled{cursor:wait;opacity:.7}.language-menu[data-v-f47fc104],.mode-menu[data-v-f47fc104]{display:flex;flex-direction:column;gap:4px}.language-menu[data-v-f47fc104]{border-radius:12px;box-sizing:border-box;max-height:200px;overflow-y:auto;padding:4px}.language-menu-item[data-v-f47fc104],.mode-menu-item[data-v-f47fc104]{align-items:center;background:transparent;border:0;border-radius:8px;color:#ffffffb8;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:13px;gap:8px;height:34px;padding:0 10px;width:100%}.language-menu-item.active[data-v-f47fc104],.language-menu-item[data-v-f47fc104]:hover,.mode-menu-item.active[data-v-f47fc104],.mode-menu-item[data-v-f47fc104]:hover{background:#ffffff1a;color:#fff}.language-menu-item[data-v-f47fc104]{box-sizing:border-box;color:#fff;flex-shrink:0;font-size:14px;height:36px;justify-content:space-between;padding:0 10px}.compact-settings[data-v-f47fc104]{display:flex;flex-direction:column;gap:12px}.compact-setting-label[data-v-f47fc104]{color:#ffffff80;font-family:Manrope,sans-serif;font-size:12px;margin-bottom:8px}@media(max-width:768px){.viral-ad-page[data-v-f47fc104]{padding:20px 16px 24px}.hero[data-v-f47fc104]{margin-top:16px;text-align:left}.hero-title[data-v-f47fc104]{align-items:flex-start;font-size:30px}.subtitle[data-v-f47fc104]{margin-left:0}.template-stage[data-v-f47fc104]{margin-top:24px}.template-stack[data-v-f47fc104]{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.template-card[data-v-f47fc104]{aspect-ratio:3/4;height:auto;inset:auto;position:relative;width:100%}.composer[data-v-f47fc104]{margin-top:18px;min-height:auto;padding:14px}.composer-assets[data-v-f47fc104],.composer-tools[data-v-f47fc104]{flex-wrap:wrap}.reference-hover-preview[data-v-f47fc104]{max-height:220px;max-width:min(260px,100vw - 32px)}.reference-hover-media[data-v-f47fc104]{max-height:204px;max-width:calc(min(260px,100vw - 32px) - 16px)}.reference-hover-media[data-v-f47fc104] .video-lazy-load,.reference-hover-media[data-v-f47fc104] .video-lazy-load-with-loading,.reference-hover-media[data-v-f47fc104] video{max-height:204px;max-width:calc(min(260px,100vw - 32px) - 16px)}.reference-tile[data-v-f47fc104]{flex-basis:132px;width:132px}.composer-footer[data-v-f47fc104]{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}.composer-generate[data-v-f47fc104]{width:100%}}