.cft-creators{display:block;background:var(--cft-white)}
.cft-creator-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1320px;margin:0 auto 48px}
.cft-creator-heading .cft-eyebrow{margin-bottom:18px}
.cft-creator-heading h2{font-size:var(--creator-title);font-weight:600;line-height:1.12;letter-spacing:-.025em}
.cft-creator-draft-note{font-size:12px;margin-top:18px!important}
.cft-creator-controls{display:flex;gap:12px}
.cft-creator-controls[hidden]{display:none}
.cft-creator-controls button{width:48px;height:48px;border:1px solid var(--cft-ink);border-radius:99px;background:transparent;font-size:22px}
.cft-creator-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;max-width:1320px;margin:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;padding-bottom:16px}
.cft-creator-rail:focus-visible{outline:2px solid var(--cft-ink);outline-offset:5px}
.cft-creator-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.cft-creator-media{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--cft-stone)}
.cft-creator-card:nth-child(even) .cft-creator-media{background:var(--cft-orange)}
.cft-creator-media video{display:block;width:100%;height:100%;object-fit:cover;background:var(--cft-ink)}
.cft-creator-handle{position:absolute;top:16px;left:16px;right:16px;width:fit-content;max-width:calc(100% - 32px);padding:8px 12px;background:var(--cft-white);font-size:12px;overflow-wrap:anywhere;pointer-events:none}
.cft-creator-placeholder{height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.cft-creator-placeholder-title{font-size:clamp(26px,3vw,42px);line-height:1.1;font-weight:600;letter-spacing:-.025em}
.cft-creator-pending{font-size:12px}
.cft-creator-product{padding-top:20px}
.cft-creator-product h3{font-size:24px;font-weight:600;line-height:1.2}
.cft-creator-product>p{font-size:12px;margin-top:8px}
.cft-creator-product .cft-text-link{margin-top:12px;gap:10px}
@media(max-width:1000px){.cft-creator-rail{grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:640px){
  .cft-creator-heading{align-items:flex-start;margin-bottom:32px}
  .cft-creator-heading h2{font-size:var(--creator-title-mobile)}
  .cft-creator-heading .cft-eyebrow{margin-bottom:14px}
  .cft-creator-controls{align-self:flex-end;gap:8px}
  .cft-creator-controls button{width:44px;height:44px;font-size:20px}
  .cft-creator-rail{grid-auto-columns:82%;gap:17px}
  .cft-creator-placeholder-title{font-size:36px}
}
