/* Creative tools + model card visuals: poster layer and capability spec
   rows on the model cards (index.html buildModelCard). Loaded after
   css/model-selector-figma-ui.css. */
.fmc-visual.has-media{
  aspect-ratio:16/9;
  min-height:0;
}
.fmc-visual-motion{
  z-index:0;
}
.fmc-specs{
  margin:9px 14px 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 10px;
}
.fmc-spec{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
}
.fmc-spec dt{
  flex:none;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:8px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted2);
}
.fmc-spec dd{
  margin:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.5px;
  color:#d9d1c5;
}
.fmc-spec[data-spec="mode"]{
  grid-column:1 / -1;
}
.fmc-spec.off dd{
  color:var(--muted2);
}
@media (max-width:520px){
  .fmc-specs{
    grid-template-columns:1fr;
  }
}