.project-card .project-info.has-style-download {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; column-gap: 12px;
}
.style-card-download {
  display: grid; justify-items: center; gap: 3px; flex-shrink: 0;
  padding: 8px 11px; min-height: 44px; border: 1px solid var(--ph-border, #e8e0e4);
  border-radius: 9px; background: var(--ph-surface, #fff); color: var(--ph-accent, #b43751);
  font: inherit; cursor: pointer; white-space: nowrap;
}
.style-card-download > span { display: flex; align-items: center; gap: 5px; }
.style-card-download svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.style-card-download b { font-size: 13px; line-height: 1.2; }
.style-card-download small { font-size: 10px; line-height: 1.2; color: var(--ph-muted, #817880); }
.style-card-download:hover { background: var(--ph-accent, #b43751); border-color: var(--ph-accent, #b43751); color: #fff; }
.style-card-download:hover small { color: inherit; }
.style-card-download:focus-visible { outline: 2px solid var(--ph-focus, #b43751); outline-offset: 3px; }
.style-card-download:disabled { opacity: .6; cursor: wait; }
.style-card-download-status { grid-column: 1 / -1; margin: 9px 0 0; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; color: var(--ph-muted, #817880); }
.style-card-download-status[data-error="true"] { color: var(--ph-accent, #b43751); }
.style-card-download-status[hidden] { display: none; }
@media(max-width:380px) {
  .project-card .project-info.has-style-download { column-gap: 6px; }
  .style-card-download { padding-inline: 8px; }
}