.web-app-output-grid{padding:var(--fg-space-32) var(--fg-section-padding-x) 0;background:var(--fg-color-background)}.web-app-output-grid__inner{width:min(100%, var(--fg-content-6xl));margin:0 auto}.web-app-output-grid__header{max-width:var(--web-app-section-header-width);margin:0 auto var(--fg-space-10);text-align:center}.web-app-output-grid__eyebrow{display:inline-flex;align-items:center;gap:var(--fg-space-2);margin:0 0 var(--fg-space-4);padding:var(--fg-space-1) var(--fg-space-3);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-full);background:var(--fg-color-background);color:var(--web-app-section-eyebrow-color);font-size:var(--web-app-section-eyebrow-size);font-weight:var(--web-app-section-eyebrow-weight);line-height:var(--web-app-section-eyebrow-line-height);letter-spacing:var(--web-app-section-eyebrow-tracking);text-transform:uppercase}.web-app-output-grid__title{margin:0;color:var(--web-app-section-title-color);font-size:var(--web-app-section-title-size);line-height:var(--web-app-section-title-line-height);font-weight:var(--web-app-section-title-weight);letter-spacing:var(--web-app-section-title-tracking);text-wrap:balance}.web-app-output-grid__intro{margin:var(--fg-space-4) auto 0}.web-app-output-grid__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fg-space-4)}.web-app-output-grid--video .web-app-output-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fg-space-6)}.web-app-output-grid[data-web-app-section="web-app-ad-ready"] .web-app-output-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__grid,.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__header{max-width:var(--web-app-section-header-width)}.web-app-output-grid__card{position:relative;aspect-ratio:2 / 3;min-height:0;overflow:hidden;border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-xl);background:var(--fg-color-muted-surface);box-shadow:var(--fg-shadow-card)}.web-app-output-grid--video .web-app-output-grid__card{aspect-ratio:31 / 54}.web-app-output-grid__image{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;transition:transform var(--fg-duration-slow) var(--fg-transition-ease)}.web-app-output-grid__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--fg-color-muted-surface)}.web-app-output-grid__video:focus-visible{outline:calc(var(--fg-border-width) * 2) solid var(--fg-color-text);outline-offset:calc(var(--fg-space-1) * -1)}.web-app-output-grid__card:hover .web-app-output-grid__image{transform:none}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__image{position:absolute;inset:0;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;transform:scale(1.045);transform-origin:center}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__card:hover .web-app-output-grid__image{transform:scale(1.045)}.web-app-output-grid__caption{position:absolute;inset-inline:var(--fg-space-3);bottom:var(--fg-space-3);padding:var(--fg-space-3);border:var(--fg-border-width) solid var(--fg-color-background-50);border-radius:var(--fg-radius-lg);background:var(--fg-color-background-90);box-shadow:var(--fg-shadow-card)}.web-app-output-grid__card--video .web-app-output-grid__caption{top:var(--fg-space-3);bottom:auto}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__caption,.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__caption{top:var(--fg-space-3);right:auto;bottom:auto;left:var(--fg-space-3);display:inline-flex;max-width:calc(100% - var(--fg-space-6));align-items:center;gap:var(--fg-space-1);padding:var(--fg-space-1) var(--fg-space-3);border:0;border-radius:var(--fg-radius-full);background:var(--fg-color-background-95);-webkit-backdrop-filter:var(--fg-blur-sm);backdrop-filter:var(--fg-blur-sm);box-shadow:var(--fg-shadow-card)}.web-app-output-grid__caption-icon{width:var(--fg-space-3);height:var(--fg-space-3);flex:0 0 auto}.web-app-output-grid__caption span{display:block;color:var(--fg-color-text);font-size:var(--fg-text-sm);font-weight:var(--fg-weight-bold);line-height:var(--fg-leading-tight)}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__caption span,.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__caption span{overflow:hidden;font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-normal);letter-spacing:var(--fg-tracking-wide);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.web-app-output-grid__caption p{margin:var(--fg-space-1) 0 0;color:var(--fg-color-muted);font-size:var(--fg-text-xs);line-height:var(--fg-leading-snug)}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__caption p,.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__caption p{display:none}.web-app-output-grid__chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--fg-space-2);margin-top:var(--fg-space-8);color:var(--fg-color-muted);font-size:var(--fg-text-xs)}.web-app-output-grid__chip{display:inline-flex;align-items:center;gap:var(--fg-space-1);padding:var(--fg-space-1) var(--fg-space-3);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-full);background:var(--fg-color-surface);font-weight:var(--fg-weight-medium);line-height:var(--fg-leading-normal);white-space:nowrap}.web-app-output-grid__chip-icon{width:var(--fg-space-3);height:var(--fg-space-3);flex:0 0 auto;color:var(--fg-color-muted-60)}.web-app-output-grid__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fg-space-4);margin-top:var(--fg-space-6)}.web-app-output-grid__metric{padding:var(--fg-space-5);border:var(--fg-border-width) solid var(--fg-color-border);border-radius:var(--fg-radius-xl);background:var(--fg-color-surface);box-shadow:var(--fg-shadow-card);text-align:center}.web-app-output-grid__metric strong,.web-app-output-grid__metric span{display:block}.web-app-output-grid__metric strong{color:var(--fg-color-text);font-size:var(--fg-text-2xl);font-weight:var(--fg-weight-bold);line-height:var(--fg-leading-none)}.web-app-output-grid__metric span{margin-top:var(--fg-space-2);color:var(--fg-color-muted);font-size:var(--fg-text-xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-tight);text-transform:uppercase}.web-app-output-grid--marquee{overflow:hidden;contain:paint}.web-app-output-grid--marquee .web-app-output-grid__inner{width:100%;max-width:none}.web-app-output-grid--marquee .web-app-output-grid__header{width:min(100%, var(--web-app-section-header-width));margin-right:auto;margin-left:auto}.web-app-output-grid__marquee{display:grid;gap:var(--fg-space-4);margin-top:var(--fg-space-12)}.web-app-output-grid__marquee-row{position:relative;overflow:hidden;contain:layout paint;isolation:isolate}.web-app-output-grid__marquee-row::before,.web-app-output-grid__marquee-row::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:var(--fg-space-24);pointer-events:none}.web-app-output-grid__marquee-row::before{left:0;background:linear-gradient(90deg,var(--fg-color-background),var(--fg-color-transparent))}.web-app-output-grid__marquee-row::after{right:0;background:linear-gradient(270deg,var(--fg-color-background),var(--fg-color-transparent))}.web-app-output-grid__marquee-track{display:flex;width:max-content;gap:0;transform:translate3d(0,0,0);backface-visibility:hidden;will-change:transform;animation:web-app-marquee-x var(--fg-duration-marquee) linear infinite}.web-app-output-grid__marquee-set{display:flex;flex:0 0 auto;gap:var(--fg-space-4);padding-right:var(--fg-space-4)}.web-app-output-grid__marquee-row--reverse .web-app-output-grid__marquee-track{animation-direction:reverse}.web-app-output-grid--marquee:not([data-marquee-active]) .web-app-output-grid__marquee-track,.web-app-output-grid--marquee[data-marquee-hidden] .web-app-output-grid__marquee-track,.web-app-output-grid--marquee[data-marquee-scrolling] .web-app-output-grid__marquee-track{animation-play-state:paused}.web-app-output-grid--marquee .web-app-output-grid__card{flex:0 0 auto;width:clamp(150px, 12vw, 220px);height:auto;aspect-ratio:2 / 3;border-radius:var(--fg-radius-xl);box-shadow:none;contain:paint}.web-app-output-grid--marquee .web-app-output-grid__image{position:absolute;top:-9%;left:0;width:100%;height:118%;object-fit:cover}.web-app-output-grid--marquee .web-app-output-grid__caption{top:var(--fg-space-2);right:auto;bottom:auto;left:var(--fg-space-2);display:inline-flex;max-width:calc(100% - var(--fg-space-4));align-items:center;padding:var(--fg-space-0-5) var(--fg-space-2);border:0;border-radius:var(--fg-radius-md);background:var(--fg-color-background-90);box-shadow:none}.web-app-output-grid--marquee .web-app-output-grid__caption span{overflow:hidden;color:var(--fg-color-text-80);font-size:var(--fg-text-2xs);font-weight:var(--fg-weight-semibold);line-height:var(--fg-leading-normal);letter-spacing:var(--fg-tracking-wide);text-overflow:ellipsis;white-space:nowrap}.web-app-output-grid--marquee .web-app-output-grid__caption p{display:none}@keyframes web-app-marquee-x{from{transform:translateX(0)}to{transform:translate3d(calc(-100% / 3),0,0)}}@media (prefers-reduced-motion:reduce){.web-app-output-grid__image{transition:none}.web-app-output-grid__marquee-track{transform:none;animation:none}}@media (max-width:980px){.web-app-output-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-output-grid--video .web-app-output-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-app-output-grid[data-web-app-section="web-app-ad-ready"] .web-app-output-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__grid,.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-app-output-grid__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.web-app-output-grid{padding-top:var(--fg-space-24)}.web-app-output-grid__title{font-size:var(--web-app-section-title-size)}.web-app-output-grid__grid{grid-template-columns:1fr}.web-app-output-grid--video .web-app-output-grid__grid{grid-template-columns:1fr}.web-app-output-grid[data-web-app-section="web-app-ad-ready"] .web-app-output-grid__grid{grid-template-columns:1fr}.web-app-output-grid[data-web-app-section="web-app-style-engine"] .web-app-output-grid__grid,.web-app-output-grid[data-web-app-section="web-app-formats"] .web-app-output-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-app-output-grid__metrics{grid-template-columns:1fr}}