.img-ph{--ph-icon:40px;box-sizing:border-box;text-align:center;color:#4f596b;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:0;padding:12px;display:flex}.img-ph[data-surface=tile]{border-radius:inherit;background:radial-gradient(70% 55% at 50% 42%,#fffffff2,#0000 72%),repeating-linear-gradient(0deg,#0f172a09 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#0f172a09 0 1px,#0000 1px 24px),linear-gradient(#f8f9fb 0%,#eceff4 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0f}.img-ph__disc{width:calc(var(--ph-icon) * 1.9);height:calc(var(--ph-icon) * 1.9);background:color-mix(in oklab, var(--p-tint,#eef1f5) 70%, #fff);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-accent,#5f6b80) 22%, transparent), 0 10px 24px -16px color-mix(in oklab, var(--p-accent,#5f6b80) 60%, transparent);border-radius:999px;flex:none;place-items:center;display:grid}.img-ph__icon{width:var(--ph-icon);height:var(--ph-icon);color:var(--p-accent,#5f6b80)}.img-ph__text{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:#4f596b;font-size:11px;line-height:1.3}.img-ph[data-size=xs]{--ph-icon:18px;gap:0;padding:4px}.img-ph[data-size=sm]{--ph-icon:22px;gap:6px;padding:6px}.img-ph[data-size=sm] .img-ph__text{letter-spacing:.06em;font-size:9.5px}.img-ph[data-size=lg]{--ph-icon:56px;gap:16px}.img-ph[data-size=lg] .img-ph__text{font-size:12px}