.template-video-shell.is-preview[data-v-704353cf]{background:linear-gradient(145deg,var(--structure-soft),var(--structure-strong))}.template-media-preview[data-v-704353cf]{-o-object-fit:contain;object-fit:contain}.template-image-fallback[data-v-704353cf]{background:var(--user-surface-soft);color:var(--user-muted);display:grid;height:100%;min-height:96px;place-items:center;width:100%}.effect-preview-overlay[data-v-d5777aa2]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--overlay-scrim);display:flex;inset:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));position:fixed;z-index:1200}.effect-preview-panel[data-v-d5777aa2]{background:var(--user-surface);border:1px solid var(--user-border);border-radius:26px;box-shadow:0 34px 100px var(--shadow-strong);color:var(--user-text);display:grid;font-family:var(--sc-font-ui);gap:20px;max-height:calc(100dvh - 40px);max-width:100vw;overflow-y:auto;padding:30px;position:relative;width:min(100%,900px)}.effect-preview-panel[data-v-d5777aa2]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.effect-preview-upload-input[data-v-d5777aa2]{clip-path:inset(50%);height:1px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;width:1px}.effect-preview-panel header[data-v-d5777aa2]{display:grid;gap:5px;padding-right:48px}.effect-preview-panel header p[data-v-d5777aa2]{color:var(--sc-accent-deep);font-size:14px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.effect-preview-panel h2[data-v-d5777aa2]{color:var(--sc-heading);font-size:clamp(22px,3vw,32px);line-height:1.16;margin:0}.effect-preview-close[data-v-d5777aa2]{background:var(--user-surface-soft);border:0;border-radius:50%;color:var(--user-muted);cursor:pointer;display:grid;height:44px;inset:18px 18px auto auto;padding:0;place-items:center;position:absolute;width:44px;z-index:3}.effect-preview-close svg[data-v-d5777aa2]{height:20px;stroke:currentColor;stroke-linecap:round;stroke-width:1.9;width:20px}.effect-preview-close[data-v-d5777aa2]:hover{color:var(--sc-heading)}.effect-preview-close[data-v-d5777aa2]:focus-visible,.effect-preview-confirm[data-v-d5777aa2]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.effect-preview-flow[data-v-d5777aa2]{align-items:stretch;display:grid;grid-auto-rows:clamp(280px,42dvh,440px);grid-template-columns:minmax(150px,.75fr) 52px minmax(260px,1.6fr)}.effect-preview-input[data-v-d5777aa2]{background:linear-gradient(145deg,var(--user-surface-soft),var(--user-surface));border:1px dashed var(--accent-boundary);border-radius:18px;color:var(--sc-accent-deep);cursor:pointer;display:grid;font:inherit;font-size:14px;gap:11px;height:100%;justify-items:center;min-width:0;padding:0;place-content:center;text-align:center}.effect-preview-input[data-v-d5777aa2] .ui-icon{height:31px;width:31px}.effect-preview-input[data-v-d5777aa2]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.effect-preview-arrow[data-v-d5777aa2]{align-self:center;justify-self:center;stroke:var(--accent-boundary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:36px}.effect-preview-result[data-v-d5777aa2]{background:linear-gradient(145deg,var(--structure-default),var(--structure-strong));border-radius:18px;box-shadow:inset 0 0 0 1px var(--user-border);height:100%;min-width:0;overflow:hidden;position:relative}.effect-preview-result[data-v-d5777aa2] .template-video-shell,.effect-preview-result>img[data-v-d5777aa2]{height:100%;width:100%}.effect-preview-result>img[data-v-d5777aa2]{display:block}.effect-preview-result-label[data-v-d5777aa2]{background:var(--media-scrim);border-radius:8px;color:var(--text-on-strong);font-size:12px;font-weight:700;inset:13px auto auto 13px;padding:6px 9px;pointer-events:none;position:absolute;z-index:3}.effect-preview-generic[data-v-d5777aa2]{min-width:0}.effect-preview-comparison[data-v-d5777aa2]{display:grid;gap:16px;grid-auto-rows:clamp(280px,42dvh,440px);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.effect-preview-comparison-item[data-v-d5777aa2],.effect-preview-reference[data-v-d5777aa2]{background:linear-gradient(145deg,var(--structure-default),var(--structure-strong));border-radius:18px;box-shadow:inset 0 0 0 1px var(--user-border);margin:0;min-width:0;overflow:hidden;position:relative}.effect-preview-comparison-item img[data-v-d5777aa2],.effect-preview-reference img[data-v-d5777aa2]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.effect-preview-comparison-item figcaption[data-v-d5777aa2],.effect-preview-reference-hint[data-v-d5777aa2]{background:var(--media-scrim);border-radius:8px;color:var(--text-on-strong);font-weight:700;inset-block-start:13px;inset-inline-start:13px;padding:6px 9px;position:absolute;z-index:2}.effect-preview-comparison-item figcaption[data-v-d5777aa2]{font-size:12px}.effect-preview-reference-hint[data-v-d5777aa2]{font-size:14px;line-height:1.35;max-width:calc(100% - 26px);white-space:normal}.effect-preview-reference-arrow[data-v-d5777aa2]{display:inline-block}.effect-preview-reference-arrow[data-v-d5777aa2]:dir(rtl){transform:scaleX(-1)}.effect-preview-reference[data-v-d5777aa2]{height:clamp(280px,48dvh,500px)}.effect-preview-presentation-upload[data-v-d5777aa2]{align-items:center;background:var(--user-surface-soft);border:1px solid var(--border-accent);border-radius:12px;color:var(--sc-accent-deep);cursor:pointer;display:inline-flex;font:700 14px/1 var(--sc-font-ui);gap:8px;justify-content:center;justify-self:start;min-height:48px;padding:0 18px}.effect-preview-presentation-upload[data-v-d5777aa2]:hover{background:var(--control-quiet-bg)}.effect-preview-presentation-upload[data-v-d5777aa2]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.effect-preview-presentation-upload[data-v-d5777aa2] .ui-icon{height:19px;width:19px}.effect-preview-comparison-switch[data-v-d5777aa2]{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.effect-preview-comparison-switch button[data-v-d5777aa2]{background:var(--user-surface-soft);border:1px solid var(--user-border);border-radius:12px;color:var(--user-muted);cursor:pointer;font:700 14px/1 var(--sc-font-ui);min-height:44px;padding:0 12px}.effect-preview-comparison-switch button.active[data-v-d5777aa2]{background:var(--action-primary);border-color:var(--accent-boundary);color:var(--text-on-action)}.effect-preview-comparison-switch button[data-v-d5777aa2]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.effect-preview-mobile[data-v-d5777aa2]{display:none}.effect-preview-panel footer[data-v-d5777aa2]{display:flex;justify-content:flex-end}.effect-preview-confirm[data-v-d5777aa2]{align-items:center;background:linear-gradient(135deg,var(--action-primary-hover),var(--action-primary-pressed));border:0;border-radius:12px;box-shadow:0 12px 28px var(--state-active-soft);color:var(--text-on-action);cursor:pointer;display:inline-flex;font:700 14px/1 var(--sc-font-ui);gap:8px;justify-content:center;min-height:48px;padding:0 22px}.effect-preview-confirm[data-v-d5777aa2] .ui-icon{height:18px;width:18px}@media(max-width:720px){.effect-preview-overlay[data-v-d5777aa2]{align-items:flex-end;padding:max(12px,env(safe-area-inset-top)) 0 0}.effect-preview-panel[data-v-d5777aa2]{border-radius:24px 24px 0 0;gap:16px;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));max-width:100vw;padding:25px 16px calc(20px + env(safe-area-inset-bottom));width:100%}.effect-preview-close[data-v-d5777aa2]{inset:14px 14px auto auto}.effect-preview-mobile[data-v-d5777aa2]{display:grid;gap:12px}.effect-preview-mobile .effect-preview-comparison-item[data-v-d5777aa2]{height:clamp(250px,50dvh,430px)}.effect-preview-reference[data-v-d5777aa2]{border-radius:16px;height:clamp(280px,56dvh,480px)}.effect-preview-mobile .effect-preview-result[data-v-d5777aa2]{border-radius:16px;height:clamp(250px,46dvh,420px)}.effect-preview-mobile-requirement[data-v-d5777aa2]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(145deg,var(--user-surface-soft),var(--user-surface));border:1px solid var(--user-border);border-radius:14px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:11px;min-height:58px;padding:9px 12px;text-align:start}.effect-preview-mobile-requirement[data-v-d5777aa2]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.effect-preview-mobile-requirement>span[data-v-d5777aa2]{background:var(--user-surface);border-radius:11px;box-shadow:inset 0 0 0 1px var(--user-border);color:var(--text-accent);display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.effect-preview-mobile-requirement[data-v-d5777aa2] .ui-icon{height:19px;width:19px}.effect-preview-mobile-requirement>div[data-v-d5777aa2]{display:grid;gap:3px}.effect-preview-mobile-requirement small[data-v-d5777aa2]{color:var(--user-muted);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.effect-preview-mobile-requirement strong[data-v-d5777aa2]{color:var(--user-text);font-size:14px}.effect-preview-presentation-upload[data-v-d5777aa2]{justify-self:stretch;width:100%}.effect-preview-result-label[data-v-d5777aa2]{inset:9px auto auto 9px}.effect-preview-confirm[data-v-d5777aa2]{width:100%}}@media(max-height:480px)and (orientation:landscape){.effect-preview-overlay[data-v-d5777aa2]{padding:8px}.effect-preview-panel[data-v-d5777aa2]{border-radius:18px;gap:10px 14px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - 16px);overflow:hidden;padding:14px;width:min(100%,900px)}.effect-preview-panel>header[data-v-d5777aa2]{grid-column:1;grid-row:1;min-width:0;padding-right:0}.effect-preview-panel h2[data-v-d5777aa2]{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-preview-close[data-v-d5777aa2]{height:44px;inset:8px 8px auto auto;width:44px}.effect-preview-panel footer[data-v-d5777aa2]{align-self:start;background:var(--user-surface);grid-column:2;grid-row:1;padding-right:48px;position:sticky;top:0;z-index:2}.effect-preview-confirm[data-v-d5777aa2]{min-height:44px;white-space:nowrap}.effect-preview-panel>.effect-preview-comparison[data-v-d5777aa2],.effect-preview-panel>.effect-preview-generic[data-v-d5777aa2],.effect-preview-panel>.effect-preview-mobile[data-v-d5777aa2],.effect-preview-panel>.effect-preview-reference[data-v-d5777aa2]{grid-column:1/-1;grid-row:2;min-height:0}.effect-preview-comparison[data-v-d5777aa2],.effect-preview-flow[data-v-d5777aa2]{grid-auto-rows:minmax(0,1fr);height:100%}.effect-preview-reference[data-v-d5777aa2]{height:100%;min-height:0}.effect-preview-panel>.effect-preview-presentation-upload[data-v-d5777aa2]{align-self:end;grid-column:1/-1;grid-row:2;justify-self:start;margin:0 10px 10px;width:auto;z-index:3}}