.mg-wrap { display: flex; flex-direction: column; gap: 14px; align-items: center; }

.mg-canvas-wrap {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
  touch-action: none;
}
#mg-canvas { width: 100%; height: auto; display: block; cursor: crosshair; }

.mg-toolbar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }