.motion-trend-examples h2{scroll-margin-top:calc(var(--shell-header-offset, 4rem) + 2rem)}.motion-trend-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.motion-trend-examples .motion-trend-directory-media{aspect-ratio:16/9;background:var(--motion-media)}.motion-trend-examples .motion-trend-directory-media img{object-fit:contain}[data-motion-page=NoScrubsAiPage] .motion-trend-examples .motion-trend-directory-media{aspect-ratio:var(--motion-preview-aspect)}@media (min-width:1024px){.motion-trend-examples-grid[data-count="3"],.motion-trend-examples-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.motion-trend-examples-grid{grid-template-columns:minmax(0,1fr)}}.motion-trend-examples-grid[data-portrait] .motion-trend-directory-media{aspect-ratio:9/16}.motion-trend-examples-grid[data-portrait]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px;margin-inline:auto}@media (min-width:768px){.motion-trend-examples-grid[data-portrait][data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px}.motion-trend-examples-grid[data-portrait][data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px}}

/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) [data-slot=entry-generation-workspace-grid]{align-items:start}@media (min-width:768px){:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) [data-slot=entry-generation-workspace-grid]{grid-template-columns:minmax(248px,280px) minmax(0,1fr);align-items:start;gap:16px}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) :is(.motion-input-panel,.studio-input-panel){height:auto;max-height:calc(100dvh - var(--shell-header-offset,4rem) - var(--reference-workspace-bottom-gap,48px));align-self:start;min-height:0}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) :is(.motion-input-panel,.studio-input-panel),:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) :is(.motion-studio-panel,.motion-generator-stage--tabs){height:calc(100dvh - var(--shell-header-offset,4rem) - var(--reference-workspace-bottom-gap,48px));align-self:stretch;min-height:0}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) .studio-results-scroll{scrollbar-gutter:stable;overflow-y:auto}}@media (min-width:1200px){:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split,.reference-workspace) [data-slot=entry-generation-workspace-grid],html:is([data-site=motioncontrol],[data-site=motiontransfervideo]) .motion-studio-split [data-slot=entry-generation-workspace-grid]{grid-template-columns:280px minmax(0,1fr);gap:18px}}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel{background:var(--card);gap:0;min-width:0;min-height:0}@supports (color:color-mix(in lab,red,red)){:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel{background:color-mix(in srgb,var(--card) 88%,var(--background))}}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel{border:1px solid var(--border);border-radius:16px;overflow:hidden}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .studio-results-toolbar{flex-wrap:wrap;padding-inline:16px}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .studio-results-scroll{flex:1;min-height:0;padding:8px}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .studio-results-scroll[hidden]{display:none}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .motion-template-panel{background:0 0;border:0;padding:0}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .motion-template-toolbar{z-index:2;background:var(--card);padding-top:4px;position:sticky;top:-8px}@supports (color:color-mix(in lab,red,red)){:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .motion-template-toolbar{background:color-mix(in srgb,var(--card) 88%,var(--background))}}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-results-caption{color:var(--muted-foreground);padding:8px 0 16px;font-size:13px}@media (max-width:767px){:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .studio-results-scroll{max-height:70dvh;overflow-y:auto}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-studio-panel .studio-results-scroll--game-open{max-height:none;overflow:visible}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-input-panel{max-height:min(78dvh,720px)}}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-input-panel{overflow:hidden}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-input-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-input-footer{background:var(--card);flex-shrink:0;padding-top:8px}:is(:is([data-site=motiontransfer],[data-site=motioncontrol],[data-site=motiontransfervideo]),.reference-workspace) .motion-input-footer .motion-generate{width:100%;margin-top:0}