/* 디자인 설정 페이지 전용 CSS입니다. 이 파일을 수정하면 디자인 설정 화면에만 적용됩니다. */
/* 선택자 주석은 어느 화면 요소인지, 속성 주석은 어떤 값을 바꾸는지 설명합니다. */

/* 디자인 설정: .design-settings-page 선택자의 화면 요소에 적용됩니다. */
.design-settings-page,
/* 디자인 설정: .expert-editor-page 선택자의 화면 요소에 적용됩니다. */
.expert-editor-page {
  /* 이 값보다 커지지 않도록 최대 너비를 100%로 지정합니다. */
  max-width: 100%;
}

/* 디자인 설정: .expert-editor-shell 선택자의 화면 요소에 적용됩니다. */
.expert-editor-shell {
  /* 이 값보다 작아지지 않도록 최소 높이를 calc(100vh - 80px)로 지정합니다. */
  min-height: calc(100vh - 80px);
}

/* 디자인 설정: .expert-editor-canvas 선택자의 화면 요소에 적용됩니다. */
.expert-editor-canvas,
/* 디자인 설정: .design-preview-frame 선택자의 화면 요소에 적용됩니다. */
.design-preview-frame {
  /* 넘치는 내용 처리 방식을 auto로 설정합니다. */
  overflow: auto;
}