.template-runner-modal[data-v-34fe7347]{position:fixed;inset:0;z-index:1300;width:100vw;height:100dvh;background:var(--ui-surface-base);overflow:hidden;transform:translate3d(calc(var(--template-runner-back-progress, 0)*100%),0,0);transition:opacity .15s ease,transform .25s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.template-runner-modal--preparing[data-v-34fe7347]{visibility:hidden;transform:translate3d(100%,0,0);transition:none;pointer-events:none}.template-runner-modal--entering[data-v-34fe7347]{transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.template-runner-modal[data-v-34fe7347]:before{position:absolute;z-index:2;top:0;bottom:0;left:0;width:1px;box-shadow:var(--elev-overlay-shadow);opacity:calc(1 - var(--template-runner-back-progress, 0));pointer-events:none;content:""}.template-runner-modal--native-back-dragging[data-v-34fe7347]{transition:none}.template-runner-modal__opening-feedback[data-v-34fe7347]{position:fixed;inset:0;z-index:1301;background:color-mix(in srgb,var(--ui-runner-stage-scrim-bg) 12%,transparent);pointer-events:auto}.template-runner-modal__opening-label[data-v-34fe7347]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.template-runner-opening-feedback-enter-active[data-v-34fe7347],.template-runner-opening-feedback-leave-active[data-v-34fe7347]{transition:opacity .15s ease}.template-runner-opening-feedback-enter-from[data-v-34fe7347],.template-runner-opening-feedback-leave-to[data-v-34fe7347]{opacity:0}.template-runner-modal__panel[data-v-34fe7347]{position:relative;width:100vw;height:100dvh;min-width:0;outline:none}.template-runner-modal__runner-surface[data-v-34fe7347]{position:absolute;inset:0;visibility:hidden;pointer-events:none}.template-runner-modal__runner-surface--active[data-v-34fe7347]{visibility:visible;pointer-events:auto}.template-runner-modal__runner-surface.is-feed-slide-in-next[data-v-34fe7347],.template-runner-modal__runner-surface.is-feed-slide-in-previous[data-v-34fe7347],.template-runner-modal__runner-surface.is-feed-slide-out-next[data-v-34fe7347],.template-runner-modal__runner-surface.is-feed-slide-out-previous[data-v-34fe7347]{visibility:visible;overflow:hidden;pointer-events:none;will-change:transform}.template-runner-modal__runner-surface.is-feed-slide-out-next[data-v-34fe7347]{animation:template-runner-feed-slide-out-next-34fe7347 .42s cubic-bezier(.32,.72,0,1) both}.template-runner-modal__runner-surface.is-feed-slide-in-next[data-v-34fe7347]{animation:template-runner-feed-slide-in-next-34fe7347 .42s cubic-bezier(.32,.72,0,1) both}.template-runner-modal__runner-surface.is-feed-slide-out-previous[data-v-34fe7347]{animation:template-runner-feed-slide-out-previous-34fe7347 .42s cubic-bezier(.32,.72,0,1) both}.template-runner-modal__runner-surface.is-feed-slide-in-previous[data-v-34fe7347]{animation:template-runner-feed-slide-in-previous-34fe7347 .42s cubic-bezier(.32,.72,0,1) both}@keyframes template-runner-feed-slide-out-next-34fe7347{to{transform:translate3d(0,-100%,0)}}@keyframes template-runner-feed-slide-in-next-34fe7347{0%{transform:translate3d(0,100%,0)}}@keyframes template-runner-feed-slide-out-previous-34fe7347{to{transform:translate3d(0,100%,0)}}@keyframes template-runner-feed-slide-in-previous-34fe7347{0%{transform:translate3d(0,-100%,0)}}.template-runner-modal__destination-skeleton[data-v-34fe7347]{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:max(14px,var(--safe-area-inset-top,0px)) 16px max(22px,var(--safe-area-inset-bottom,0px));background:var(--ui-surface-base)}.template-runner-modal__skeleton-header[data-v-34fe7347]{display:flex;min-height:var(--ui-hit-target-min);align-items:center;gap:16px}.template-runner-modal__skeleton-back[data-v-34fe7347]{width:34px;height:34px;flex:0 0 auto;border-radius:var(--ui-radius-full);background:var(--ui-surface-layer-2)}.template-runner-modal__skeleton-title[data-v-34fe7347]{width:min(44vw,190px);height:18px;border-radius:var(--ui-radius-full);background:var(--ui-surface-layer-2)}.template-runner-modal__skeleton-preview[data-v-34fe7347]{width:min(100%,520px);aspect-ratio:4/5;align-self:center;justify-self:center;border-radius:var(--ui-radius-lg);background:var(--ui-surface-layer-1);overflow:hidden}.template-runner-modal__skeleton-preview img[data-v-34fe7347]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.template-runner-modal__skeleton-controls[data-v-34fe7347]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-runner-modal__skeleton-controls span[data-v-34fe7347]{height:52px;border-radius:var(--ui-radius-md);background:var(--ui-surface-layer-2)}.template-runner-modal__skeleton-controls span[data-v-34fe7347]:first-child{grid-column:1/-1}.template-runner-modal__load-error[data-v-34fe7347]{position:absolute;z-index:1;inset:0;display:flex;width:min(100% - 48px,420px);min-height:100%;margin:0 auto;flex-direction:column;align-items:center;justify-content:center;color:var(--ui-text-primary);text-align:center}.template-runner-modal__load-error i[data-v-34fe7347]{margin-bottom:16px;color:var(--ui-text-danger-strong);font-size:var(--ios-title-2)}.template-runner-modal__load-error h2[data-v-34fe7347],.template-runner-modal__load-error p[data-v-34fe7347]{margin:0}.template-runner-modal__load-error p[data-v-34fe7347]{margin-top:8px;color:var(--ui-text-secondary)}.template-runner-modal__load-error-actions[data-v-34fe7347]{display:flex;margin-top:24px;gap:12px}.template-runner-modal__load-error-actions button[data-v-34fe7347]{min-height:var(--ui-hit-target-min);border:0;border-radius:var(--ui-radius-md);background:var(--ui-action-primary-bg);color:var(--ui-action-primary-fg);padding:0 20px;font:inherit;font-weight:700}.template-runner-modal__load-error-actions button.is-secondary[data-v-34fe7347]{border:1px solid var(--ui-border-default);background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-fg)}.template-runner-modal__load-error-banner[data-v-34fe7347]{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;display:flex;width:min(100% - 24px,540px);min-height:var(--ui-hit-target-min);transform:translate(-50%);align-items:center;justify-content:space-between;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-lg);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow-lg);color:var(--ui-text-primary);gap:12px;padding:12px 12px 12px 16px}.template-runner-modal__load-error-banner button[data-v-34fe7347]{min-height:var(--ui-hit-target-min);flex:0 0 auto;border:0;border-radius:var(--ui-radius-md);background:var(--ui-action-primary-bg);color:var(--ui-action-primary-fg);padding:0 16px;font:inherit;font-weight:700}.template-runner-modal-enter-active[data-v-34fe7347],.template-runner-modal-leave-active[data-v-34fe7347]{transition:opacity .15s ease,transform .25s cubic-bezier(.16,1,.3,1)}.template-runner-modal-enter-from[data-v-34fe7347],.template-runner-modal-leave-to[data-v-34fe7347]{opacity:0;transform:scale(.985)}.ph-native-app .template-runner-modal--entering,.ph-native-app .template-runner-modal-enter-active,.ph-native-app .template-runner-modal-leave-active{transition:transform .25s cubic-bezier(.32,.72,0,1)}.ph-native-app .template-runner-modal-enter-from,.ph-native-app .template-runner-modal-leave-to{opacity:1;transform:translate3d(100%,0,0)}[data-v-34fe7347] .create-page{height:100dvh}@media(prefers-reduced-motion:reduce){.template-runner-modal[data-v-34fe7347]{transition:none}.template-runner-modal-enter-active[data-v-34fe7347],.template-runner-modal-leave-active[data-v-34fe7347]{transition:opacity .15s ease}.template-runner-modal-enter-from[data-v-34fe7347],.template-runner-modal-leave-to[data-v-34fe7347]{opacity:0;transform:none}.ph-native-app .template-runner-modal--entering,.ph-native-app .template-runner-modal-enter-active,.ph-native-app .template-runner-modal-leave-active{transition:opacity .15s ease}.ph-native-app .template-runner-modal-enter-from,.ph-native-app .template-runner-modal-leave-to{opacity:0;transform:none}.template-runner-modal__runner-surface.is-feed-slide-in-next[data-v-34fe7347],.template-runner-modal__runner-surface.is-feed-slide-in-previous[data-v-34fe7347],.template-runner-modal__runner-surface.is-feed-slide-out-next[data-v-34fe7347],.template-runner-modal__runner-surface.is-feed-slide-out-previous[data-v-34fe7347]{animation-duration:1ms}}html.ph-template-back-gesture-enabled [data-root-tab-surface]{will-change:transform}