@import "../../../style/mixin.scss";

@include export-module('co-photo-editor-layout') {
  .co-photo-editor {
    .photo-editor-dialog {
      .photo-editor-container {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        gap: 20px;

        .photo-editor-canvas {
          width: 70%;
          height: auto;
        }

        .enhancer-container {
          width: 30%;
        }
      }

      .photo-editor-upload {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
      }
    }
  }
}
