

button#aivc_open_composer {
    background: none;
    border: none;
    padding: 0;
}

div#aivc_composer_popup {
    display: none;
}

.aivc-composer {
    display: flex;
}   



.aivc-product-left {
    width: 60%;
}

.aivc_frontend_preview {
  border: 5px solid red !important;
}
.aivc_frontend_preview .aivc_preview_dots {
  background-color: yellow !important;
}
.aivc_frontend_preview .aivc_preview_dot {
  width: 20px !important;
  height: 20px !important;
  background-color: blue !important;
  border-radius: 50% !important;
  display: inline-block;
  margin: 5px;
}

div#aivc_frontend_preview_dots {
    position: absolute;
    margin-top: -134px;
    left: 43%;
    z-index: 999999;
}
div#aivc_product_preview_dots {
    position: absolute;
    margin-top: -124px;
    left: 44%;
    z-index: 999999;
}

.aivc-open-composer-fab {
  position: absolute;
  right: 0;
}

/* Pin the icon */
.aivc-open-composer-fab {
  position: absolute;
  top: 20%;          /* adjust if you want some offset (e.g., 8px) */
  right: 0;        /* exactly at the right edge */
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aivc-open-composer-fab img {
  width: 48px;
  height: 48px;
  display: block;
  pointer-events: none; /* lets the button receive the click */
}

/* Optional: nudge in a bit on small screens */
@media (max-width: 782px) {
  .aivc-open-composer-fab { top: 8px; right: 8px; }
}
