/* Files in images/home/ appear automatically when added; until then the UI fallback stays visible. */
.asset-image { opacity: 1; transition: opacity .2s ease; }
.asset-image.loaded { opacity: 1; }
.brand-mark { position: relative; overflow: hidden; }
.brand-asset { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--panel); }
.brand-mark.asset-ready { font-size: 0; }
.preview-asset { position: absolute; z-index: 5; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 13px; }
.draft-preview.asset-ready > :not(.preview-asset) { opacity: 0; }
.card-icon { overflow: hidden; }
.card-asset { position: absolute; inset: 0; width: 100%; height: 100%; padding: 4px; object-fit: contain; background: var(--panel); }
.card-icon.asset-ready { font-size: 0; }

/* 画像の読み込み失敗時もレイアウト全体が透明化しない */
.asset-image.loaded { opacity: 1; }