[data-v-6e386b7c]:root{--p-theme-color:#fff}[data-theme=light][data-v-6e386b7c]{--p-theme-color:#000}.color-collage-hero[data-v-6e386b7c]{background:#06070d;display:flex;flex-direction:column;height:100vh;height:100dvh;isolation:isolate;overflow:hidden;position:relative}.color-collage-hero__bg[data-v-6e386b7c]{left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.color-collage-hero__overlay-top[data-v-6e386b7c]{background:linear-gradient(180deg,#030304cc,#03030400);height:58.4vw;inset:0 0 auto;pointer-events:none;position:absolute;z-index:1}.color-collage-hero__overlay-bottom[data-v-6e386b7c]{background:linear-gradient(180deg,#03030400,#030304 50%);height:50%;inset:auto 0 0;pointer-events:none;position:absolute;z-index:1}.color-collage-hero__logo[data-v-6e386b7c]{filter:drop-shadow(0 1px .53333vw rgba(0,0,0,.3));height:5.86667vw;left:6.4vw;pointer-events:none;position:absolute;top:26.66667vw;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:23.46667vw;z-index:100}.color-collage-hero--with-nav .color-collage-hero__logo[data-v-6e386b7c]{top:4.53333vw}.color-collage-hero__back[data-v-6e386b7c]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px .53333vw rgba(0,0,0,.3));height:8.53333vw;justify-content:center;left:2.4vw;padding:0;position:absolute;top:14.4vw;transition:opacity .2s ease;width:8.53333vw;z-index:100}.color-collage-hero__back[data-v-6e386b7c]:active{opacity:.6}.color-collage-hero .share-icon[data-v-6e386b7c]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px .53333vw rgba(0,0,0,.3));height:8.53333vw;justify-content:center;padding:0;position:absolute;right:2.4vw;top:14.4vw;transition:opacity .2s ease;width:8.53333vw;z-index:100}.color-collage-hero .share-icon[data-v-6e386b7c]:active{opacity:.6}.color-collage-hero--with-nav .share-icon[data-v-6e386b7c]{top:3.2vw}.color-collage-hero__content[data-v-6e386b7c]{align-items:stretch;bottom:0;display:flex;flex-direction:column;gap:10.13333vw;left:0;padding:5.33333vw 6.4vw calc(6.4vw + env(safe-area-inset-bottom,0px));position:absolute;right:0;z-index:2}.color-collage-hero__title-block[data-v-6e386b7c]{align-items:center;display:flex;flex-direction:column;gap:4.26667vw}.color-collage-hero__cta-block[data-v-6e386b7c]{align-items:center;display:flex;flex-direction:column;gap:7.46667vw}.color-collage-hero__cta-group[data-v-6e386b7c]{align-items:center;display:flex;flex-direction:column;gap:2.13333vw}.color-collage-hero__title[data-v-6e386b7c]{align-items:center;background:linear-gradient(90deg,#f3e19a 4%,#8df0fb);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;flex-direction:column;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:6.66667vw;font-style:normal;font-weight:600;letter-spacing:1.06667vw;line-height:1.68;margin:0;text-align:center;text-transform:uppercase;width:100%}.color-collage-hero__title-line[data-v-6e386b7c]{display:block;text-indent:1.06667vw;white-space:nowrap}.color-collage-hero__title-line[data-v-6e386b7c]:nth-child(2){text-indent:3.2vw}.color-collage-hero__subtitle[data-v-6e386b7c]{color:#fff9;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:3.2vw;font-weight:400;letter-spacing:.48px}.color-collage-hero__cta[data-v-6e386b7c],.color-collage-hero__subtitle[data-v-6e386b7c]{font-style:normal;line-height:5.86667vw;margin:0;text-align:center}.color-collage-hero__cta[data-v-6e386b7c]{align-items:center;background:#ffdd4c;border:none;border-radius:4px;box-shadow:0 1.6vw 5.33333vw #0000001f;color:#181818;cursor:pointer;display:inline-flex;font-family:PingFang SC,sans-serif;font-size:3.73333vw;font-weight:600;gap:2.13333vw;justify-content:center;padding:3.46667vw 5.33333vw;transition:opacity .2s ease,transform .2s ease;width:80vw}.color-collage-hero__cta[data-v-6e386b7c]:active{opacity:.92;transform:translateY(1px)}.color-collage-hero__cta[data-v-6e386b7c]:disabled{background:#ffdd4c4d;color:#fff9}.color-collage-hero__cta-icon[data-v-6e386b7c]{flex:none}.color-collage-hero__cta-spinner[data-v-6e386b7c]{animation:color-collage-hero-spin-6e386b7c 1s linear infinite}.color-collage-hero[data-v-6e386b7c] .color-collage-hero__refine-entry{align-items:center;color:#fff9;cursor:pointer;display:inline-flex;font-family:PingFang SC,sans-serif;font-size:3.2vw;font-style:normal;font-weight:400;gap:.8vw;justify-content:center;line-height:1.4;margin:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-collage-hero__file-input[data-v-6e386b7c]{display:none}@media (max-height:900px){.color-collage-hero__content[data-v-6e386b7c]{gap:28px}}@keyframes color-collage-hero-spin-6e386b7c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:768px){.color-collage-hero[data-v-6e386b7c]{background:#06070d;display:flex;flex-direction:column;height:100vh;height:100dvh;isolation:isolate;overflow:hidden;position:relative}.color-collage-hero__bg[data-v-6e386b7c]{left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.color-collage-hero__overlay-top[data-v-6e386b7c]{background:linear-gradient(180deg,#030304cc,#03030400);height:219px;inset:0 0 auto;pointer-events:none;position:absolute;z-index:1}.color-collage-hero__overlay-bottom[data-v-6e386b7c]{background:linear-gradient(180deg,#03030400,#030304 50%);height:50%;inset:auto 0 0;pointer-events:none;position:absolute;z-index:1}.color-collage-hero__logo[data-v-6e386b7c]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:22px;left:24px;pointer-events:none;position:absolute;top:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:88px;z-index:100}.color-collage-hero--with-nav .color-collage-hero__logo[data-v-6e386b7c]{top:17px}.color-collage-hero__back[data-v-6e386b7c]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:32px;justify-content:center;left:9px;padding:0;position:absolute;top:54px;transition:opacity .2s ease;width:32px;z-index:100}.color-collage-hero__back[data-v-6e386b7c]:active{opacity:.6}.color-collage-hero .share-icon[data-v-6e386b7c]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:32px;justify-content:center;padding:0;position:absolute;right:9px;top:54px;transition:opacity .2s ease;width:32px;z-index:100}.color-collage-hero .share-icon[data-v-6e386b7c]:active{opacity:.6}.color-collage-hero--with-nav .share-icon[data-v-6e386b7c]{top:12px}.color-collage-hero__content[data-v-6e386b7c]{align-items:stretch;bottom:0;display:flex;flex-direction:column;gap:38px;left:0;padding:20px 24px calc(24px + env(safe-area-inset-bottom,0px));position:absolute;right:0;z-index:2}.color-collage-hero__title-block[data-v-6e386b7c]{align-items:center;display:flex;flex-direction:column;gap:16px}.color-collage-hero__cta-block[data-v-6e386b7c]{align-items:center;display:flex;flex-direction:column;gap:28px}.color-collage-hero__cta-group[data-v-6e386b7c]{align-items:center;display:flex;flex-direction:column;gap:8px}.color-collage-hero__title[data-v-6e386b7c]{align-items:center;background:linear-gradient(90deg,#f3e19a 4%,#8df0fb);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;flex-direction:column;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:25px;font-style:normal;font-weight:600;letter-spacing:4px;line-height:1.68;margin:0;text-align:center;text-transform:uppercase;width:100%}.color-collage-hero__title-line[data-v-6e386b7c]{display:block;text-indent:4px;white-space:nowrap}.color-collage-hero__title-line[data-v-6e386b7c]:nth-child(2){text-indent:12px}.color-collage-hero__subtitle[data-v-6e386b7c]{color:#fff9;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:12px;font-weight:400;letter-spacing:.48px}.color-collage-hero__cta[data-v-6e386b7c],.color-collage-hero__subtitle[data-v-6e386b7c]{font-style:normal;line-height:22px;margin:0;text-align:center}.color-collage-hero__cta[data-v-6e386b7c]{align-items:center;background:#ffdd4c;border:none;border-radius:4px;box-shadow:0 6px 20px #0000001f;color:#181818;cursor:pointer;display:inline-flex;font-family:PingFang SC,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:13px 20px;transition:opacity .2s ease,transform .2s ease;width:300px}.color-collage-hero__cta[data-v-6e386b7c]:active{opacity:.92;transform:translateY(1px)}.color-collage-hero__cta[data-v-6e386b7c]:disabled{background:#ffdd4c4d;color:#fff9}.color-collage-hero__cta-icon[data-v-6e386b7c]{flex:none}.color-collage-hero__cta-spinner[data-v-6e386b7c]{animation:color-collage-hero-spin-6e386b7c 1s linear infinite}.color-collage-hero[data-v-6e386b7c] .color-collage-hero__refine-entry{align-items:center;color:#fff9;cursor:pointer;display:inline-flex;font-family:PingFang SC,sans-serif;font-size:12px;font-style:normal;font-weight:400;gap:3px;justify-content:center;line-height:1.4;margin:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-collage-hero__file-input[data-v-6e386b7c]{display:none}}@media (min-width:768px) and (max-height:900px){.color-collage-hero__content[data-v-6e386b7c]{gap:28px}}@media (min-width:768px){@keyframes color-collage-hero-spin-6e386b7c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}[data-v-cd0227d5]:root{--p-theme-color:#fff}[data-theme=light][data-v-cd0227d5]{--p-theme-color:#000}.collage-result[data-v-cd0227d5]{inset:0;overflow:hidden;position:absolute;transition:all 1.5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}@media (min-width:768px){.collage-result[data-v-cd0227d5]{display:flex;justify-content:center;justify-self:center;position:fixed;width:375px}}.collage-result__top-tools[data-v-cd0227d5]{align-items:center;display:inline-flex;gap:2.66667vw;position:absolute;right:2.4vw;top:14.4vw;z-index:100}.collage-result--with-nav .collage-result__top-tools[data-v-cd0227d5]{top:3.2vw}.collage-result__back[data-v-cd0227d5]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:8.53333vw;justify-content:center;left:2.4vw;opacity:.69;padding:0;position:absolute;top:14.4vw;transition:opacity .2s ease;width:8.53333vw;z-index:100}.collage-result__back[data-v-cd0227d5]:active{opacity:.45}.collage-result--with-nav .collage-result__back[data-v-cd0227d5]{top:3.2vw}.collage-result__top-btn[data-v-cd0227d5]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:8.53333vw;justify-content:center;opacity:.69;padding:0;transition:opacity .2s ease;width:8.53333vw}.collage-result__top-btn[data-v-cd0227d5]:active{opacity:.45}.collage-result__tooltip[data-v-cd0227d5]{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:4px;box-shadow:0 .8vw 2.66667vw #0000000f;color:#000;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:3.2vw;line-height:4.26667vw;padding:2.66667vw;position:absolute;right:3.73333vw;top:calc(100% + 1.46667vw);width:56vw;z-index:110}.collage-result__tooltip-arrow[data-v-cd0227d5]{height:1.54vw;position:absolute;right:10.4vw;top:-1.46667vw;width:2.67493vw}.collage-result__tooltip-list[data-v-cd0227d5]{list-style:none;margin:0;padding:0}.collage-result__tooltip-list li[data-v-cd0227d5]{line-height:4.8vw;margin:0 0 0 2.13333vw;padding-left:2.13333vw;position:relative}.collage-result__tooltip-list li[data-v-cd0227d5]:before{background:currentColor;border-radius:50%;content:"";height:.8vw;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.8vw}.collage-result__tooltip-list li[data-v-cd0227d5]:not(:last-child){margin-bottom:0}.collage-result__tooltip-fade-enter-active[data-v-cd0227d5],.collage-result__tooltip-fade-leave-active[data-v-cd0227d5]{transition:opacity .2s ease,transform .2s ease}.collage-result__tooltip-fade-enter-from[data-v-cd0227d5],.collage-result__tooltip-fade-leave-to[data-v-cd0227d5]{opacity:0;transform:translateY(-1.06667vw)}.collage-result__scroll[data-v-cd0227d5]{height:100%;overflow-y:auto;position:relative;z-index:2;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:center;padding:calc(4.26667vw + env(safe-area-inset-top)) 4.26667vw calc(4.26667vw + env(safe-area-inset-bottom))}@media (min-width:768px){.collage-result__scroll[data-v-cd0227d5]{max-width:375px;width:375px}}.collage-result__scroll--lock[data-v-cd0227d5]{overflow:hidden;overscroll-behavior:none;touch-action:none}.collage-result__card[data-v-cd0227d5]{aspect-ratio:343/457;border-radius:4px;box-shadow:0 3.73333vw 10.66667vw #0d111729;overflow:hidden;position:relative;transition:background 1.5s;width:100%}.collage-result__card-tools[data-v-cd0227d5]{align-items:center;display:flex;gap:4.26667vw;margin-top:3.2vw}.collage-result__card-tool[data-v-cd0227d5]{align-items:center;background:#ffffff8c;border:1px solid hsla(0,0%,100%,.2);border-radius:24px;color:#17171766;cursor:pointer;display:inline-flex;height:8.53333vw;justify-content:center;padding:0;transition:color .2s;width:8.53333vw}.collage-result__card-tool[data-v-cd0227d5]:disabled{color:#17171766;cursor:not-allowed}.collage-result__card-tool--active[data-v-cd0227d5]{color:#171717e6}.collage-result__card-text-gesture[data-v-cd0227d5]{cursor:text;position:absolute;touch-action:none;z-index:2}.collage-result__card-text[data-v-cd0227d5]{align-items:center;border:1px solid transparent;border-radius:1.75px;box-sizing:border-box;display:flex;flex-direction:column;gap:1.06667vw;justify-content:center;min-height:14.66667vw;padding:2.13333vw 2.66667vw;position:absolute;transform-origin:center center;transition:border-color .2s ease,background-color .2s ease;will-change:transform;--hint-border-color:hsla(0,0%,100%,.5);--hint-border-width:.5px;--hint-dash-length:.53333vw;--hint-dash-gap:.53333vw;--hint-segment:calc(var(--hint-dash-length) + var(--hint-dash-gap))}.collage-result__card-text[data-v-cd0227d5]:after{background:linear-gradient(to right,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 0 0/var(--hint-segment) var(--hint-border-width) repeat-x,linear-gradient(to right,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 0 100%/var(--hint-segment) var(--hint-border-width) repeat-x,linear-gradient(to bottom,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 0 0/var(--hint-border-width) var(--hint-segment) repeat-y,linear-gradient(to bottom,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 100% 0/var(--hint-border-width) var(--hint-segment) repeat-y;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.collage-result__card-text[data-v-cd0227d5]:focus-within:after{animation:none;opacity:1}.collage-result__card-text--hint[data-v-cd0227d5]:after{animation:collage-edit-hint-fade-cd0227d5 1.8s cubic-bezier(.22,1,.36,1) forwards}.collage-result__card-time[data-v-cd0227d5],.collage-result__card-title[data-v-cd0227d5]{background:transparent;border:none;caret-color:currentColor;cursor:text;display:block;font-family:var(--text-font-family,"OPPO Sans 4.0");margin:0;outline:none;overflow:hidden;padding:0;pointer-events:auto;text-align:center;touch-action:manipulation;transition:color 1.5s ease;-moz-user-select:text;user-select:text;-webkit-user-select:text;white-space:nowrap;width:100%}.collage-result__card-time[data-v-cd0227d5]::-moz-placeholder,.collage-result__card-title[data-v-cd0227d5]::-moz-placeholder{color:inherit;opacity:.4}.collage-result__card-time[data-v-cd0227d5]::placeholder,.collage-result__card-title[data-v-cd0227d5]::placeholder{color:inherit;opacity:.4}.collage-result__card-title[data-v-cd0227d5]{font-size:var(--title-font-size,2.93333vw);font-weight:700;line-height:1.55}.collage-result__card-time[data-v-cd0227d5]{font-size:var(--time-font-size,1.86667vw);font-weight:500;line-height:1.7}.collage-result__card-photo[data-v-cd0227d5]{bottom:0;cursor:grab;height:56.24%;left:0;overflow:hidden;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.collage-result__card-photo img[data-v-cd0227d5]{max-height:none;max-width:none;pointer-events:none;position:absolute;will-change:transform,left,top}.collage-result__card-photo--picking[data-v-cd0227d5]{cursor:crosshair;touch-action:none}.collage-result__card-photo-live-player[data-v-cd0227d5]{opacity:0;overflow:hidden;pointer-events:none;position:absolute;touch-action:none;transition:opacity .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:left,top,width,height;z-index:1}.collage-result__card-photo-live-player--active[data-v-cd0227d5]{opacity:1}.collage-result__live-photo-player[data-v-cd0227d5]{display:block;height:100%;overflow:hidden;width:100%}.collage-result__photo-color-preview[data-v-cd0227d5]{align-items:center;backdrop-filter:blur(2.66667vw);-webkit-backdrop-filter:blur(2.66667vw);background:#fffc;border:.5px solid #fff;border-radius:24px;box-sizing:border-box;display:inline-flex;gap:1.6vw;height:7.46667vw;padding:0 2.66667vw;pointer-events:none;position:absolute;width:24vw;z-index:4}.collage-result__photo-color-swatch[data-v-cd0227d5]{border:1px solid #181818;border-radius:50%;box-sizing:border-box;display:block;flex-shrink:0;height:3.73333vw;transition:background .08s linear;width:3.73333vw}.collage-result__photo-color-text[data-v-cd0227d5]{color:#181818;flex:1;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:3.2vw;font-weight:500;line-height:1;text-align:center;white-space:nowrap}.collage-result__photo-color-lens[data-v-cd0227d5]{border-radius:50%;height:16vw;overflow:hidden;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16vw;z-index:3}.collage-result__photo-color-lens-img[data-v-cd0227d5]{max-width:none;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collage-result__photo-color-lens-ring[data-v-cd0227d5]{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.collage-result__photo-color-lens-cross[data-v-cd0227d5]{height:2vw;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:2vw}.collage-result__card--horizontal[data-v-cd0227d5]{aspect-ratio:343/257}.collage-result__card--horizontal .collage-result__card-photo[data-v-cd0227d5]{bottom:auto;height:100%;top:0;width:56.27%}.collage-result__card--horizontal .collage-result__card-text[data-v-cd0227d5]{gap:.8vw;left:78.135%;min-height:12.8vw;padding:1.6vw 2.13333vw;top:50%;transform:translate(-50%,-50%);width:calc(43.73% - 6.4vw)}.collage-result__card--horizontal .collage-result__card-title[data-v-cd0227d5]{font-size:var(--title-font-size,2.13333vw);line-height:1.55}.collage-result__card--horizontal .collage-result__card-time[data-v-cd0227d5]{font-size:var(--time-font-size,1.33333vw);line-height:1.7}.collage-result__actions[data-v-cd0227d5]{display:flex;flex-direction:column;gap:4.26667vw;margin-top:5.33333vw}.collage-result__actions-row[data-v-cd0227d5]{display:flex;gap:3.2vw}.collage-result__btn[data-v-cd0227d5]{border:none;border-radius:4px;cursor:pointer;flex:1;font-size:3.73333vw;font-weight:600;height:12.8vw;line-height:1;padding:3.46667vw 5.33333vw;text-align:center;transition:opacity .2s}.collage-result__btn[data-v-cd0227d5]:active{opacity:.7}.collage-result__btn[data-v-cd0227d5]:disabled{cursor:not-allowed;opacity:.5}.collage-result__btn--glass[data-v-cd0227d5]{background:#ffffff8c;border:1px solid hsla(0,0%,100%,.2);color:#171717e6}.collage-result__btn--solid[data-v-cd0227d5]{background:#fffc;color:#181818}.collage-result__file-input[data-v-cd0227d5]{display:none}.collage-result[data-v-cd0227d5] .refine-entry{background:#fffc;border-radius:4px;color:#181818;font-size:3.73333vw;font-weight:600;height:12.8vw!important;line-height:5.86667vw;text-align:center;width:100%}@keyframes collage-edit-hint-fade-cd0227d5{0%{opacity:0}18%,62%{opacity:1}80%{opacity:.6}to{opacity:0}}@media (min-width:768px){.collage-result[data-v-cd0227d5]{inset:0;overflow:hidden;position:absolute;transition:all 1.5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}}@media (min-width:768px) and (min-width:768px){.collage-result[data-v-cd0227d5]{display:flex;justify-content:center;justify-self:center;position:fixed;width:375px}}@media (min-width:768px){.collage-result__top-tools[data-v-cd0227d5]{align-items:center;display:inline-flex;gap:10px;position:absolute;right:9px;top:54px;z-index:100}.collage-result--with-nav .collage-result__top-tools[data-v-cd0227d5]{top:12px}.collage-result__back[data-v-cd0227d5]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:32px;justify-content:center;left:9px;opacity:.69;padding:0;position:absolute;top:54px;transition:opacity .2s ease;width:32px;z-index:100}.collage-result__back[data-v-cd0227d5]:active{opacity:.45}.collage-result--with-nav .collage-result__back[data-v-cd0227d5]{top:12px}.collage-result__top-btn[data-v-cd0227d5]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:32px;justify-content:center;opacity:.69;padding:0;transition:opacity .2s ease;width:32px}.collage-result__top-btn[data-v-cd0227d5]:active{opacity:.45}.collage-result__tooltip[data-v-cd0227d5]{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:4px;box-shadow:0 3px 10px #0000000f;color:#000;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:12px;line-height:16px;padding:10px;position:absolute;right:14px;top:calc(100% + 5.5px);width:210px;z-index:110}.collage-result__tooltip-arrow[data-v-cd0227d5]{height:5.775px;position:absolute;right:39px;top:-5.5px;width:10.031px}.collage-result__tooltip-list[data-v-cd0227d5]{list-style:none;margin:0;padding:0}.collage-result__tooltip-list li[data-v-cd0227d5]{line-height:18px;margin:0 0 0 8px;padding-left:8px;position:relative}.collage-result__tooltip-list li[data-v-cd0227d5]:before{background:currentColor;border-radius:50%;content:"";height:3px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.collage-result__tooltip-list li[data-v-cd0227d5]:not(:last-child){margin-bottom:0}.collage-result__tooltip-fade-enter-active[data-v-cd0227d5],.collage-result__tooltip-fade-leave-active[data-v-cd0227d5]{transition:opacity .2s ease,transform .2s ease}.collage-result__tooltip-fade-enter-from[data-v-cd0227d5],.collage-result__tooltip-fade-leave-to[data-v-cd0227d5]{opacity:0;transform:translateY(-4px)}.collage-result__scroll[data-v-cd0227d5]{height:100%;overflow-y:auto;position:relative;z-index:2;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}}@media (min-width:768px) and (min-width:768px){.collage-result__scroll[data-v-cd0227d5]{max-width:375px;width:375px}}@media (min-width:768px){.collage-result__scroll--lock[data-v-cd0227d5]{overflow:hidden;overscroll-behavior:none;touch-action:none}.collage-result__card[data-v-cd0227d5]{aspect-ratio:343/457;border-radius:4px;box-shadow:0 14px 40px #0d111729;overflow:hidden;position:relative;transition:background 1.5s;width:100%}.collage-result__card-tools[data-v-cd0227d5]{align-items:center;display:flex;gap:16px;margin-top:12px}.collage-result__card-tool[data-v-cd0227d5]{align-items:center;background:#ffffff8c;border:1px solid hsla(0,0%,100%,.2);border-radius:24px;color:#17171766;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.collage-result__card-tool[data-v-cd0227d5]:disabled{color:#17171766;cursor:not-allowed}.collage-result__card-tool--active[data-v-cd0227d5]{color:#171717e6}.collage-result__card-text-gesture[data-v-cd0227d5]{cursor:text;position:absolute;touch-action:none;z-index:2}.collage-result__card-text[data-v-cd0227d5]{align-items:center;border:1px solid transparent;border-radius:1.75px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:55px;padding:8px 10px;position:absolute;transform-origin:center center;transition:border-color .2s ease,background-color .2s ease;will-change:transform;--hint-border-color:hsla(0,0%,100%,.5);--hint-border-width:.5px;--hint-dash-length:2px;--hint-dash-gap:2px;--hint-segment:calc(var(--hint-dash-length) + var(--hint-dash-gap))}.collage-result__card-text[data-v-cd0227d5]:after{background:linear-gradient(to right,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 0 0/var(--hint-segment) var(--hint-border-width) repeat-x,linear-gradient(to right,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 0 100%/var(--hint-segment) var(--hint-border-width) repeat-x,linear-gradient(to bottom,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 0 0/var(--hint-border-width) var(--hint-segment) repeat-y,linear-gradient(to bottom,var(--hint-border-color) 0 var(--hint-dash-length),transparent var(--hint-dash-length) var(--hint-segment)) 100% 0/var(--hint-border-width) var(--hint-segment) repeat-y;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.collage-result__card-text[data-v-cd0227d5]:focus-within:after{animation:none;opacity:1}.collage-result__card-text--hint[data-v-cd0227d5]:after{animation:collage-edit-hint-fade-cd0227d5 1.8s cubic-bezier(.22,1,.36,1) forwards}.collage-result__card-time[data-v-cd0227d5],.collage-result__card-title[data-v-cd0227d5]{background:transparent;border:none;caret-color:currentColor;cursor:text;display:block;font-family:var(--text-font-family,"OPPO Sans 4.0");margin:0;outline:none;overflow:hidden;padding:0;pointer-events:auto;text-align:center;touch-action:manipulation;transition:color 1.5s ease;-moz-user-select:text;user-select:text;-webkit-user-select:text;white-space:nowrap;width:100%}.collage-result__card-time[data-v-cd0227d5]::-moz-placeholder,.collage-result__card-title[data-v-cd0227d5]::-moz-placeholder{color:inherit;opacity:.4}.collage-result__card-time[data-v-cd0227d5]::placeholder,.collage-result__card-title[data-v-cd0227d5]::placeholder{color:inherit;opacity:.4}.collage-result__card-title[data-v-cd0227d5]{font-size:var(--title-font-size,11px);font-weight:700;line-height:1.55}.collage-result__card-time[data-v-cd0227d5]{font-size:var(--time-font-size,7px);font-weight:500;line-height:1.7}.collage-result__card-photo[data-v-cd0227d5]{bottom:0;cursor:grab;height:56.24%;left:0;overflow:hidden;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.collage-result__card-photo img[data-v-cd0227d5]{max-height:none;max-width:none;pointer-events:none;position:absolute;will-change:transform,left,top}.collage-result__card-photo--picking[data-v-cd0227d5]{cursor:crosshair;touch-action:none}.collage-result__card-photo-live-player[data-v-cd0227d5]{opacity:0;overflow:hidden;pointer-events:none;position:absolute;touch-action:none;transition:opacity .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:left,top,width,height;z-index:1}.collage-result__card-photo-live-player--active[data-v-cd0227d5]{opacity:1}.collage-result__live-photo-player[data-v-cd0227d5]{display:block;height:100%;overflow:hidden;width:100%}.collage-result__photo-color-preview[data-v-cd0227d5]{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:.5px solid #fff;border-radius:24px;box-sizing:border-box;display:inline-flex;gap:6px;height:28px;padding:0 10px;pointer-events:none;position:absolute;width:90px;z-index:4}.collage-result__photo-color-swatch[data-v-cd0227d5]{border:1px solid #181818;border-radius:50%;box-sizing:border-box;display:block;flex-shrink:0;height:14px;transition:background .08s linear;width:14px}.collage-result__photo-color-text[data-v-cd0227d5]{color:#181818;flex:1;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:12px;font-weight:500;line-height:1;text-align:center;white-space:nowrap}.collage-result__photo-color-lens[data-v-cd0227d5]{border-radius:50%;height:60px;overflow:hidden;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:60px;z-index:3}.collage-result__photo-color-lens-img[data-v-cd0227d5]{max-width:none;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collage-result__photo-color-lens-ring[data-v-cd0227d5]{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.collage-result__photo-color-lens-cross[data-v-cd0227d5]{height:7.5px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:7.5px}.collage-result__card--horizontal[data-v-cd0227d5]{aspect-ratio:343/257}.collage-result__card--horizontal .collage-result__card-photo[data-v-cd0227d5]{bottom:auto;height:100%;top:0;width:56.27%}.collage-result__card--horizontal .collage-result__card-text[data-v-cd0227d5]{gap:3px;left:78.135%;min-height:48px;padding:6px 8px;top:50%;transform:translate(-50%,-50%);width:calc(43.73% - 24px)}.collage-result__card--horizontal .collage-result__card-title[data-v-cd0227d5]{font-size:var(--title-font-size,8px);line-height:1.55}.collage-result__card--horizontal .collage-result__card-time[data-v-cd0227d5]{font-size:var(--time-font-size,5px);line-height:1.7}.collage-result__actions[data-v-cd0227d5]{display:flex;flex-direction:column;gap:16px;margin-top:20px}.collage-result__actions-row[data-v-cd0227d5]{display:flex;gap:12px}.collage-result__btn[data-v-cd0227d5]{border:none;border-radius:4px;cursor:pointer;flex:1;font-size:14px;font-weight:600;height:48px;line-height:1;padding:13px 20px;text-align:center;transition:opacity .2s}.collage-result__btn[data-v-cd0227d5]:active{opacity:.7}.collage-result__btn[data-v-cd0227d5]:disabled{cursor:not-allowed;opacity:.5}.collage-result__btn--glass[data-v-cd0227d5]{background:#ffffff8c;border:1px solid hsla(0,0%,100%,.2);color:#171717e6}.collage-result__btn--solid[data-v-cd0227d5]{background:#fffc;color:#181818}.collage-result__file-input[data-v-cd0227d5]{display:none}.collage-result[data-v-cd0227d5] .refine-entry{background:#fffc;border-radius:4px;color:#181818;font-size:14px;font-weight:600;height:48px!important;line-height:22px;text-align:center;width:100%}@keyframes collage-edit-hint-fade-cd0227d5{0%{opacity:0}18%,62%{opacity:1}80%{opacity:.6}to{opacity:0}}}