/* خلفية الموقع */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #ffd6e8; /* Pastel pink */
  text-align: center;
}

/* بانر */
.banner img {
  width: 100%;
  height: auto;
  display: block;
}

/* أزرار */
.buttons {
  margin: 15px 0;
}
.buttons button {
  background-color: #b94d6c;
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 5px;
  cursor: pointer;
  border-radius: 5px;
}
.buttons button:hover {
  background-color: #ffe6f0;
  color: #b94d6c;
}

/* الكانفيس */
.canvas-section {
  margin: 20px auto;
}
#drawCanvas {
  border: 3px solid #b94d6c;
  background: white;
  border-radius: 5px;
  cursor: crosshair;
}
.tools {
  margin-bottom: 10px;
}

/* المعرض */
.gallery {
  margin: 30px 0;
  background-color: #ffe6f0;
  padding: 20px;
}
.scrolling-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  animation: scroll 20s linear infinite;
}
.scrolling-wrapper img {
  height: 150px;
  margin: 0 10px;
  border-radius: 10px;
}

/* حركة لانهائية */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* تجاوب */
@media (max-width:600px) {
  #drawCanvas {
    width: 90%;
    height: auto;