.pcreator{display:block;margin:28px 0 24px;min-width:0}.pcreator__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.pproduct .pcreator__heading h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:750}.pcreator__nav{display:flex;gap:6px}.pcreator__nav button{width:30px;height:30px;border-radius:50%;border:1px solid #ddd5e8;background:#fff;color:#5b24d6;cursor:pointer;font-size:18px;line-height:1}.pcreator__nav button:disabled{opacity:.3;cursor:default}.pcreator__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/3);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.pcreator__track::-webkit-scrollbar{display:none}.pcreator__card{position:relative;aspect-ratio:9/16;min-width:0;overflow:hidden;border-radius:10px;background:#18151c;scroll-snap-align:start}.pcreator__card video{display:block;width:100%;height:100%;object-fit:cover}.pcreator__card.is-playing video{object-fit:contain}.pcreator__play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(180deg,transparent 50%,#0000001f);cursor:pointer;padding:0}.pcreator__play>span{display:grid;place-items:center;width:43px;height:43px;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0002}.pcreator__play svg{width:24px;height:24px;fill:#16121b;margin-left:2px}.pcreator__play:hover>span{background:#ede4fc}.pcreator__disclosure{position:absolute;left:8px;bottom:8px;pointer-events:none;background:#fffffff0;color:#3c3447;padding:3px 7px;border-radius:10px;font-size:9px}.pcreator__card.is-playing .pcreator__disclosure{bottom:auto;top:8px}.pcreator__progress{height:3px;margin:14px 2px 0;background:#e7e1ee;border-radius:10px;overflow:hidden}.pcreator__progress>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#5b24d6,#b79bef);border-radius:10px}.pproduct .pcreator__error{position:absolute;inset:auto 8px 8px;background:#fff;color:#8a1730;padding:8px;border-radius:5px;font-size:11px;line-height:1.35}.pcreator :focus-visible{outline:3px solid #5b24d6;outline-offset:-3px}
@media(max-width:599px){.pcreator__track{grid-auto-columns:44%;gap:9px}.pcreator{margin-top:26px}.pproduct .pcreator__heading h3{font-size:16px}.pcreator__play>span{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.pcreator *{scroll-behavior:auto!important}}