/* Key Images viewer favorite/star chrome. Order/UI only — does not restyle
   captions or plate files. Thumb ★ is a display mark; stage toggle is the
   only favoriting control (44px touch target). Desktop + mobile. */

.imager .thumb{
  position:relative;
}

/* Favorited thumbs only: glyph at top-right — no background, box, or border. */
.imager .thumb .bp-ki-fav-mark{
  position:absolute;
  top:2px;
  right:2px;
  z-index:2;
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  pointer-events:none;
  color:#f0c674;
  font:inherit;
  font-size:.72rem;
  line-height:1;
  text-shadow:0 1px 1px rgba(0,0,0,.75);
  -webkit-user-select:none;
  user-select:none;
}

.bp-ki-fav-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
}

.bp-ki-fav--stage{
  appearance:none;
  font:inherit;
  cursor:pointer;
  touch-action:manipulation;
  box-sizing:border-box;
  min-height:44px;
  margin:0;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--line,#243449);
  background:transparent;
  color:var(--txt,#e6edf5);
  font-size:.82rem;
  font-weight:750;
  letter-spacing:.01em;
  color-scheme:dark;
}

.bp-ki-fav--stage:hover{
  border-color:#f0c674;
  color:#f0c674;
}

.bp-ki-fav--stage[aria-pressed="true"]{
  border-color:#f0c674;
  color:#f0c674;
  background:rgba(240,198,116,.12);
}

.bp-ki-fav--stage:focus-visible{
  outline:2px solid var(--accent,#38bdf8);
  outline-offset:2px;
}

html[data-theme="light"] .imager .thumb .bp-ki-fav-mark{
  color:#a16207;
  text-shadow:0 1px 1px rgba(255,255,255,.85);
}

html[data-theme="light"] .bp-ki-fav--stage{
  color:#0f172a;
  border-color:rgba(15,23,42,.18);
}

html[data-theme="light"] .bp-ki-fav--stage:hover,
html[data-theme="light"] .bp-ki-fav--stage[aria-pressed="true"]{
  color:#a16207;
  border-color:rgba(161,98,7,.45);
}

@media (max-width:720px){
  .imager .thumb .bp-ki-fav-mark{
    top:1px;
    right:1px;
    font-size:.68rem;
  }
}