.pt-creators{padding:48px 20px;background:#f7f5f0;color:#172b22;font-family:inherit}
#MainContent .pt-creators{padding:48px 20px}
.pt-creators *{box-sizing:border-box}
.pt-creators__inner{max-width:1200px;margin:auto}
.pt-creators .pt-creators__inner>h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 40px 14px}
.pt-creators .pt-creators__disclosure{font-size:14px;line-height:1.5;margin:0 40px 22px}
.pt-creators__slider{position:relative;container-type:inline-size;--card-width:calc((100cqw - 48px)/4);padding:0 40px}
.pt-creators__rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 6px;list-style:none;margin:0}
.pt-creators__rail::-webkit-scrollbar{display:none}
.pt-creators__card{flex:0 0 var(--card-width);scroll-snap-align:start;min-width:0;max-width:none}
.pt-creators__trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.pt-creators__frame{display:block;position:relative}
.pt-creators__image{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:10px}
.pt-creators__name{display:block;margin:12px 0 0;font-size:13px;color:#3e5047;overflow-wrap:anywhere}
.pt-creators__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #ffffffc7;border-radius:50%;background:rgba(15,29,22,.48);color:#fff;line-height:1;box-shadow:0 2px 10px #0002}
.pt-creators__play svg{width:22px;height:22px;fill:currentColor}
.pt-creators__trigger:hover .pt-creators__play{background:rgba(0,0,0,.72)}
.pt-creators button:focus-visible,.pt-creators__rail:focus-visible{outline:3px solid #347352;outline-offset:3px}
.pt-creators__nav{position:absolute;left:0;right:0;top:calc(var(--card-width)*8/9 + 4px);transform:translateY(-50%);display:flex;justify-content:space-between;margin:0;pointer-events:none}
.pt-creators__nav button{pointer-events:auto;display:grid;place-items:center;width:40px;height:48px;padding:8px;background:transparent;border:0;box-shadow:none;border-radius:8px;color:#244a38;cursor:pointer;transition:background .15s}
.pt-creators__nav button:hover{background:#e7ebe4}
.pt-creators__nav button:disabled{visibility:hidden}
.pt-creators__nav svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pt-creators__error{position:absolute;bottom:60px;left:8px;right:8px;background:#000;padding:12px;color:#fff}
.pt-creators__error[hidden]{display:none}
@media(max-width:900px){.pt-creators__slider{--card-width:calc((100cqw - 16px)/2)}}
@media(max-width:600px){.pt-creators,#MainContent .pt-creators{padding:32px 16px}.pt-creators .pt-creators__inner>h2{margin-inline:28px}.pt-creators .pt-creators__disclosure{margin-inline:28px}.pt-creators__slider{--card-width:100cqw;padding:0 28px}.pt-creators__nav{left:-8px;right:-8px}.pt-creators__nav button{width:36px}.pt-creators__nav svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.pt-creators__rail{scroll-behavior:auto}.pt-creators__nav button{transition:none}}

.pt-creators__error button{display:block;min-height:44px;margin:8px 0 0;padding:8px 16px;border:1px solid #fff;border-radius:999px;background:#fff;color:#172b22;font:inherit;cursor:pointer}


.pt-creators__frame{aspect-ratio:9/16;overflow:hidden;border-radius:10px;background:#000}
.pt-creators__video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#000}
.pt-creators__video[hidden],.pt-creators__trigger[hidden]{display:none}
.pt-creators__error{font-size:13px;line-height:1.4;margin:0}

.pt-creators__error a{display:inline-block;color:inherit;text-decoration:underline;padding:8px}
.pt-video-diagnostics{padding:20px;margin-bottom:24px;border:1px solid #ccc;border-radius:12px;background:#fff;color:#151515}
.pt-video-diagnostics video{display:block;width:100%;max-width:280px;aspect-ratio:9/16;background:#111;margin:10px 0}
.pt-video-diagnostics textarea{display:block;width:100%;font:12px monospace;margin:16px 0}
.pt-video-diagnostics a{text-decoration:underline}.pt-video-diagnostics button{padding:12px 20px;border-radius:999px}