/* Shared base for preview cards. Each card = 700x<H>, no titles
   (the asset name renders outside). Just show the thing. */
*,*::before,*::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  width: 700px;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  padding: 20px;
}
.card-pad { padding: 20px; }
.row { display: flex; gap: 12px; align-items: center; }
.col { display: flex; flex-direction: column; gap: 8px; }
.fill { flex: 1; }
.dot { width: 8px; height: 8px; border-radius: 999px; display: inline-block; }
.hairline { border-top: 1px solid var(--hairline); }