.lotvue-map-wrapper {
  position: relative;
  width: 100%;
  background-color: #f3f4f6; 
  border-radius: 1rem;       
  overflow: hidden;
  
  /* Aspect Ratio Magic */
  aspect-ratio: 1280 / 550;
}

@supports not (aspect-ratio: 1280 / 550) {
  .lotvue-map-wrapper {
    height: 0;
    padding-bottom: 42.9%; 
  }
  .lotvue-frame {
    position: absolute;
    top: 0;
    left: 0;
  }
}


.lotvue-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.lotvue-editor-note {
  background: #f5f5f5;
  padding: 40px;
  text-align: center;
  border: 1px dashed #ccc;
  margin: 20px auto;
  max-width: 800px;
  border-radius: 8px;
}