/* Profile studio uses the shared workspace palette. */
.branding-candidates {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:start;
  margin:24px 0;
}
.branding-candidates article {
  margin:0;
  padding:20px;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.branding-candidates h3 {
  margin:0 0 18px;
  color:var(--accent);
  font-size:15px;
}
.branding-candidates>article>img {
  display:block;
  width:100%;
  height:auto;
  max-width:300px;
  margin:0 auto 20px;
  border-radius:18px;
  border:1px solid var(--border);
  background:#fdeef6;
}
.branding-candidates h4 {
  font-size:18px;
  margin:14px 0 8px;
  letter-spacing:-.5px;
}
.branding-candidates button {
  width:100%;
  margin-right:0;
}
.branding-sizes {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  padding:16px 0;
  border-block:1px solid var(--border);
  margin:18px 0;
}
.branding-sizes figure {
  margin:0;
  text-align:center;
}
.branding-sizes img {
  display:block;
  max-width:none;
}
.branding-sizes figcaption {
  font-size:10px;
  color:var(--muted);
  margin-top:6px;
}
.branding-candidates .hash {
  overflow-wrap:anywhere;
  font-size:10px;
}
@media(max-width:1050px) {
  .branding-candidates {
    grid-template-columns:1fr;
  }
}
@media print {
  .branding-candidates article {
    box-shadow:none;
  }
}