.item-visual-preview { width: 100%; height: 100%; min-width: 0; min-height: 0; position: relative; z-index: 1; display: grid; place-items: center; overflow: hidden; }
.item-visual-preview .item-visual-preview__asset { display: block; padding: 0; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .38)); }
.item-visual-preview .item-visual-preview__asset--default { width: 100%; height: 100%; padding: 8px; object-fit: contain; }
.item-visual-preview__fallback { color: color-mix(in srgb, var(--shop-rarity, var(--item-rarity, #9d50ff)) 75%, white); font-size: 43px; font-weight: 950; text-shadow: 0 0 26px var(--shop-rarity, var(--item-rarity, #9d50ff)); }
.item-visual-preview__avatar-stage, .item-visual-preview__frame-stage { width: min(72%, 112px); aspect-ratio: 1; position: relative; display: grid; place-items: center; }
.item-visual-preview--detail .item-visual-preview__avatar-stage, .item-visual-preview--detail .item-visual-preview__frame-stage { width: min(68%, 210px); }
.item-visual-preview__avatar-stage { overflow: hidden; border: 1px solid color-mix(in srgb, var(--shop-rarity, var(--item-rarity, #9d50ff)) 55%, transparent); border-radius: 50%; background: rgba(5, 9, 19, .92); box-shadow: 0 0 24px color-mix(in srgb, var(--shop-rarity, var(--item-rarity, #9d50ff)) 20%, transparent); }
.item-visual-preview .item-visual-preview__asset--avatar { width: 100%; height: 100%; object-fit: cover; }
.item-visual-preview__avatar-placeholder { width: 78%; height: 78%; display: grid; place-items: center; border: 1px solid rgba(153, 92, 239, .32); border-radius: 50%; color: #9b63e8; background: radial-gradient(circle at 50% 30%, #25203e, #090d19 68%); font-size: 29px; font-weight: 950; }
.item-visual-preview .item-visual-preview__asset--frame { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain; filter: drop-shadow(0 0 12px color-mix(in srgb, var(--shop-rarity, var(--item-rarity, #9d50ff)) 48%, transparent)); }
.item-visual-preview__background-stage { width: 88%; aspect-ratio: 16 / 9; overflow: hidden; position: relative; border: 1px solid color-mix(in srgb, var(--shop-rarity, var(--item-rarity, #9d50ff)) 42%, transparent); border-radius: 7px; background: #070b15; box-shadow: 0 11px 24px rgba(0, 0, 0, .32); }
.item-visual-preview--detail .item-visual-preview__background-stage { width: 86%; }
.item-visual-preview .item-visual-preview__asset--background { width: 100%; height: 100%; object-fit: contain; }
.item-visual-preview__background-stage::after { position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(transparent, rgba(3, 6, 13, .92)); content: ''; }
.item-visual-preview__profile-dot { width: 24%; aspect-ratio: 1; position: absolute; z-index: 2; left: 7%; bottom: 8%; display: grid; place-items: center; border: 2px solid rgba(174, 94, 255, .72); border-radius: 50%; color: #b775ff; background: #090d19; font-size: 10px; font-weight: 950; }
.item-visual-preview__profile-lines { width: 48%; height: 18%; position: absolute; z-index: 2; right: 8%; bottom: 10%; border-top: 4px solid rgba(235, 239, 250, .72); border-bottom: 3px solid rgba(133, 145, 170, .38); }
@media (max-width: 560px) { .item-visual-preview__avatar-stage, .item-visual-preview__frame-stage { width: min(68%, 104px); } }