.creator-credit {
  position: fixed;
  right: 14px;
  bottom: 10px;
  z-index: 40;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  pointer-events: none;
  filter: drop-shadow(0 5px 10px rgba(11, 31, 64, 0.22));
}

.creator-credit img {
  width: 78px;
  height: 92px;
  object-fit: contain;
  object-position: bottom;
}

.creator-credit span {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 11px;
  color: #eaf4ff;
  background: rgba(12, 38, 78, 0.9);
  font-size: 0.68rem;
  line-height: 1.2;
  backdrop-filter: blur(8px);
}

.creator-credit strong {
  color: #fff;
  font-size: 0.82rem;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .creator-credit {
    right: 6px;
    bottom: 5px;
    gap: 3px;
  }

  .creator-credit img {
    width: 49px;
    height: 58px;
  }

  .creator-credit span {
    margin-bottom: 3px;
    padding: 4px 6px;
    border-radius: 8px;
    font-size: 0.52rem;
  }

  .creator-credit strong {
    font-size: 0.62rem;
  }
}


/* Dismissible creator badge — dismissal lasts only until page refresh */
.creator-credit.is-dismissed{display:none!important}
.creator-credit-close{
  position:absolute;
  top:1px;
  right:1px;
  z-index:2;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  padding:0;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(7,24,50,.9);
  color:#fff;
  font:800 16px/1 Inter,ui-sans-serif,sans-serif;
  cursor:pointer;
  pointer-events:auto;
  box-shadow:0 4px 12px rgba(0,0,0,.22);
  opacity:.82;
}
.creator-credit-close:hover{opacity:1;background:rgba(20,55,102,.98)}
.creator-credit-close:focus-visible{outline:2px solid #5cecff;outline-offset:2px}
@media(max-width:700px){
  .creator-credit-close{top:-2px;right:-2px;width:20px;height:20px;font-size:13px}
}