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