.entity-context {
  position:absolute;z-index:9;top:162px;right:24px;width:264px;
  max-width:calc(100% - 48px);max-height:calc(100dvh - 340px);overflow:auto;
  padding:16px;border:0;border-radius:20px;
  background:linear-gradient(145deg,rgba(241,244,246,.94),rgba(226,231,235,.94));
  box-shadow:var(--neu-raised);color:var(--ink);scrollbar-width:thin;scrollbar-color:#aebbc5 transparent;
}
.entity-context-card {display:flex;align-items:center;gap:14px}
.entity-context-card+.entity-context-card {margin-top:16px}
.entity-context-image {display:block;flex:0 0 64px;width:64px;height:72px}
.entity-context-portrait {object-fit:cover;border-radius:10px;filter:grayscale(1)}
.entity-context-logo {object-fit:contain}
.entity-context-logo.is-monochrome {filter:brightness(0)}
.entity-context-text {min-width:0}
.entity-context-kind {margin:0 0 5px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.entity-context h2 {margin:0;font:600 17px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.35px;overflow-wrap:anywhere}
.entity-context-count {margin:13px 0 0;font-size:10px;color:var(--muted)}
.entity-context-credits {margin-top:10px;font-size:10px;color:var(--muted)}
.entity-context-credits summary {display:flex;align-items:center;justify-content:space-between;min-height:32px;list-style:none;cursor:pointer;border-radius:9px;padding:0 9px;background:var(--neu-surface);box-shadow:var(--neu-inset)}
.entity-context-credits summary::-webkit-details-marker {display:none}
.entity-context-credits summary::after {content:'+';font-size:15px}
.entity-context-credits[open] summary::after {content:'−'}
.entity-context-credits summary:focus-visible {outline:2px solid var(--muted);outline-offset:3px}
.entity-context-credits section {margin-top:12px;overflow-wrap:anywhere}
.entity-context-credits h3 {margin:0;font-size:10px;font-weight:600}
.entity-context-credits p {margin:5px 0;line-height:1.6}
.entity-context-credits a {text-decoration:underline;text-underline-offset:2px}
.app[data-view=gallery].has-entity-context #gallery {padding-top:340px}
@media(max-width:800px) {
  .entity-context {top:226px;right:16px;width:224px;max-height:calc(100dvh - 385px);padding:12px;border-radius:16px}
  .entity-context-image {flex-basis:52px;width:52px;height:60px}
  .entity-context-card {gap:10px}
  .entity-context h2 {font-size:15px}
  .entity-context-count {margin-top:10px}
  .app[data-view=gallery].has-entity-context #gallery {padding-top:410px}
}
@media(max-width:500px) {
  .entity-context {right:14px;width:208px;top:222px}
}