body { margin:0; overflow:hidden; font-family:Arial; background:#fff; }

#ui {
  position:absolute;
  top:10px;
  left:10px;
  background:#222;
  color:#fff;
  padding:10px;
  width:360px;
  border-radius:6px;
  z-index:10;
  overflow-y:auto;
  max-height:95vh;
}

button,input,textarea,select { width:100%; margin-top:6px; }
textarea { height:120px; font-size:11px; }

.legend {
  font-size:11px;
  background:#111;
  padding:6px;
  border-radius:4px;
  margin-top:6px;
}

.layer { display:flex; align-items:center; margin-top:4px; }
.layer input { width:auto; margin-right:6px; }

#modal,#editModal {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:100;
}

.modalBox {
  background:#fff;
  padding:16px;
  width:320px;
  border-radius:6px;
}