/* FloS book-ad representative creative v1 */
.promo-book-creative{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px dashed #d9bcc9;
  border-radius:16px;
  background:linear-gradient(145deg,#fff9fb,#fff 58%,#f5fbf7);
}
.promo-book-creative h3{
  margin:0;
  color:#392f3c;
  font-size:16px;
  letter-spacing:-.02em;
}
.promo-book-creative p{margin:0;line-height:1.65}
.promo-book-creative-preview{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:9/2; /* v1.20 Claude: 메인 신간 광고 슬라이드와 같은 비율(PC·휴대폰 공통) */
  min-height:72px;
  border:1px solid #eadde4;
  border-radius:12px;
  background:#f2eef0;
}
.promo-book-creative-preview[hidden]{display:none}
.promo-book-creative-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.promo-book-creative-preview span{
  position:absolute;
  right:8px;
  bottom:7px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(28,24,31,.74);
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.promo-book-creative-file{
  display:grid;
  gap:7px;
  font-weight:800;
}
.promo-book-creative-file input[type="file"]{
  width:100%;
  padding:10px 12px;
  background:#fff;
}
.promo-book-creative-remove{
  display:none;
  align-items:center;
  gap:7px;
  width:max-content;
  font-size:12px;
  font-weight:700;
  color:#725e68;
}
.promo-book-creative-remove.is-visible{display:flex}
.promo-book-creative-remove input{width:auto;margin:0}
.promo-book-creative-status{font-size:12px;color:#807786}
.promo-book-creative-status.is-error{color:#b83354;font-weight:700}

/* FloS main new-book slider: user creative occupies the full ad band. */
.adslide.adslide-creative,
.home-luxe .adslide.adslide-creative{
  position:relative;
  display:block;
  padding:0;
  overflow:hidden;
  background:#f3eff1;
}
.home-luxe .adslide.adslide-creative::before{display:none}
.adslide-creative img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.adslide-creative-badge{
  position:absolute;
  top:8px;
  right:9px;
  z-index:2;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(25,22,25,.68);
  color:#fff;
  font:700 10px/1.2 "Noto Sans KR",sans-serif;
  letter-spacing:.04em;
  pointer-events:none;
}

@media (max-width:700px){
  .promo-book-creative{padding:14px}
  .promo-book-creative-preview{aspect-ratio:9/2;min-height:0}
  .adslide-creative-badge{top:6px;right:7px;font-size:9px}
}