/* v21.7 creator feature visuals — real reference media with lightweight BloxMind overlays. */
.creator-media{position:relative;min-height:350px;padding:0!important;overflow:hidden!important;background:#090b10}
.creator-media>img.creator-media-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.04) brightness(.72);transform:scale(1.01)}
.creator-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.05),rgba(6,8,12,.28) 45%,rgba(6,8,12,.94) 100%),linear-gradient(90deg,rgba(6,8,12,.35),transparent 55%);pointer-events:none}
.creator-media .story-window-bar{position:absolute;left:14px;right:14px;top:10px;z-index:2;padding:0 8px;border-radius:9px;background:rgba(7,9,13,.68);backdrop-filter:blur(8px)}
.creator-media-card{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(8,10,14,.89);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.38)}
.creator-media-card small,.creator-media-card strong{display:block}.creator-media-card small{color:var(--accent);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.creator-media-card strong{margin-top:4px;font-size:.78rem;color:#eef1f5}.creator-media-card p{margin-top:6px;color:#a5abb5;font-size:.58rem;line-height:1.48}.creator-media-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.creator-media-tags span{padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#aab0ba;font-size:.45rem;font-weight:700}
.creator-media--vfx>img{object-position:center 46%}.creator-media--ui>img{object-position:center}.creator-media--code>img{object-position:center top}.creator-media--animation>img{object-position:center 50%;filter:saturate(.94) brightness(.86)}.creator-media--audio>img{object-position:center 34%}.creator-media--gameplay>img{object-position:center 45%}
.creator-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:100%;min-height:330px;padding:44px 10px 10px;background:#080a0e}
.creator-triptych figure{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#10131a}.creator-triptych img{width:100%;height:100%;min-height:260px;object-fit:cover;filter:saturate(.86) brightness(.72)}.creator-triptych figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,8,12,.9))}.creator-triptych figcaption{position:absolute;left:10px;bottom:9px;z-index:2;color:#f0f2f5;font-size:.55rem;font-weight:800}.creator-triptych figcaption span{display:block;margin-top:2px;color:#a1a8b4;font-size:.43rem;font-weight:600}
.creator-audio-preview{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:10px}.creator-audio-play{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd36a,#d89326);color:#181108}.creator-audio-play svg{width:17px;height:17px;fill:currentColor;margin-left:2px}.creator-audio-wave{height:42px;display:flex;align-items:center;gap:2px;overflow:hidden}.creator-audio-wave i{width:3px;height:var(--h);border-radius:99px;background:linear-gradient(180deg,#ffe3a2,#e8a838);opacity:.88}.creator-audio-time{font:600 .43rem ui-monospace,monospace;color:#8b929e}
@media(max-width:640px){
  .creator-media{min-height:270px!important}
  .creator-media-card{left:10px;right:10px;bottom:10px;padding:10px}
  .creator-media-card strong{font-size:.7rem}.creator-media-card p{font-size:.52rem}.creator-media-tags{margin-top:7px}
  .creator-triptych{min-height:270px;padding:38px 7px 7px;gap:5px}.creator-triptych img{min-height:220px}.creator-triptych figcaption{left:7px;bottom:7px;font-size:.48rem}.creator-triptych figcaption span{font-size:.38rem}
}
@media(max-width:430px){
  .creator-triptych{grid-template-columns:1fr 1fr}.creator-triptych figure:nth-child(3){display:none}.creator-triptych img{min-height:205px}
  .creator-media{min-height:245px!important}.creator-media .story-window-bar{left:8px;right:8px;top:6px}.creator-media-card{padding:9px}.creator-media-card p{line-height:1.4}
  .creator-audio-preview{grid-template-columns:38px minmax(0,1fr)}.creator-audio-play{width:38px;height:38px}.creator-audio-time{grid-column:2;text-align:right;margin-top:-8px}
}