.paint-demo {
  display: flex;
  gap: 20px;
  margin: 20px 0;
}

.paint-box {
  width: 200px;
  height: 150px;
  border: 2px solid #dc3545;
  position: relative;
  background: #f8f9fa;
  overflow: hidden;
}

.paint-contained {
  contain: paint;
  border-color: #fd7e14;
  background: #fff3cd;
}

.paint-content {
  width: 180px;
  height: 180px;
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
  border-radius: 50%;
  position: absolute;
  top: -15px;
  left: -15px;
  animation: rotate 3s linear infinite;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.paint-label {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background: rgba(255,255,255,0.9);
  padding: 2px 6px;
  font-size: 11px;
  border-radius: 3px;
}