.salon-controls { background: #efebe2; }
.salon-controls[hidden] { display: none; }

.salon-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 12px 12px;
  border-bottom: 1px solid #d4d0c7;
}

.salon-steps-intro {
  margin: 0;
  padding: 10px 12px 0;
  color: #3b3932;
  font: 600 13px/1.4 Arial, sans-serif;
}

.salon-steps button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 56px;
  padding: 6px 4px;
  border: 1px solid #a99b84;
  border-radius: 6px;
  background: #fffcf6;
  color: #2c2a25;
  font: 600 13px/1.3 Arial, sans-serif;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.salon-steps button > span {
  font: 13px/1.2 Oswald, sans-serif;
  letter-spacing: .06em;
  color: #7a531a;
}

.salon-steps button:hover { background: #f4ebd8; }

.salon-steps button[aria-pressed="true"] {
  background: #1c211f;
  color: #fff;
  border-color: #1c211f;
  box-shadow: inset 0 -3px var(--c-amber, #ff9d00);
}

.salon-steps button[aria-pressed="true"] > span { color: #ffad32; }
.salon-steps button:focus-visible { outline: 2px solid #8c5909; outline-offset: 2px; }

.salon-caption{padding:12px 18px;margin:0;min-height:60px;background:#f6f3ec;color:#4d544b;font:14px/1.5 Arial,sans-serif}
.salon-story .lidar-points-toolbar{padding-block:10px}
.salon-help{display:flex;align-items:center;gap:10px;min-width:0}
.salon-help svg{width:48px;height:40px;flex:0 0 48px;color:#956712}
.salon-story .lidar-points-toolbar{display:block}
.salon-story .lidar-points-actions{justify-content:flex-end;margin-top:9px}
.salon-story .salon-help p{font-size:12px}
.salon-story .lidar-points-label{font-size:12px}
.salon-story .lidar-points-note{font-size:12px;padding-top:2px}
@media(max-width:650px){.salon-steps{gap:6px;padding:6px 8px 8px}.salon-steps-intro{padding-inline:8px}.salon-steps button{font-size:12px}.salon-caption{padding-inline:14px}.salon-story .lidar-points-label{font-size:11px;gap:10px}.salon-story .lidar-points-label>span{max-width:110px}}