/* 이동 도구 옵션 막대의 ⋯ 판 (원문 그림 6.2 의 ④, 책 246쪽).
   막대에는 정렬 6 과 분포 2 만 두고 나머지는 여기 접어 둔다. */
.align-more-wrap { position: relative; display: inline-flex; align-items: center; }
.align-more-btn { letter-spacing: 1px; }
.align-more-btn.on { background: var(--btn-on); }
/* 옵션 막대는 overflow: hidden 이라 그 안에 두면 잘린다 —
   획 옵션 상자와 같은 방식으로 fixed 로 띄우고 열 때 자리를 잰다. */
/* 이동 도구의 ⚙ (추가 이동 도구 옵션) — 2026-09-13 에 CSS 가 **아예 없던 것**을 찾았다.
   toggleMoveExtra 는 단추 자리를 재서 style.left·top 을 픽셀로 넣는데, position 이 없어
   그 값이 아무 일도 안 했다. 그래서 체크칸 셋이 막대 밖 탭 줄 위로 그냥 튀어나왔다
   (position: static · 바탕 없음 · 테두리 없음 · z-index auto 로 실측).
   바로 옆 ⋯ 판(.align-more-menu)과 같은 모양으로 맞춘다. */
.move-extra-wrap { position: relative; }
.move-extra-menu { position: fixed; z-index: 90;
  padding: 6px 10px; display: flex; flex-direction: column; gap: 5px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 4px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35); white-space: nowrap; }
.move-extra-menu[hidden] { display: none; }

.align-more-menu { position: fixed; z-index: 90;
  padding: 6px 8px; display: flex; flex-direction: column; gap: 4px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 4px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35); white-space: nowrap; }
/* ⋯ 판의 배치 — 원문과 같게 (책 247쪽 그림 6.5 · 사장님 한국어판 화면 2026-09-13).
   이름은 단추 **위**에 오고, 여섯 단추는 가로 셋 + 세로 셋으로 사이를 벌린다.
   마지막 두 묶음(분포 간격 · 맞춤 대상)은 **한 줄에 나란히** 선다. */
.amm-row { display: flex; align-items: center; gap: 3px; }
.amm-label { font-size: 11px; color: var(--text-dim); }
.amm-col { display: flex; flex-direction: column; gap: 3px; }
.amm-btns { display: flex; align-items: center; gap: 3px; }
/* 가로 셋과 세로 셋 사이를 벌린다 — 원문도 두 묶음으로 떼어 놓는다 */
.amm-split > button:nth-child(4) { margin-left: 14px; }
.amm-pair { align-items: flex-start; gap: 18px; }
.amm-pair .amm-col { flex: none; }