Loading placeholder with text, avatar, and card shapes.
<!-- Avatar + text skeleton -->
<div class="skeleton-row">
<div class="skeleton skeleton-avatar"></div>
<div style="flex: 1">
<div class="skeleton skeleton-text" style="width: 40%"></div>
<div class="skeleton skeleton-text-sm" style="width: 60%"></div>
</div>
</div>
<!-- Card skeleton -->
<div class="skeleton-card">
<div class="skeleton skeleton-text"></div>
<div class="skeleton skeleton-text" style="width: 80%"></div>
</div>