.cc-ugc-reels{margin-top:50px;margin-bottom:50px;color:#161616;min-width:0}
.cc-ugc-reels.cc-ugc-compact{margin:25px 0 28px}
.cc-ugc-reels h2{font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px}
.cc-ugc-compact h2{font-size:18px;margin-bottom:13px}
.cc-ugc-reels .cc-ugc-track{margin-left:-10px}
.cc-ugc-reels .cc-ugc-slide{flex:0 0 26%;min-width:0;padding-left:10px}
.cc-ugc-preview,.cc-ugc-open{position:relative;display:block;width:100%;aspect-ratio:9/16;background:#ececea;border:0;border-radius:13px;overflow:hidden;padding:0;text-align:left;color:#1b1b1b}
.cc-ugc-preview img,.cc-ugc-open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc-ugc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 12px #0000000d}
.cc-ugc-play svg{display:block;flex:none;width:20px;height:20px;margin-left:0;pointer-events:none}.cc-ugc-demo-badge{position:absolute;bottom:8px;left:8px;padding:3px 6px;border-radius:3px;background:#0009;color:white;font-size:10px;line-height:1.3}
.cc-ugc-progress{height:4px;background:#e6e6e4;border-radius:4px;overflow:hidden;margin:14px 0 11px}.cc-ugc-progress>span{display:block;width:60%;height:100%;background:#171717;border-radius:4px;transition:transform .1s linear}
.cc-ugc-note{font-size:12px;line-height:1.5;color:#777;margin:0}
.cc-ugc-native-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#171717 #e6e6e4;scrollbar-width:thin;padding-bottom:14px}.cc-ugc-native-track::-webkit-scrollbar{height:4px}.cc-ugc-native-track::-webkit-scrollbar-thumb{background:#171717;border-radius:4px}.cc-ugc-native-track::-webkit-scrollbar-track{background:#e6e6e4;border-radius:4px}
.cc-ugc-native-track>article{flex:0 0 calc(26% - 7px);min-width:0;scroll-snap-align:start}
.cc-ugc-open:focus-visible{outline:2px solid #111;outline-offset:3px}
.cc-ugc-player{position:fixed;max-width:min(480px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:0;border:0;border-radius:14px;background:#111;color:#fff;overflow:visible}.cc-ugc-player::backdrop{background:#000b}.cc-ugc-player video{display:block;width:100%;height:auto;max-height:calc(100dvh - 80px);border-radius:14px}.cc-ugc-player-close{position:absolute;right:10px;top:10px;z-index:2;width:36px;height:36px;display:grid;place-items:center;background:#111b;color:#fff;border:1px solid #ffffff55;border-radius:50%;font-size:22px}
.cc-ugc-empty{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;padding:16px;color:#777;font-size:12px}
@media(max-width:760px){.cc-ugc-reels h2{font-size:22px}.cc-ugc-compact h2{font-size:18px}.cc-ugc-reels .cc-ugc-slide{flex-basis:30%}.cc-ugc-native-track>article{flex-basis:calc(30% - 7px)}.cc-ugc-play{width:40px;height:40px}.cc-ugc-preview,.cc-ugc-open{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.cc-ugc-progress>span{transition:none}}