/* ═══════════════════════════ PLACEHOLDER ═══════════════════════════
   Marco discreto mientras carga el archivo real (o si la ruta está rota). Desaparece al cargar. */
.ph { position: absolute; inset: 0; background: var(--paper-2); }
.ph--dark { background: var(--dark-2); }
.ph--product, .ph--icon, .ph--mascot, .ph--smile, .ph--expression { background: transparent; }
.ph__label {
  position: absolute; left: 12px; bottom: 12px; z-index: 3;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; color: var(--ink-soft);
  background: rgba(255,255,255,0.82); backdrop-filter: blur(6px); padding: 5px 8px; border-radius: 6px; pointer-events: none;
}
.ph--dark .ph__label { background: rgba(0,20,42,0.6); color: rgba(255,255,255,0.8); }