body {
  margin:0;
  font-family:Arial;
}

#app {
  display:flex;
  height:100vh;
}

#toolbox {
  width:260px;
  border-right:1px solid #ccc;
  padding:10px;
  overflow:auto;
}

#canvas-container {
  flex:1;
  background:#f5f5f5;
}

#properties {
  width:260px;
  border-left:1px solid #ccc;
  padding:10px;
}

button {
  width:100%;
  margin-bottom:6px;
}

input {
  width:100%;
  margin-bottom:6px;
}

svg {
  width:100%;
  height:100%;
}

.selected {
  outline:2px solid red;
}

/* 👉 staging area */
#stagingArea {
  border:1px solid #ccc;
  min-height:80px;
  padding:5px;
  background:#fafafa;
}

.stagedItem {
  margin:5px;
  padding:5px;
  border:1px solid #999;
  cursor:grab;
  background:#eee;
}