.crafting-recipe-tabs,
.crafting-activity {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.crafting-controls {
  border: 1px solid #8b764c;
  border-radius: 8px;
  padding: 14px;
}
.crafting-controls legend {
  color: #e4c887;
  padding: 0 6px;
}
.crafting-activity {
  padding: 18px;
  background: #29383b;
  border-radius: 8px;
}
.crafting-activity label {
  display: grid;
  gap: 8px;
  width: 100%;
}
.crafting-activity input[type="range"] {
  width: 100%;
}
.crafting-activity button[aria-pressed="true"],
.crafting-recipe-tabs button[aria-pressed="true"] {
  border-color: #e4c887;
  background: #45554c;
}
#recipe-studio {
  grid-column: 1 / -1;
  padding: 24px 4vw 60px;
}
.recipe-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 20px;
}
.recipe-outline button {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  text-align: left;
}
.recipe-outline {
  display: block;
  align-self: start;
  margin: 0;
}
.recipe-outline button[aria-pressed="true"] {
  border-color: #e4c887;
  background: #45554c;
}
.recipe-stage-card {
  border: 1px solid #50605a;
  padding: 16px;
  margin: 12px 0;
  border-radius: 8px;
}
.recipe-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
@media (max-width: 760px) {
  .recipe-layout {
    grid-template-columns: 1fr;
  }
}