#editor {
  display: block !important;
  width: 100%;
}
#editor .flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  #editor .flex-row {
    flex-direction: column;
  }
}
#editor .flex-column {
  display: flex;
  flex-direction: column;
}
#editor #palette canvas {
  min-width: 500px;
  min-height: 500px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
@media screen and (max-width: 1000px) {
  #editor #palette canvas {
    min-width: 100%;
    min-height: 100%;
  }
}
#editor .image-canvas {
  width: 100%;
  flex-shrink: 1;
}
#editor .image-canvas canvas {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  #editor .image-canvas canvas {
    min-width: 100%;
    min-height: 100%;
  }
}
#editor #upload-area {
  background: #333;
  color: #fff;
  min-height: 3rem;
  max-height: 5rem;
  min-width: 10rem;
  width: 100%;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#editor #upload-area #upload-label {
  display: block;
  box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  text-align: center;
}
#editor #upload-area input[type=file] {
  display: none;
}

/*# sourceMappingURL=main.css.map */