/* Overrides for the mini editor: pointer visibility + responsive toolbar placement
   Small, isolated file to avoid editing the large bundled stylesheet. */

.mini-canvas__pointer{
  position: absolute;
  transform: translate(-50%,-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ffffffcc;
  border: 2px solid #38bdf8;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-shadow: 0 8px 22px rgba(7,11,20,0.45);
  z-index: 30;
}

.mini-canvas__pointer::after{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(56,189,248,0.98);
  box-shadow: 0 0 0 6px rgba(56,189,248,0.12);
}

/* Ensure the toolbox (toolbar) stacks below the canvas on narrower viewports.
   At wider screens the existing grid keeps the toolbar to the right. */
@media (max-width: 991px){
  .mini-shell{ grid-template-columns: 1fr !important; }
  .mini-shell__toolbar{ grid-column: 1 / -1; order: 2; width: 100%; }
  .mini-shell__sidebar{ order: 3; }
}