.series-creator-ad { box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; width: 300px; height: var(--series-ad-height,360px); padding: 14px; overflow: hidden; border: 1px solid #ffffff1f; border-radius: 12px; background: #151416; color: #fff; }
.series-creator-ad[hidden] { display: none; }
.series-creator-ad__brand { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 12px; font-weight: 700; }
.series-creator-ad__brand small { color: #a39da5; font-size: 9px; font-weight: 400; }
.series-creator-ad h2 { margin: 0; color: #fff; font-size: 22px; font-weight: 800; line-height: 1.1; letter-spacing: -.4px; }
.series-creator-ad h2 > span { color: #ff648b; }
.series-creator-ad__styles { display: flex; gap: 10px; flex: 1; min-height: 70px; }
.series-creator-ad__style { position: relative; flex: 1; min-width: 0; padding: 0; overflow: hidden; border: 2px solid #ffffff21; border-radius: 10px; background: #262229; cursor: pointer; }
.series-creator-ad__style img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; }
.series-creator-ad__style > span { position: absolute; inset: auto 0 0; padding: 18px 4px 6px; background: linear-gradient(transparent,#000d); color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; text-align: center; }
.series-creator-ad__style[aria-pressed="true"] { border-color: #ff648b; box-shadow: 0 0 0 2px #ff648b22; }
.series-creator-ad__style[aria-pressed="true"]::after { content: '✓'; position: absolute; top: 5px; right: 5px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #f45681; color: #fff; font-size: 13px; font-weight: 800; }
.series-creator-ad__style:hover { border-color: #ff648b; }
.series-creator-ad__button { display: flex; align-items: center; justify-content: center; gap: 12px; box-sizing: border-box; flex-shrink: 0; width: 100%; min-height: 38px; padding: 9px 12px; border-radius: 24px; background: linear-gradient(100deg,#ff7595,#e64673); color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }
.series-creator-ad__button:hover { filter: brightness(1.12); }
.series-creator-ad__button:focus-visible,.series-creator-ad__style:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
@media (max-width: 1160px) { .series-creator-ad { display: none; } }