.publish-composer {
  padding: 16px 20px 0;
}

.publish-composer__author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.publish-composer__name-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.publish-composer__name {
  color: $fg;
  font: 600 14px / 1.2 $font-body;
}

.publish-composer__level {
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(216, 180, 255, 0.1);
  color: $accent;
  font: 500 9px / 1 $font-display;
}

.publish-composer__sub {
  display: block;
  margin-top: 3px;
  color: $muted;
  font: 400 11px / 1.3 $font-body;
}

.publish-composer__input-wrap {
  min-height: 148px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(45, 34, 85, 0.28);
  border: 1px solid rgba(216, 180, 255, 0.06);
  box-sizing: border-box;
}

.publish-composer__textarea {
  width: 100%;
  min-height: 120px;
  color: $fg;
  font: 400 16px / 1.5 $font-body;
}

.publish-composer__placeholder {
  color: $muted;
}

