.rereel{--rr-canvas:#000;--rr-acid:#d1fe17;--rr-primary-ink:#1a1a1a;--rr-primary-hover:#dcff50;--rr-ink:#f7f7f8;--rr-muted:#a2a3a5;--rr-dim:#8a8d91;--rr-accent-ink:#d1fe17;--rr-border:#ffffff13;--rr-border-strong:#ffffff3d;--rr-panel:#0c0d0e;--rr-panel-2:#141417;--rr-panel-3:#191b1c;--rr-panel-4:#232527;--rr-control-bg:#141517;--rr-control-hover:#2a2c2f;--rr-control-pressed:#373a3e;--rr-header-bg:#000000b8;--rr-floating-bg:#141417eb;--rr-composer-bg:#202022eb;--rr-focus:#d1fe17;--rr-error:#fca5a5;--rr-error-bg:#7f1d1d40;--rr-success:#86efac;--rr-success-bg:#14532d40;--rr-shadow:#0000005c;--rr-selected-bg:color-mix(in srgb, var(--rr-acid) 14%, transparent);--rr-scrollbar:#515459;--rr-scrollbar-hover:#6e7279;--rr-media-bg:#090a0b;--rr-media-ink:#fff;--rr-media-muted:#d9dbe0;--rr-media-border:#ffffff29;--rr-media-scrim:#000c;--rr-radius-control:12px;--rr-radius-menu:16px;--rr-radius-card:18px;--rr-radius-media:26px;--rr-radius-pill:999px;--background:var(--rr-canvas);--foreground:var(--rr-ink);--primary:var(--rr-acid);--primary-foreground:var(--rr-primary-ink);--secondary:var(--rr-panel-2);--secondary-foreground:var(--rr-ink);--muted:var(--rr-panel-2);--muted-foreground:var(--rr-muted);--accent:var(--rr-panel-3);--accent-foreground:var(--rr-ink);--border:var(--rr-border);--input:var(--rr-border-strong);--popover:var(--rr-panel-2);--popover-foreground:var(--rr-ink);--card:var(--rr-panel);--card-foreground:var(--rr-ink);--ring:var(--rr-focus);--destructive:var(--rr-error);--shadow-popover:0 12px 32px var(--rr-shadow);--rr-ink-2:var(--rr-muted);--rr-ink-3:var(--rr-dim);--rr-hair:var(--rr-border);--font-display:"Inter Display", "Inter Variable", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--rr-scrollbar) var(--rr-canvas)}.light .rereel{--rr-canvas:#fff;--rr-ink:#17191c;--rr-muted:#545b64;--rr-dim:#5a626c;--rr-accent-ink:#526500;--rr-border:#1c233324;--rr-border-strong:#89919c;--rr-panel:#f4f5f6;--rr-panel-2:#eef0f2;--rr-panel-3:#e4e7eb;--rr-panel-4:#d9dee4;--rr-control-bg:#fff;--rr-control-hover:#e7eaee;--rr-control-pressed:#d8dde3;--rr-header-bg:#ffffffe0;--rr-floating-bg:#fffffff5;--rr-composer-bg:#f6f7f9fa;--rr-focus:#526500;--rr-error:#b42318;--rr-error-bg:#fff1f0;--rr-success:#166534;--rr-success-bg:#ecfdf3;--rr-shadow:#141c2826;--rr-selected-bg:color-mix(in srgb, var(--rr-accent-ink) 10%, transparent);--rr-scrollbar:#929ba6;--rr-scrollbar-hover:#687483;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.rereel ::selection{background:var(--rr-acid);color:var(--rr-primary-ink)}.rereel :is(input,textarea){caret-color:var(--rr-accent-ink)}.rr-theme-toggle{width:44px;height:44px;color:var(--rr-muted);border-radius:var(--rr-radius-control);transition:none}.rr-theme-toggle:hover{background:var(--rr-control-hover);color:var(--rr-ink)}.rr-theme-toggle:active{background:var(--rr-control-pressed)}.rereel.rr-preference-menu{border:1px solid var(--rr-border);border-radius:var(--rr-radius-menu);background:var(--rr-floating-bg);min-width:176px;color:var(--rr-ink);padding:4px;animation:none}.rereel.rr-language-menu{min-width:128px}.rr-preference-menu [data-slot=dropdown-menu-radio-item]{border-radius:var(--rr-radius-control);gap:8px;min-height:44px;padding-left:12px}.rr-preference-menu [data-slot=dropdown-menu-radio-item][aria-checked=true]{background:var(--rr-selected-bg)}.rr-preference-menu [data-slot=dropdown-menu-radio-item]:focus,.rr-preference-menu [data-slot=dropdown-menu-radio-item][data-highlighted]{background:var(--rr-control-hover);color:var(--rr-ink)}@font-face{font-family:Inter Display;font-style:normal;font-weight:500;font-display:swap;src:url(/media/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:Inter Display;font-style:normal;font-weight:700;font-display:swap;src:url(/media/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:Rereel Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/media/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2")}.rereel{color:var(--rr-ink);background:var(--rr-canvas);font-family:Inter Variable,Inter,sans-serif;font-size:14px;line-height:1.5}.rr-page{min-height:100svh}.rereel button{cursor:pointer}.rereel button:disabled{cursor:not-allowed}.rereel :is(a,button,summary):focus-visible{outline:2px solid var(--rr-focus);outline-offset:3px}.rr-wide{max-width:1560px;margin-inline:auto}.rr-display{letter-spacing:-.025em;text-transform:uppercase;font-family:Inter Display,Inter Variable,sans-serif;font-size:clamp(36px,4vw,48px);font-weight:700;line-height:.94}.rr-eyebrow{color:var(--rr-dim);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.4}.rr-primary{background:var(--rr-acid);color:var(--rr-primary-ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:inline-flex}.rr-hero{flex-direction:column;justify-content:center;min-height:min(94svh,860px);padding-bottom:40px;scroll-margin-top:58px;display:flex;position:relative;overflow:hidden}.rr-hero-glow,.rr-hero-dots{pointer-events:none;position:absolute;inset:0}.rr-hero-glow{background:radial-gradient(620px 620px at 50% 46%,color-mix(in srgb,var(--rr-acid) 11%,transparent) 0%,color-mix(in srgb,var(--rr-acid) 5%,transparent) 47%,transparent 100%)}.rr-hero-dots{background-image:url(/media/dots.svg);-webkit-mask-image:radial-gradient(circle farthest-side at 50% 46%,#000,#0006 47%,#0000),linear-gradient(#0000,#0000002e 6%,#000 20%);mask-image:radial-gradient(circle farthest-side at 50% 46%,#000,#0006 47%,#0000),linear-gradient(#0000,#0000002e 6%,#000 20%)}.rr-hero-inner{width:100%;max-width:1240px;margin:auto;padding:32px 24px 0;position:relative}.rr-hero h1{letter-spacing:-.02em;text-align:center;font-family:Inter Display,Inter Variable,sans-serif;font-size:clamp(24px,2.8vw,32px);font-weight:500;line-height:1.25}.rr-hero h1 span{color:var(--rr-accent-ink)}.rr-hero-console{max-width:700px;margin:40px auto 0}.rr-hero .generation-landing-workspace{max-width:none;margin:0;padding:0}.rr-hero-reel{margin-top:40px}.rr-hero-reel>.rr-eyebrow{text-align:center;margin-bottom:12px}.rr-hero .rr-composer-wrap{max-width:none}.rr-home-templates{padding:112px 24px 96px;scroll-margin-top:58px}.rr-home-gallery-heading{margin-bottom:32px}.rr-home-gallery-heading h2{max-width:1140px;margin-top:12px}.rr-home-gallery-heading>p:last-child{max-width:640px;color:var(--rr-muted);margin-top:20px;font-size:14px;line-height:1.7}.rr-home-steps{border-bottom:1px solid var(--rr-border);padding:96px 24px}.rr-home-steps h2{max-width:20ch;margin-top:12px;font-size:clamp(36px,4vw,48px)}.rr-steps-grid{border:1px solid var(--rr-border);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;display:grid;overflow:hidden}.rr-steps-grid>article{min-width:0;padding:12px;position:relative}.rr-steps-grid>article+article{border-left:1px solid var(--rr-border)}.rr-step-visual{position:relative}.rr-step-media{aspect-ratio:4/5;border:1px solid var(--rr-media-border);background:var(--rr-media-bg);border-radius:14px;width:100%;max-width:360px;margin:0 auto;position:relative;overflow:hidden}.rr-step-media>img,.rr-step-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rr-step-media-1>img{object-position:center 38%}.rr-step-media-1:after,.rr-step-media-2:after{content:"";pointer-events:none;background:linear-gradient(to top,var(--rr-media-scrim),transparent,color-mix(in srgb,var(--rr-media-scrim) 12.5%,transparent));position:absolute;inset:0}.rr-step-media-2:after{background:linear-gradient(to top,var(--rr-media-bg),color-mix(in srgb,var(--rr-media-scrim) 12.5%,transparent),transparent)}.rr-step-choices{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:100%;padding:12px;display:grid}.rr-step-choices>div{border:1px solid var(--rr-media-border);background:var(--rr-media-bg);border-radius:10px;min-height:0;position:relative;overflow:hidden}.rr-step-choices>div[data-selected]{border-color:var(--rr-acid);box-shadow:0 0 0 1px var(--rr-acid),0 10px 30px color-mix(in srgb,var(--rr-acid) 12%,transparent)}.rr-step-choices img{object-fit:cover;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.rr-step-choices>div:after{content:"";pointer-events:none;background:linear-gradient(to top,var(--rr-media-scrim),transparent,transparent);position:absolute;inset:0}.rr-step-choices span{z-index:1;color:var(--rr-media-ink);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.rr-step-choices svg{z-index:2;background:var(--rr-acid);color:var(--rr-primary-ink);stroke-width:3px;border-radius:50%;width:20px;height:20px;padding:3px;position:absolute;top:8px;right:8px}.rr-step-copy{padding:20px 8px 12px}.rr-step-heading{align-items:center;gap:12px;display:flex}.rr-step-number{color:var(--rr-accent-ink);flex:none;font-family:Rereel Mono,monospace;font-size:12px}.rr-step-rule{background:var(--rr-border);flex:1;min-width:16px;height:1px}.rr-step-heading>svg{width:16px;height:16px;color:var(--rr-dim);flex:none}.rr-step-copy h3{letter-spacing:-.01em;margin-top:16px;font-size:16px;font-weight:600}.rr-step-copy p{color:var(--rr-muted);margin-top:8px;font-size:13px;line-height:1.625}.rr-step-arrow{z-index:1;border:1px solid var(--rr-border);background:var(--rr-canvas);width:32px;height:32px;color:var(--rr-accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.rr-step-result-label{z-index:1;background:color-mix(in srgb,var(--rr-media-scrim) 83%,transparent);min-height:32px;color:var(--rr-media-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:12px}.rr-step-result-label>svg{width:14px;height:14px}.rr-step-playback{z-index:2;background:var(--rr-media-scrim);min-height:44px;color:var(--rr-media-ink);opacity:0;cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;position:absolute;top:12px;right:12px}.rr-step-media:hover .rr-step-playback,.rr-step-playback:focus-visible{opacity:1}.rr-step-playback:focus-visible{outline:2px solid var(--rr-focus);outline-offset:2px}@media (hover:none){.rr-step-playback{opacity:1}}@media (width<=1023px){.rr-steps-grid{grid-template-columns:1fr}.rr-steps-grid>article+article{border-left:0;border-top:1px solid var(--rr-border)}.rr-step-arrow{display:none}}.rr-home-faq{padding:96px 24px}.rr-faq-layout{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.rr-faq-layout h2{margin-top:12px}.rr-home-faq details{border-bottom:1px solid var(--rr-border)}.rr-home-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:16px;list-style:none;display:flex}.rr-home-faq summary::-webkit-details-marker{display:none}.rr-home-faq summary span{color:var(--rr-dim)}.rr-home-faq details[open] summary span{transform:rotate(45deg)}.rr-home-faq details p{color:var(--rr-muted);padding:0 32px 20px 0;font-size:14px;line-height:1.7}@media (width>=1280px){.rr-hero-inner{transform-origin:50%;width:100%;transform:scale(1.33333)}}.rr-hero .rr-console-history{display:none}.rr-hero .rr-console{background:var(--rr-composer-bg)}.rr-hero .rr-toolbar{margin-top:4px}.rr-hero .rr-prompt textarea{resize:none;color:var(--rr-muted)}.rr-hero .rr-prompt textarea::placeholder{color:var(--rr-dim)}.rereel :is([data-slot=button],[class~=group\/button]):focus-visible{outline:none}.rr-hero .rr-brand-headline{text-wrap:balance;max-width:800px;margin-inline:auto}.rr-hero-subheadline{text-align:center;max-width:640px;color:var(--rr-muted);text-wrap:balance;margin:16px auto 0;font-size:13px;line-height:1.6}@media (width<=639px){.rr-hero .rr-brand-headline{max-width:340px;font-size:26px}.rr-hero-subheadline{max-width:340px;font-size:12px}}.rr-home-gallery-heading{grid-template-columns:minmax(0,1fr) 345px;align-items:end;gap:48px;margin-bottom:28px;display:grid}.rr-home-gallery-heading h2 span{color:var(--rr-accent-ink)}.rr-home-gallery-heading>p:last-child{margin:0;font-size:14px;line-height:24px}.rr-home-faq summary{padding:16px 0}@media (width<=767px){.rr-home-gallery-heading{grid-template-columns:1fr;gap:20px}}@media (width>=640px){.rr-hero .rr-audio svg,.rr-hero .rr-model>.lucide-chevron-down,.rr-hero .rr-frames>.lucide-chevron-down,.rr-hero .rr-settings>.lucide-chevron-down{display:none}.rr-hero .rr-mode{height:20px}}@media (width<=639px){.rr-hero .rr-toolbar{margin-top:12px;font-size:11px}.rr-hero .rr-prompt-row{gap:8px}}@media (width<=1023px){.rr-faq-layout{grid-template-columns:1fr;gap:32px}.rr-steps-grid>article{padding-inline:12px}}@media (width<=767px){.rr-steps-grid{grid-template-columns:1fr}.rr-steps-grid>article{padding:12px}.rr-steps-grid>article+article{border-left:0;border-top:1px solid var(--rr-border)}.rr-step-arrow{display:none}.rr-step-media{max-width:360px}.rr-home-steps,.rr-home-faq{padding:64px 16px}.rr-home-templates{padding:80px 16px 64px}.rr-hero-inner{padding-inline:16px}.rr-display{font-size:36px}.rr-home-gallery-heading h2{max-width:20ch}}@media (prefers-reduced-motion:reduce){.rereel *,.rereel :before,.rereel :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
