.preview-wrapper {
  padding: 20px 40px;
  height: ~"calc(100vh - 320px)";
  width: 100%;
  overflow: scroll;
  .loading-process {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    .load-text {
      line-height: 28px;
    }
  }
  .preview-inner {
    width: 100%;
    height: fit-content;
    position: relative;
    .preview-mark {
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      opacity: 0.7;
      pointer-events: none;
      user-select: none;
    }
  }
  .error-wrapper {
    height: 100%;
  }
}