.jynno-effects-page{color:#fff;background:#080808;min-width:0;min-height:100%;font-family:Inter,Arial,sans-serif}.jynno-effects-content{width:100%;margin:0 auto;padding:24px 20px 48px}.jynno-effects-heading{text-align:center;max-width:1000px;margin:0 auto 32px}.jynno-effects-heading nav ol{justify-content:center;margin-bottom:16px}.jynno-effects-heading h1{letter-spacing:normal;text-transform:none;text-wrap:balance;font-family:Inter,Arial,sans-serif;font-size:36px;font-weight:700;line-height:48px}.jynno-effects-heading>p{color:#b6b6bd;max-width:800px;margin:8px auto 0;font-size:14px;line-height:20px}.jynno-effects-index{max-width:1536px;padding:24px 24px 48px}.jynno-effects-index>.jynno-effects-heading{margin-bottom:8px}.jynno-effects-index>.jynno-effects-heading nav{display:none}.jynno-effects-index>.jynno-effects-heading h1{font-size:24px;font-weight:400;line-height:36px}.jynno-effects-navigation{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808e6;align-items:center;height:64px;margin:0 -4px 12px;padding:0 4px;display:flex;position:sticky;top:0}.jynno-effects-navigation>div{scrollbar-width:none;gap:24px;width:100%;display:flex;overflow-x:auto}.jynno-effects-navigation button{color:#b6b6bd;white-space:nowrap;cursor:pointer;flex:none;font-size:14px;line-height:20px;transition:color .16s}.jynno-effects-navigation [aria-selected=true]{color:var(--primary)}.jynno-effects-category{margin:0 0 48px;scroll-margin-top:76px}.jynno-effects-category>h2{letter-spacing:.6px;text-transform:uppercase;text-align:center;margin:0 0 20px;font-size:18px;font-weight:500;line-height:24px}.jynno-effects-recipe-grid{columns:4;column-gap:16px}.jynno-effects-recipe-card{break-inside:avoid;color:#fff;isolation:isolate;background:#17171e;border-radius:12px;width:100%;margin-bottom:16px;display:block;position:relative;overflow:hidden}.jynno-effects-recipe-card>div{border-radius:0}.jynno-effects-recipe-card{-webkit-user-select:none;user-select:none}.jynno-effects-recipe-overlay{z-index:1;opacity:0;text-align:center;background:#07070a8f;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;transition:opacity .18s;display:flex;position:absolute;inset:0}.jynno-effects-recipe-overlay>strong{text-transform:uppercase;text-wrap:balance;font-size:clamp(24px,2.2vw,40px);font-weight:750;line-height:1.05}.jynno-effects-recipe-cta{background:color-mix(in srgb, var(--primary) 30.196%, transparent);color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:clamp(14px,1.3vw,20px);font-weight:650;line-height:1.3;display:inline-flex}.jynno-effects-recipe-card:focus-visible .jynno-effects-recipe-overlay{opacity:1}.jynno-effects-studio{padding-top:72px}.jynno-effects-studio-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:20px;display:grid}.jynno-effects-generator{background:#0d0d0d;border:1px solid #ffffff0b;border-radius:16px;min-width:0;padding:20px}.jynno-effects-back{color:#e6e6ea;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:600;line-height:24px;display:flex}.jynno-effects-back>svg{transform:rotate(180deg)}.jynno-effects-generator>#ai-generator{width:100%;max-width:none;margin:0;padding:0}.jynno-effects-generator-guidance{margin-bottom:16px}.jynno-effects-generator-guidance h2{margin:0 0 8px;font-size:14px;font-weight:600;line-height:20px}.jynno-effects-generator-guidance p{color:#9c9ca5;margin:0;font-size:13px;line-height:20px}.jynno-effects-preview{min-width:0;padding:max(32px,50dvh - 323.5px) 24px 24px}.jynno-effects-preview .jynno-effects-heading>p{min-height:40px}.jynno-effects-preview .jynno-effects-heading nav{font-size:12px}.jynno-effects-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;max-width:800px;margin:32px auto;display:grid}.jynno-effects-comparison figure{width:min(100%, calc(405px * var(--effect-native-ratio)));background:#0d0d0d;border-radius:8px;min-width:0;margin:0 auto;overflow:hidden}.jynno-effects-comparison figure>img{object-fit:contain;width:100%;height:auto;display:block}.jynno-effects-comparison figure>div{border-radius:0}.jynno-effects-comparison figcaption{color:#cccbd2;padding:10px 12px;font-size:13px;line-height:20px}.jynno-effects-guidance{grid-template-columns:1fr;gap:24px;max-width:800px;margin:32px auto 0;display:grid}.jynno-effects-guidance h2{align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.jynno-effects-guidance p,.jynno-effects-studio-notice{color:#9c9ca5;margin:0;font-size:13px;line-height:20px}.jynno-effects-studio-notice{max-width:800px;margin:20px auto}.jynno-effects-change{color:#b6b6bd;justify-content:center;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.jynno-effects-page .tool-marketing{background:#080808}.jynno-effects-page .tool-marketing-heading{font-size:40px;line-height:56px}.jynno-effects-page .tool-marketing-faqs{grid-template-columns:1fr;max-width:888px}.jynno-effects-page :is(a,button,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.effect-related-gallery{width:100%;max-width:1440px;margin:auto;position:relative}.effect-related-stage{overflow:clip}.effect-related-columns{grid-template-columns:repeat(var(--effect-columns), minmax(0, 1fr));gap:var(--effect-gap);display:grid}.effect-related-column{gap:var(--effect-gap);flex-direction:column;min-width:0;display:flex}.effect-related-column .jynno-effects-recipe-card{flex:none;margin:0}.effect-related-bottom{z-index:3;pointer-events:none;background:linear-gradient(#0000,#080808 90%);justify-content:center;align-items:end;padding:110px 16px 24px;display:flex;position:absolute;inset:auto 0 0}.effect-related-bottom a{pointer-events:auto;align-items:center;gap:8px;display:inline-flex}@media (min-width:1280px){.jynno-effects-studio-grid{grid-template-columns:468px minmax(0,1fr)}}@media (max-width:1279px){.jynno-effects-recipe-grid{columns:3}}@media (hover:hover) and (pointer:fine){.jynno-effects-recipe-card:hover .jynno-effects-recipe-overlay{opacity:1}.jynno-effects-navigation button:hover{color:#fff}}@media (max-width:1023px){.jynno-effects-studio-grid{grid-template-columns:1fr;gap:32px}.jynno-effects-generator{width:100%;max-width:700px;margin:auto}.jynno-effects-preview{padding:0}.jynno-effects-comparison{max-width:600px}}@media (max-width:767px){.jynno-effects-content,.jynno-effects-index{padding:24px 16px 32px}.jynno-effects-studio{padding-top:72px}.jynno-effects-heading{margin-bottom:24px}.jynno-effects-heading h1{font-size:24px;line-height:32px}.jynno-effects-heading>p{font-size:13px;line-height:20px}.jynno-effects-index>.jynno-effects-heading h1{font-size:20px;line-height:32px}.jynno-effects-recipe-grid{columns:2;column-gap:8px}.jynno-effects-recipe-card{border-radius:8px;margin-bottom:8px}.jynno-effects-category{margin-bottom:32px}.jynno-effects-category>h2{margin-bottom:12px;font-size:16px;line-height:24px}.jynno-effects-generator{padding:16px}.jynno-effects-back{margin-bottom:20px;font-size:16px}.jynno-effects-comparison{grid-template-columns:1fr;gap:16px;margin:24px auto}.jynno-effects-comparison figure{width:min(100%, calc(405px * var(--effect-native-ratio)))}.jynno-effects-guidance{grid-template-columns:1fr;gap:20px;margin-top:24px}.jynno-effects-page .tool-marketing-heading{font-size:20px;line-height:32px}}@media (prefers-reduced-motion:reduce){.jynno-effects-page *{scroll-behavior:auto;transition:none!important;animation:none!important}}.effect-marketing-examples{margin-inline:auto}.effect-marketing-example-controls{justify-content:flex-end;gap:12px;margin:0 0 24px;display:flex}.effect-marketing-example-controls button{color:#fff;cursor:pointer;background:#19191e;border:1px solid #36363d;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .16s;display:grid}.effect-marketing-example-controls button:hover:not(:disabled){background:#303036}.effect-marketing-example-controls button:disabled{opacity:.35;cursor:default}.effect-marketing-example-controls button:focus-visible,.effect-marketing-example-track:focus-visible,.effect-marketing-example-card:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.effect-marketing-example-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;gap:24px;padding:4px;display:flex;overflow-x:auto}.effect-marketing-example-track::-webkit-scrollbar{display:none}.effect-marketing-example-track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.effect-marketing-example-card{color:#a1a1aa;text-align:left;scroll-snap-align:start;cursor:pointer;background:0 0;border:0;flex:0 0 422px;min-width:0;padding:0}.effect-marketing-example-card[aria-pressed=true]{color:#fff}.effect-marketing-example-card strong{margin-top:12px;font:600 16px/24px Inter,sans-serif;display:block}.effect-marketing-example-poster{aspect-ratio:4/3;background:#0d0d0d;border-radius:16px;display:block;overflow:hidden}.effect-marketing-example-poster img{object-fit:contain;width:100%;height:100%;display:block}.effect-marketing-example-selected{max-width:900px;margin:56px auto 0}.effect-marketing-example-result{aspect-ratio:900/676;background:#0d0d0d;border-radius:16px;margin:0;position:relative;overflow:hidden}.effect-marketing-example-result>div{width:100%;height:100%;position:absolute;inset:0;aspect-ratio:auto!important}.effect-marketing-example-result :is(video,img){object-fit:contain!important}.effect-marketing-example-result figcaption{color:#fff;background:#000000a6;border-radius:8px;padding:6px 10px;font:13px/20px Inter,sans-serif;position:absolute;top:16px;left:16px}.effect-marketing-example-copy{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:20px;padding-top:24px;display:grid}.effect-marketing-example-copy figure{margin:0}.effect-marketing-example-copy img{aspect-ratio:1;object-fit:contain;border-radius:10px;width:112px;display:block}.effect-marketing-example-copy figcaption{color:#a1a1aa;margin-top:6px;font:12px/18px Inter,sans-serif}.effect-marketing-example-copy h3{color:#fff;margin:0 0 10px;font:700 24px/32px Inter,sans-serif}.effect-marketing-example-copy p{color:#a1a1aa;margin:0;font:16px/26px Inter,sans-serif}@media (max-width:1279px){.effect-marketing-example-card{flex-basis:346px}}@media (max-width:767px){.effect-marketing-example-card{flex-basis:269px}.effect-marketing-example-selected{margin-top:32px}.effect-marketing-example-copy{grid-template-columns:72px minmax(0,1fr);gap:12px;padding-top:16px}.effect-marketing-example-copy img{width:72px}.effect-marketing-example-copy h3{font-size:18px;line-height:26px}.effect-marketing-example-copy p{font-size:14px;line-height:22px}.effect-marketing-example-result figcaption{padding:4px 8px;font-size:12px;top:10px;left:10px}}@media (prefers-reduced-motion:reduce){.effect-marketing-example-controls button{transition:none}}@media (max-width:767px),(hover:none){.jynno-effects-recipe-overlay{opacity:1;text-align:left;background:linear-gradient(#0000 45%,#08080899);justify-content:flex-end;align-items:flex-start;gap:6px;padding:24px 10px 12px}.jynno-effects-recipe-overlay>strong{font-size:15px;line-height:1.15}.jynno-effects-recipe-cta{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;font-size:11px}.jynno-effects-recipe-cta svg{display:none}.effect-related-bottom{padding-bottom:16px}}.effect-marketing-example-poster>div{border-radius:0;width:100%;height:100%;aspect-ratio:auto!important}.effect-marketing-example-poster :is(video,img){object-fit:contain}.effect-marketing-example-poster{border:4px solid #0000;transition:border-color .18s}.effect-marketing-example-card[aria-pressed=true] .effect-marketing-example-poster{border-color:var(--primary)}@media (prefers-reduced-motion:reduce){.effect-marketing-example-poster{transition:none}}.effect-marketing-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1280px;margin:auto;display:grid}.effect-marketing-feature-media{background:#0d0d0d;border-radius:16px;height:500px;margin:0;position:relative;overflow:hidden}.effect-marketing-feature-media img{object-fit:contain;width:100%;height:100%}.effect-marketing-feature-media figcaption{background:#080808b3;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;bottom:16px;left:16px}.effect-marketing-feature-copy dl{margin:24px 0 32px}.effect-marketing-feature-copy dl>div+div{margin-top:24px}.effect-marketing-feature-copy dt{color:#fff;font-size:16px;font-weight:650}.effect-marketing-feature-copy dd{color:#a1a1aa;margin:8px 0 0;font-size:16px;line-height:26px}.effect-marketing-example-selected{animation:.24s both effect-case-enter}@keyframes effect-case-enter{0%{opacity:.6}to{opacity:1}}@media (max-width:1023px){.effect-marketing-feature{grid-template-columns:1fr;gap:32px}.effect-marketing-feature-media{width:100%;max-width:640px;margin:auto}}@media (max-width:767px){.effect-marketing-feature-media{height:360px}.effect-marketing-feature-copy dd{font-size:14px;line-height:22px}}.effect-marketing-faqs{max-width:888px;margin:auto}.jynno-effects-page .effect-marketing-faq-section .tool-marketing-heading{font-size:48px;line-height:64px}@media (max-width:767px){.jynno-effects-page .effect-marketing-faq-section .tool-marketing-heading{font-size:24px;line-height:32px}}