/* Universal NFT media — badges, tiles, NFT page viewers */
.lab-media-badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:999px;
  font-size:.72rem;font-weight:900;letter-spacing:.03em;
  background:rgba(10,10,10,.82);border:1px solid #00ffcc66;color:#9ff;
  backdrop-filter:blur(6px);
  pointer-events:none;
}
.lab-media-badge--corner{
  position:absolute;left:8px;bottom:8px;z-index:2;pointer-events:none;
}
.lab-media-badge--tile-top{
  position:absolute;top:8px;right:8px;left:auto;bottom:auto;z-index:2;pointer-events:none;
}
.lab-media-play-badge{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:2rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.75);
  pointer-events:none;z-index:1;
}
.tile-media-poster{position:relative;width:100%;height:100%;background:#0a0a0a}
.nft-tile .tile-media .tile-media-poster,
.nft-tile .tile-media .lab-media-badge,
.nft-tile .tile-media .lab-media-play-badge{pointer-events:none}
.tile-media-poster img{display:block;width:100%;height:100%;object-fit:cover}
.nft-media-stage{min-width:0;width:100%}
.nft-media-view{position:relative;border-radius:16px;border:1px solid var(--border,#00ffcc33);background:#0a0a0a;overflow:hidden}
.nft-media-badge-bar{position:absolute;top:10px;left:10px;z-index:3;pointer-events:none}
.nft-media-body{min-height:120px}
.nft-media-cinematic{background:#000}
.nft-hero-video{width:100%;max-height:min(72vh,720px);display:block;background:#000}
.nft-media-album{display:grid;gap:14px;padding:14px}
@media (min-width:520px){.nft-media-album{grid-template-columns:minmax(120px,200px) 1fr;align-items:center}}
.nft-media-album-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid #00ffcc33}
.nft-media-view--audio-premium .nft-media-body{background:linear-gradient(180deg,#0a1210 0%,#080808 100%)}
.nft-media-audio-stage{display:flex;flex-direction:column;gap:16px;padding:14px}
.nft-media-audio-hero{display:flex;justify-content:center}
.nft-media-audio-cover-wrap{
  position:relative;width:min(100%,320px);aspect-ratio:1;border-radius:16px;overflow:hidden;
  border:1px solid #00ffcc44;box-shadow:0 12px 40px rgba(0,0,0,.45);
}
.nft-media-audio-glow{
  position:absolute;inset:-20%;background-size:cover;background-position:center;
  filter:blur(28px) saturate(1.2);opacity:.45;transform:scale(1.1);pointer-events:none;
}
.nft-media-audio-cover{
  position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;
  background:#0a0a0a;
}
.nft-media-audio-player{
  display:flex;flex-direction:column;gap:10px;padding:12px 14px;
  border-radius:14px;border:1px solid #00ffcc33;background:#0c1210;
}
.tile-media-poster--audio{position:relative}
.lab-media-play-badge--audio{
  position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;
  background:rgba(0,0,0,.55);border:1px solid #00ffcc66;color:#00ff99;
}
.nft-media-album-meta{min-width:0}
.nft-media-track-title{font-weight:1000;font-size:1.1rem;line-height:1.25}
.nft-media-track-sub{font-size:.88rem;color:var(--muted,#9aa);margin-top:4px}
.nft-media-audio-controls{width:100%;min-height:44px}
.nft-media-showroom{min-height:min(50vh,420px);background:linear-gradient(180deg,#0c1210,#0a0a0a)}
.nft-model-viewer{width:100%;height:min(56vh,520px);min-height:280px;background:#0a0a0a}
.nft-media-reader{padding:14px;display:flex;flex-direction:column;gap:12px}
.nft-media-doc-card{padding:14px;border:1px solid #00ffcc44;border-radius:12px;background:#0c1210}
.nft-media-doc-title{font-weight:1000;margin-bottom:6px}
.nft-media-doc-copy{margin:0;font-size:.9rem;color:var(--muted,#9aa);line-height:1.45}
.nft-media-pdf-frame{width:100%;height:min(60vh,560px);border:0;border-radius:10px;background:#111}
.nft-media-fallback-row{padding:0 14px 14px;display:flex;flex-wrap:wrap;gap:8px}
.nft-media-open-link,.nft-media-download-link{width:auto;flex:0 1 auto;min-height:44px}
.nft-media-download-link{opacity:.92}
.nft-media-text-preview{
  max-height:min(50vh,480px);overflow:auto;padding:14px;margin:0;
  border-radius:10px;border:1px solid #00ffcc33;background:#0a0a0a;
  font-family:ui-monospace,Consolas,monospace;font-size:.85rem;line-height:1.5;
  white-space:pre-wrap;word-break:break-word;color:#dfe;
}
.lab-media-indicator-badge{
  position:absolute;bottom:10px;right:10px;padding:4px 8px;border-radius:8px;
  font-size:.72rem;font-weight:900;background:rgba(0,0,0,.55);border:1px solid #00ffcc66;color:#00ff99;
}
.nft-media-hint{margin:0;padding:0 14px 10px;font-size:.85rem;color:var(--muted,#9aa);line-height:1.4}
@media (max-width:768px){
  .nft-hero-video{max-height:min(50vh,420px)}
  .nft-model-viewer{height:min(42vh,380px);min-height:220px}
  .nft-media-pdf-frame{height:min(45vh,400px)}
}
@media (max-width:900px){
  .nft-media-stage{width:100%;max-width:100%}
  .nft-media-view{max-height:min(52vh,480px)}
  .nft-media-open-link,.nft-media-audio-controls{min-height:48px}
  model-viewer.nft-media-model,.nft-model-viewer{width:100%;max-height:min(50vh,440px)}
}