@font-face{font-family:Zombie Bricolage;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/zombie/bricolage-400.woff2)format("woff2")}@font-face{font-family:Zombie Bricolage;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/zombie/bricolage-600.woff2)format("woff2")}@font-face{font-family:Zombie Bricolage;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/zombie/bricolage-700.woff2)format("woff2")}.zombie-template{--z-accent:var(--rap-orange);--z-muted:var(--rap-muted);--z-accent-hover:color-mix(in oklch, var(--rap-orange) 90%, white);--z-accent-soft:color-mix(in oklch, var(--rap-orange) 8%, transparent);--z-accent-line:color-mix(in oklch, var(--rap-orange) 30%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--rap-text);background:var(--rap-bg);font-family:Zombie Bricolage,ui-sans-serif,system-ui,sans-serif;font-size:14px;overflow-x:clip}.zombie-template *{box-sizing:border-box}.zombie-template :is(a,button,label,summary){-webkit-tap-highlight-color:transparent}.zombie-template :is(a,button,summary,input):focus-visible{outline:2px solid var(--z-accent);outline-offset:5px}.zombie-template button,.zombie-template summary{cursor:pointer}.zombie-template button:disabled{cursor:not-allowed}.zombie-template section[id]{scroll-margin-top:95px}.zombie-template p{color:var(--z-muted);line-height:1.7}.zombie-template h2{letter-spacing:-1.3px;margin:12px 0;font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.2}.zombie-template .z-primary{min-height:43px;color:var(--rap-ink);background:var(--z-accent);border:1px solid var(--z-accent);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 19px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff20}.zombie-template .z-primary:hover{background:var(--z-accent-hover);transform:translateY(-1px)}.zombie-template .z-hero{grid-template-columns:.96fr 1.04fr;align-items:center;gap:40px;max-width:1216px;margin:auto;padding:58px 28px 32px;display:grid;position:relative}.zombie-template .z-hero:before{content:"";background:radial-gradient(ellipse, color-mix(in oklch, var(--z-accent) 12%, transparent), transparent 68%);pointer-events:none;position:absolute;inset:-60px 0 0 30%}.zombie-template .z-hero-copy,.zombie-template .z-hero-screen{min-width:0;position:relative}.zombie-template .z-hero-badge{letter-spacing:1.4px;color:var(--z-accent);border:1px solid var(--z-accent-line);background:var(--z-accent-soft);border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;display:inline-flex}.zombie-template .z-hero-badge i,.zombie-template .z-hero-screen-caption i{background:var(--z-accent);border-radius:50%;width:5px;height:5px;display:inline-block}.zombie-template .z-hero h1{letter-spacing:-2.6px;margin:23px 0 20px;font-size:clamp(42px,4.5vw,62px);font-weight:600;line-height:1.07}.zombie-template .z-hero h1 span{color:var(--rap-text)}.zombie-template .z-hero-copy>p{font-size:15px;line-height:1.8}.zombie-template .z-hero-cta{min-height:48px;margin-top:26px;padding:0 22px}.zombie-template .z-hero-features{color:var(--z-muted);flex-wrap:wrap;gap:15px;margin-top:21px;font-size:10px;display:flex}.zombie-template .z-hero-features span{align-items:center;gap:5px;display:flex}.zombie-template .z-hero-features svg{width:13px;height:13px;color:var(--z-muted)}.zombie-template .z-video{aspect-ratio:16/9;background:var(--rap-surface);isolation:isolate;border:1px solid #ffffff20;border-radius:13px;position:relative;overflow:hidden}.zombie-template .z-video>img,.zombie-template .z-video>video{object-fit:cover;width:100%;height:100%}.zombie-template .z-video>video{object-fit:contain}.zombie-template .z-hero-screen .z-video{aspect-ratio:1.5;box-shadow:0 25px 70px #0005}.zombie-template .z-hero-video>img,.zombie-template .z-hero-video>video{object-fit:contain;transition:opacity .3s;position:absolute;inset:0}.zombie-template .z-hero-video>img{opacity:1;visibility:visible;pointer-events:none}.zombie-template .z-hero-video>video{opacity:0}.zombie-template .z-hero-video[data-ready=true]>img{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.zombie-template .z-hero-video[data-ready=true]>video{opacity:1}.zombie-template .z-hero-video[data-error=true]>img,.zombie-template .z-hero-video[data-error=true]>video{transition:none}.zombie-template .z-hero-video-controls{pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.zombie-template .z-hero-video-controls button{pointer-events:auto;background:color-mix(in oklch, var(--rap-bg) 75%, transparent);width:44px;height:44px;color:var(--rap-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;touch-action:manipulation;border:1px solid #ffffff40;border-radius:12px;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid}.zombie-template .z-hero-video-controls button:hover,.zombie-template .z-hero-video-controls button:focus-visible{border-color:var(--z-accent);background:color-mix(in oklch, var(--z-accent) 15%, var(--rap-bg));color:var(--z-accent)}.zombie-template .z-hero-video-controls button:focus-visible{outline:2px solid var(--z-accent);outline-offset:3px}.zombie-template .z-play{z-index:1;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff15;border:1px solid #ffffff65;border-radius:50%;place-items:center;width:54px;height:54px;padding-left:3px;transition:background .2s;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.zombie-template .z-play:hover{background:#ffffff35}.zombie-template .z-example-video>img,.zombie-template .z-example-video>video{position:absolute;inset:0}.zombie-template .z-example-video .z-play.z-example-play{background:color-mix(in oklch, var(--rap-bg) 60%, transparent);cursor:pointer;touch-action:manipulation;min-width:54px;min-height:54px;padding:0;top:50%}.zombie-template .z-example-video .z-play:hover,.zombie-template .z-example-video .z-play:focus-visible,.zombie-template .z-example-retry:hover,.zombie-template .z-example-retry:focus-visible{background:color-mix(in oklch, var(--z-accent) 15%, var(--rap-bg));border-color:var(--z-accent);color:var(--z-accent)}.zombie-template .z-example-video button:focus-visible{outline:2px solid var(--z-accent);outline-offset:3px}.zombie-template .z-example-status{background:color-mix(in oklch, var(--rap-bg) 85%, transparent);color:var(--rap-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex;position:absolute;inset:0}.zombie-template .z-example-loading{pointer-events:none;background:color-mix(in oklch, var(--rap-bg) 50%, transparent)}.zombie-template .z-example-retry{background:color-mix(in oklch, var(--rap-bg) 60%, transparent);cursor:pointer;touch-action:manipulation;border:1px solid #ffffff65;border-radius:10px;min-width:80px;min-height:44px}.zombie-template .z-hero-screen-caption{color:var(--z-muted);letter-spacing:1.2px;justify-content:space-between;gap:12px;margin:13px 3px 0;font-size:7px;display:flex}.zombie-template .z-hero-screen-caption i{width:4px;height:4px;margin-right:5px}.zombie-template .z-section{max-width:1120px;margin:auto;padding:54px 28px}.zombie-template .z-section-heading{text-align:center;margin-bottom:33px}.zombie-template .z-eyebrow{color:var(--z-accent);letter-spacing:2px;font-size:9px;font-weight:600}.zombie-template .z-section-heading>p,.zombie-template .z-heading-row p{font-size:13px}.zombie-template .z-generation-error{color:#f87171}.zombie-template .z-heading-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.zombie-template .z-example-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.zombie-template .z-example-label{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.zombie-template .z-example-label h3{font-size:13px}.zombie-template .z-example-label span{color:var(--z-muted);border:1px solid #ffffff15;border-radius:4px;padding:4px 7px;font-size:10px}.zombie-template .z-story-band{background:var(--rap-section-bg);border-top:1px solid #ffffff06;border-bottom:1px solid #ffffff06;margin:24px 0}.zombie-template .z-story-grid{grid-template-columns:repeat(4,1fr);gap:19px;display:grid}.zombie-template .z-story-image{aspect-ratio:1.5;border:1px solid #ffffff12;border-radius:8px;position:relative;overflow:hidden}.zombie-template .z-story-image img{object-fit:cover;width:100%;height:100%}.zombie-template .z-story-image>span{color:var(--rap-text);font-family:Georgia,serif;font-size:28px;position:absolute;bottom:10px;left:12px}.zombie-template .z-story-grid h3{margin:15px 0 6px;font-size:14px}.zombie-template .z-story-grid p{font-size:11px}.zombie-template .z-how-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px;display:grid}.zombie-template .z-how-icon{border:1px solid var(--z-accent-line);background:var(--z-accent-soft);color:var(--z-accent);border-radius:12px;place-items:center;width:55px;height:55px;margin:0 auto 20px;display:grid;position:relative}.zombie-template .z-how-icon span{border:1px solid var(--rap-line);background:var(--rap-surface);border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid;position:absolute;top:-8px;right:-10px}.zombie-template .z-how-grid h3{margin-bottom:8px;font-size:15px}.zombie-template .z-how-grid p{font-size:12px}.zombie-template .z-tips{border:1px solid var(--rap-line);background:var(--rap-surface);border-radius:12px;grid-template-columns:1fr 1.7fr;gap:30px;margin-top:48px;padding:28px 32px;display:grid}.zombie-template .z-tips h3{margin:9px 0 7px;font-size:21px}.zombie-template .z-tips p{font-size:11px}.zombie-template .z-tips ul{grid-template-columns:1fr 1fr;align-content:center;gap:12px 20px;display:grid}.zombie-template .z-tips li{color:var(--rap-text);align-items:center;gap:8px;font-size:11px;display:flex}.zombie-template .z-tips svg{color:var(--z-accent);flex-shrink:0}.zombie-template .z-faq{grid-template-columns:1fr 1.55fr;gap:65px;display:grid}.zombie-template .z-faq>div>p{margin-top:18px;font-size:12px}.zombie-template .z-faq details{border-bottom:1px solid #ffffff13}.zombie-template .z-faq summary{justify-content:space-between;align-items:center;gap:15px;padding:19px 0;font-size:12px;list-style:none;display:flex}.zombie-template .z-faq summary::-webkit-details-marker{display:none}.zombie-template .z-faq summary span{color:var(--z-muted);font-size:19px}.zombie-template .z-faq details[open] summary span{transform:rotate(45deg)}.zombie-template .z-faq details p{padding-bottom:19px;font-size:12px}.zombie-template .z-final{text-align:center;background:radial-gradient(ellipse at 50% 100%, color-mix(in oklch, var(--z-accent) 12%, transparent), transparent 70%);border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;margin-top:25px;padding:68px 25px 78px}.zombie-template .z-final p{font-size:13px}.zombie-template .z-final .z-primary{margin-top:25px;padding:0 27px}@media (width<=1000px){.zombie-template .z-hero{gap:28px;padding-top:55px}.zombie-template .z-hero h1{font-size:48px}.zombie-template .z-hero-features{gap:10px}.zombie-template .z-heading-row{align-items:start}.zombie-template .z-heading-row h2{font-size:29px}.zombie-template .z-faq{gap:35px}}@media (width<=760px){.zombie-template .z-hero{grid-template-columns:1fr;gap:32px;max-width:600px;padding:35px 22px 25px}.zombie-template .z-hero-copy{text-align:center}.zombie-template .z-hero h1{font-size:clamp(43px,7vw,57px)}.zombie-template .z-hero-copy>p{font-size:13px}.zombie-template .z-hero-features{justify-content:center}.zombie-template .z-hero-screen .z-video{aspect-ratio:16/10}.zombie-template .z-section{padding:45px 22px}.zombie-template .z-heading-row{flex-direction:column;gap:20px}.zombie-template .z-example-grid{gap:18px}.zombie-template .z-example-label{flex-direction:column;align-items:start}.zombie-template .z-example-grid .z-play{z-index:1;width:37px;height:37px;top:43%}.zombie-template .z-story-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.zombie-template .z-how-grid{gap:20px}.zombie-template .z-how-grid h3{font-size:13px}.zombie-template .z-how-grid p{font-size:11px}.zombie-template .z-tips{grid-template-columns:1fr;gap:20px;padding:25px}.zombie-template .z-faq{grid-template-columns:1fr;gap:20px}}@media (width<=520px){.zombie-template .z-hero h1{letter-spacing:-1.8px;font-size:clamp(37px,10.5vw,51px)}.zombie-template .z-hero-badge{letter-spacing:.8px;font-size:8px}.zombie-template .z-hero-cta{width:100%}.zombie-template .z-hero-screen-caption{letter-spacing:.5px;font-size:6px}.zombie-template .z-section{padding-left:17px;padding-right:17px}.zombie-template .z-section-heading p{font-size:12px}.zombie-template .z-example-grid{grid-template-columns:1fr;gap:25px}.zombie-template .z-example-label{flex-direction:row;align-items:center}.zombie-template .z-how-grid{grid-template-columns:1fr;gap:30px}.zombie-template .z-how-grid h3{font-size:16px}.zombie-template .z-how-grid p{max-width:260px;margin:auto;font-size:12px}.zombie-template .z-tips{padding:22px 20px}.zombie-template .z-tips ul{gap:12px}.zombie-template .z-tips li{font-size:10px}.zombie-template .z-faq h2 br{display:none}}@media (prefers-reduced-motion:reduce){.zombie-template *,.zombie-template :before{transition:none!important;animation:none!important}}.zombie-template .z-story-band .z-section-heading>p{max-width:620px;margin-inline:auto}@media (width<=520px){.zombie-template .z-hero-screen .z-play{z-index:1;width:42px;height:42px;top:30%}}.zombie-template .z-hero-screen .z-video{aspect-ratio:16/9}.zombie-template .z-generator-section{padding-top:14px}.zombie-template .z-generator-section .z-section-heading h2{font-size:clamp(25px,3vw,34px)}.zombie-template .z-story-image--pair{grid-template-columns:1fr 1fr;gap:2px;display:grid}.zombie-template .z-story-image--pair img{min-width:0}@media (width<=760px){.zombie-template .z-generator-section{padding-top:10px}}.zombie-template .rap-generator--zombie{--input:var(--studio-line);--muted-foreground:var(--studio-muted);border:1px solid var(--studio-outline);background:var(--studio-bg);max-width:880px;color:var(--rap-text);border-radius:16px;margin:auto;padding:0;overflow:hidden;box-shadow:0 16px 42px #0004,inset 0 1px #ffffff09}.zombie-template .rap-generator--zombie .rap-generator-body{padding:21px 28px 19px;display:block}.zombie-template .rap-generator--zombie .rap-generator-column+.rap-generator-column{border:0;padding:0}.zombie-template .rap-generator--zombie .rap-photo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.zombie-template .rap-generator--zombie .rap-zombie-photo-slot{min-width:0}.zombie-template .rap-generator--zombie .rap-photo-label{min-height:23px;margin-bottom:12px;font-size:14px;font-weight:600}.zombie-template .rap-generator--zombie .rap-photo-select{border:1px dashed var(--studio-upload-line);background:var(--studio-inset);height:185px;color:var(--rap-text);border-radius:9px;gap:12px;transition:border-color .2s,background .2s}.zombie-template .rap-generator--zombie .rap-photo-select:hover{border-color:var(--rap-orange);background:var(--studio-raised)}.zombie-template .rap-generator--zombie .rap-photo-select.has-photo{border-style:solid}.zombie-template .rap-generator--zombie .rap-upload-icon{background:var(--rap-orange);width:46px;height:46px;color:var(--studio-inset);border:1px solid #ffffff0a;border-radius:11px;margin:0}.zombie-template .rap-generator--zombie .rap-photo-select strong{font-size:11px;font-weight:500}.zombie-template .rap-generator--zombie .rap-photo-select small{color:var(--studio-muted);margin:0;font-size:9px}.zombie-template .rap-generator--zombie .rap-photo-remove{top:42px}.zombie-template .rap-generator--zombie .rap-zombie-photo-slot>.rap-field-hint{color:var(--studio-muted);margin-top:8px;font-size:12px}.zombie-template .rap-generator--zombie .rap-swap{border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:7px;min-height:34px;margin:12px 0 0;padding:0 12px;font-size:11px}.zombie-template .rap-generator--zombie .rap-swap:hover:not(:disabled){border-color:var(--rap-orange);background:var(--studio-raised)}.zombie-template .rap-generator--zombie .rap-zombie-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:25px;display:grid}.zombie-template .rap-generator--zombie .rap-zombie-options legend{margin-bottom:11px;font-size:12px;font-weight:500}.zombie-template .rap-generator--zombie .rap-zombie-option-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.zombie-template .rap-generator--zombie .rap-zombie-option{border:1px solid var(--studio-line);background:var(--studio-inset);min-width:0;min-height:66px;color:var(--rap-text);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:11px;transition:border-color .2s;display:flex}.zombie-template .rap-generator--zombie .rap-zombie-option:hover:not(:disabled){border-color:var(--rap-orange)}.zombie-template .rap-generator--zombie .rap-zombie-option[aria-pressed=true]{border-color:var(--rap-orange);background:color-mix(in oklch, var(--rap-orange) 7%, var(--studio-bg))}.zombie-template .rap-generator--zombie .rap-zombie-option strong{font-size:13px;font-weight:600}.zombie-template .rap-generator--zombie .rap-zombie-option small{color:var(--studio-muted);font-size:8px;line-height:1.6;display:block}.zombie-template .rap-generator--zombie .rap-zombie-option-cost{color:var(--rap-orange);text-align:right;margin-left:auto;font-size:11px}.zombie-template .rap-generator--zombie .rap-zombie-ratio{border:1px solid var(--studio-muted);border-radius:3px;flex-shrink:0;width:25px;height:16px;display:inline-block}.zombie-template .rap-generator--zombie .rap-zombie-ratio[data-ratio="9:16"]{width:15px;height:24px;margin:0 5px}.zombie-template .rap-generator--zombie .rap-price-section{margin-top:0}.zombie-template .rap-generator--zombie .rap-zombie-summary{color:var(--studio-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:25px 0 14px;font-size:10px;display:flex}.zombie-template .rap-generator--zombie .rap-zombie-summary>span:first-child{align-items:center;gap:6px;display:flex}.zombie-template .rap-generator--zombie .rap-zombie-summary svg{color:var(--rap-orange)}.zombie-template .rap-generator--zombie .rap-generate{border:1px solid var(--rap-orange);width:100%;height:auto;min-height:50px;color:var(--studio-inset);background:var(--rap-orange);white-space:normal;border-radius:8px;margin-top:0;padding:12px;font-size:13px;font-weight:600;box-shadow:0 4px 14px #0003,inset 0 1px #ffffff35}.zombie-template .rap-generator--zombie .rap-generate:hover{background:var(--z-accent-hover)}.zombie-template .rap-generator--zombie .rap-generate svg{margin:0}.zombie-template .rap-generator--zombie .rap-generate:disabled{background:var(--rap-orange);color:var(--studio-inset);border-color:var(--rap-orange);opacity:.5}.zombie-template .rap-generator--zombie .rap-permission{color:var(--studio-muted);text-align:center;font-size:10px}.zombie-template .rap-generator--zombie .rap-current-video{margin-top:20px}.zombie-template .rap-generator--zombie .rap-current-video>a{width:fit-content;margin-inline:auto;display:block}.zombie-template .rap-generator--zombie .rap-error{color:#f87171}@media (width<=760px){.zombie-template .rap-generator--zombie .rap-generator-body{padding:20px 18px}.zombie-template .rap-generator--zombie .rap-photo-grid{gap:15px}.zombie-template .rap-generator--zombie .rap-zombie-options{grid-template-columns:1fr;gap:22px}.zombie-template .rap-generator--zombie .rap-zombie-option{gap:14px;padding:13px}.zombie-template .rap-generator--zombie .rap-zombie-option small{font-size:10px}}@media (width<=520px){.zombie-template .rap-generator--zombie .rap-generator-body{padding:18px 16px}.zombie-template .rap-generator--zombie .rap-photo-grid{grid-template-columns:1fr;gap:23px}.zombie-template .rap-generator--zombie .rap-photo-select{height:190px}.zombie-template .rap-generator--zombie .rap-photo-select small{font-size:10px}.zombie-template .rap-generator--zombie .rap-zombie-summary{font-size:9px}}.zombie-template .rap-zombie-tabs{border:1px solid var(--studio-line);background:var(--studio-inset);border-radius:10px;gap:5px;width:fit-content;padding:5px;display:flex}.zombie-template .rap-zombie-tabs button{min-height:40px;color:var(--rap-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 22px;font-size:14px;display:flex}.zombie-template .rap-zombie-tabs button[aria-pressed=true]{background:var(--rap-orange);color:var(--studio-inset)}.zombie-template .rap-zombie-tabs button:hover:not(:disabled):not([aria-pressed=true]){background:var(--studio-raised)}.zombie-template .rap-zombie-tabs button:disabled{opacity:.6;cursor:default}.zombie-template .rap-zombie-mode-description{color:var(--studio-muted);margin:16px 0 22px;font-size:13px;line-height:1.6}
