.ole-creators{display:block;margin-inline:auto;max-width:var(--page-width,1600px);padding:42px var(--page-margin,20px);color:var(--color-foreground,#111)}
.ole-creators__intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.ole-creators__intro h1,.ole-creators__intro h2{margin:0 0 8px;font-family:var(--font-heading--family);font-size:clamp(30px,3vw,44px);line-height:1.1;text-transform:uppercase}
.ole-creators__intro p{margin:0;font-size:15px;line-height:1.5;color:var(--color-foreground-muted,#555)}
.ole-creators__intro>a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;font-size:14px;color:inherit;text-underline-offset:4px}
.ole-creators__cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 90px)/6);gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 2px 14px;scrollbar-width:thin;overscroll-behavior-inline:contain}
.ole-creators__card{min-width:0;scroll-snap-align:start}
.ole-creators__play{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#f9f9f9;color:#fff;cursor:pointer;aspect-ratio:9/16}
.ole-creators__play img{display:block;width:100%;height:100%;object-fit:contain}
.ole-creators__play-icon{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;border:1px solid #fffa;background:#0008;display:grid;place-items:center}
.ole-creators__play-icon svg{width:22px;height:22px;margin-left:2px}
.ole-creators__duration{position:absolute;right:10px;bottom:10px;border-radius:4px;background:#000b;padding:4px 7px;font:500 12px/1.2 var(--font-body--family)}
.ole-creators__caption{padding:12px 2px 0}.ole-creators__caption h3{font:600 15px/1.4 var(--font-body--family);margin:0 0 3px}.ole-creators__caption p{font-size:13px;line-height:1.4;margin:0 0 5px}.ole-creators__caption>span{font-size:11px;color:var(--color-foreground-muted,#666)}
.ole-creators--library .ole-creators__cards{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;row-gap:32px}
.ole-creators__dialog{width:min(450px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:10px;margin:auto;background:#111;color:#fff;overflow:auto}
.ole-creators__dialog::backdrop{background:#000b}.ole-creators__player{position:relative}.ole-creators__player>p{margin:0;padding:18px 60px 16px 16px;min-height:58px;font-size:14px;line-height:1.5}.ole-creators__close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff5;border-radius:50%;background:#111;color:#fff;cursor:pointer}.ole-creators__close svg{width:22px;height:22px}.ole-creators__dialog video{display:block;width:100%;max-height:calc(100dvh - 100px);object-fit:contain;background:#000}
.ole-creators button:focus-visible,.ole-creators a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(min-width:750px) and (max-width:1199px){.ole-creators__cards{grid-auto-columns:calc((100% - 54px)/4)}}
@media(max-width:749px){.ole-creators{padding-block:30px}.ole-creators__intro{align-items:start;flex-direction:column;gap:8px;margin-bottom:18px}.ole-creators__intro p{font-size:14px}.ole-creators__cards{grid-auto-columns:min(66vw,250px);gap:14px}.ole-creators--library .ole-creators__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.ole-creators--library .ole-creators__caption h3{font-size:14px}}