.diamond-media-viewer{flex-direction:column;gap:0;display:flex}.diamond-viewer-main{aspect-ratio:1;border-radius:var(--border-radius-sm,4px);background-color:#0000;position:relative;overflow:hidden}.diamond-image-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diamond-image-view img{object-fit:contain;cursor:pointer;width:100%;height:100%;transition:transform .3s}.diamond-image-view img:active{transform:scale(.98)}.diamond-360-view{aspect-ratio:1;background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.diamond-360-view iframe{border:none}.diamond-360-b2b{border-radius:inherit;aspect-ratio:980/792;height:auto}.diamond-360-b2b:after{content:"";pointer-events:none;z-index:1;background:#000;height:1%;position:absolute;bottom:0;left:0;right:0}.diamond-360-video{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.diamond-360-video:active{cursor:grabbing}.diamond-360-video video{object-fit:contain;pointer-events:none;background:0 0;width:100%;height:100%}.diamond-360-b2b~.video-360-hint{bottom:12%}.diamond-video-view{width:100%;height:100%}.diamond-video-view iframe{border:none;width:100%;height:100%}.diamond-viewer-main .diamond-cert-view{width:100%;height:100%}.diamond-video-view video{object-fit:contain;background:0 0;width:100%;height:100%}.diamond-document-view{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diamond-document-view img{object-fit:contain;max-width:100%;max-height:100%}.diamond-media-placeholder{justify-content:center;align-items:center;gap:var(--spacing-md,16px);width:100%;height:100%;color:var(--color-text-tertiary,#666);flex-direction:column;display:flex}.placeholder-shape-icon{opacity:.5}.placeholder-text{font-size:var(--font-size-sm,14px)}.ring-3d-viewer-container{width:100%;height:100%}.ring-image-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ring-image-view img{object-fit:contain;width:100%;height:100%}.viewer-loading{justify-content:center;align-items:center;gap:var(--spacing-md,16px);width:100%;height:100%;color:var(--color-text-secondary,#999);flex-direction:column;display:flex}.viewer-loading-spinner{border:3px solid var(--color-border,#333);border-top-color:var(--color-primary,#6ea4b2);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.diamond-viewer-main{border-radius:0}}