.lf-mat-preview{border:1.5px solid var(--lf-border);cursor:pointer;background:#111;border-radius:50%;flex-shrink:0;width:36px;height:36px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.lf-mat-preview:hover{border-color:var(--lf-accent);box-shadow:0 0 0 3px var(--lf-accent-ring);transform:scale(1.08)}.lf-mat-preview-canvas{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.material-item.selected .lf-mat-preview{border-color:var(--lf-accent);box-shadow:0 0 0 3px var(--lf-accent-ring)}.lf-mat-preview-loading{background:linear-gradient(110deg,#e8e8e8 30%,#f5f5f5 50%,#e8e8e8 70%) 0 0/200% 100%;animation:1.4s infinite lf-shimmer}@keyframes lf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}