/* 효과 겹(판) 고르기 — 드롭 섀도·내부 그림자·획은 여러 판을 겹칠 수 있다.
   설정 줄(.adjust-row)이 아니다 — "어느 판을 고치는가" 를 고르는 자리라서,
   섞어 두면 혼합 모드가 판의 첫 줄이라는 Photoshop 배치가 깨진다. */
.fx-inst-row { display: flex; align-items: center; gap: 10px; }
.fx-inst-pills { display: inline-flex; gap: 3px; flex: 1; }
.fx-inst-pill {
  min-width: 22px; height: 20px; padding: 0 6px;
  background: var(--panel2); color: var(--text);
  border: 1px solid var(--line); border-radius: 10px;
  font-size: 11px; cursor: pointer;
}
.fx-inst-pill.on { background: var(--blue); color: #ffffff; border-color: var(--blue); }
.fx-inst-pill.off-inst { opacity: 0.45; }   /* 눈이 꺼진 판 */
.fx-inst-add, .fx-inst-del, .fx-inst-up, .fx-inst-down {
  width: 22px; height: 20px; padding: 0; flex: none;
  background: none; border: 1px solid var(--line); border-radius: 3px;
  color: var(--text-dim); font-size: 12px; line-height: 1; cursor: pointer;
}
.fx-inst-add:hover, .fx-inst-del:hover,
.fx-inst-up:hover:not(:disabled), .fx-inst-down:hover:not(:disabled) {
  color: var(--text); border-color: var(--text-dim);
}
/* 끝에서는 잠근다 — 눌러도 아무 일이 없으면 고장으로 읽힌다 */
.fx-inst-up:disabled, .fx-inst-down:disabled, .fx-inst-del:disabled { opacity: .35; cursor: default; }
.fx-inst-up, .fx-inst-down { font-size: 9px; }