.section-nav {
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 16px;
  padding:8px 0;
  background:var(--bg)
}
.section-link {
  padding:6px 12px;
  border:1px solid var(--input-border);
  border-radius:8px;
  font-size:var(--small);
  font-weight:600;
  text-decoration:none;
  text-transform:lowercase
}
.section-link::first-letter,.form-section>h2::first-letter {
  text-transform:uppercase
}
.section-link:hover {
  background:var(--brand-yellow);
  border-color:var(--text)
}
.form-section>h2 {
  text-transform:lowercase
}
.palette-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
  margin-bottom:8px
}
.editor-layout .palette {
  min-height:34px;
  padding:4px 12px 4px 6px;
  border:1px solid var(--input-border);
  border-radius:8px;
  background:var(--bg);
  gap:8px;
  font-weight:600;
  font-size:var(--small)
}
.palette.on {
  border-color:var(--text);
  box-shadow:inset 0 -3px var(--brand-yellow)
}
.swatch {
  display:inline-flex;
  border-radius:4px;
  overflow:hidden;
  outline:1px solid rgba(0,0,0,.2)
}
.swatch i {
  width:12px;
  height:20px
}
.editor-layout .more {
  font-size:var(--small);
  min-height:0;
  margin:2px 0 0 26px;
  color:var(--muted)
}
.sub-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 10px;
  margin:6px 4px 2px;
  padding-top:6px;
  border-top:1px solid var(--border);
  font-size:.9375rem
}
.sub-title {
  font-weight:600;
  font-size:var(--small)
}
.bundle {
  grid-column:1/-1;
  margin:0;
  padding:8px 12px;
  border:0;
  background:var(--panel);
  border-radius:var(--radius)
}