/* ── 작업 내역: 스냅숏 · 옵션 창 (2026-08-29, docs/adobe-help 원문 대조) ── */
/* 아래 단추 줄 — .panel-actions 와 같은 차림이지만 클래스는 따로 둔다:
   같이 쓰면 레이어 패널 조각표(.panel-actions 선택자)가 이 줄을 집어 갔다 (실측). */
.history-actions { display: flex; gap: 4px; justify-content: flex-end; padding: 4px 2px 0; border-top: 1px solid var(--line); margin-top: 4px; }
.history-actions button { background: none; border: none; color: var(--text-dim); cursor: pointer; width: 24px; height: 22px; padding: 2px; border-radius: 3px; }
.history-actions button:hover { color: var(--text); background: var(--hover, rgba(255,255,255,.08)); }
.history-actions svg { width: 100%; height: 100%; }

/* 스냅숏 줄 — 상태 줄과 구분되게 살짝 밝고, 고른 것(picked)은 테두리 */
.history-row.snap { background: rgba(255, 255, 255, .04); font-style: italic; }
.history-row.snap .snap-name-label { flex: 1; overflow: hidden; text-overflow: ellipsis; }
.history-row.snap.picked { outline: 1px solid var(--accent, #2d8cf0); outline-offset: -1px; }
.history-sep { height: 1px; margin: 3px 0; background: var(--line); }
/* 기록 옵션 창 */
.hopt-body { display: flex; flex-direction: column; gap: 8px; padding: 4px 2px; }
.hopt-body .opt-check { display: flex; align-items: center; gap: 7px; }
.hopt-limit-row { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.hopt-limit-row .hopt-limit { width: 72px; }
.snap-modal .modal-body { display: flex; flex-direction: column; gap: 6px; min-width: 260px; }

/* ── UI 글자 크기 (change-text-size-panels-tooltips.md) ──
   범위는 원문 제목 그대로 패널·풍선(메뉴 풀다운·알림 포함). zoom 으로 통째로 —
   글자만 키우면 px 칸 높이 190여 곳과 어긋난다. 기본(small)은 1 이라 지금과 같다. */
body[data-ui-font="tiny"] .panels, body[data-ui-font="tiny"] .panels-collapsed-strip,
body[data-ui-font="tiny"] .float-panels, body[data-ui-font="tiny"] .ctx-menu,
body[data-ui-font="tiny"] .menubar .dropdown, body[data-ui-font="tiny"] .modal { zoom: .9; }
body[data-ui-font="medium"] .panels, body[data-ui-font="medium"] .panels-collapsed-strip,
body[data-ui-font="medium"] .float-panels, body[data-ui-font="medium"] .ctx-menu,
body[data-ui-font="medium"] .menubar .dropdown, body[data-ui-font="medium"] .modal { zoom: 1.1; }
body[data-ui-font="large"] .panels, body[data-ui-font="large"] .panels-collapsed-strip,
body[data-ui-font="large"] .float-panels, body[data-ui-font="large"] .ctx-menu,
body[data-ui-font="large"] .menubar .dropdown, body[data-ui-font="large"] .modal { zoom: 1.22; }

/* 문서 탭 차례 바꾸기 — 놓일 자리 파란 금 (패널 탭과 같은 무늬) */
.doc-drop-mark { width: 2px; align-self: stretch; margin: 2px 0; background: var(--accent, #2d8cf0); border-radius: 1px; flex: none; }
.doc-tab.dragging-from { opacity: .45; }

/* ── 히스토그램 패널 (창 > 히스토그램) ── */
.histogram-panel { padding: 6px 8px 8px; display: flex; flex-direction: column; gap: 6px; }
.hist-head { display: flex; gap: 6px; align-items: center; }
.hist-head .hist-channel { flex: 1; }
.hist-refresh {
  flex: none; background: none; border: 1px solid var(--line); color: var(--text-dim);
  border-radius: 3px; width: 24px; height: 22px; cursor: pointer; font-size: 13px; line-height: 1;
}
.hist-refresh:hover { color: var(--text); border-color: var(--text-dim); }
.hist-canvas { width: 100%; height: 100px; background: #1a1a1e; border: 1px solid var(--line); border-radius: 3px; }
.hist-stats { display: flex; justify-content: space-between; gap: 6px; font-size: 11px; color: var(--text-dim); }
.hist-stats b { color: var(--text); font-weight: 500; font-variant-numeric: tabular-nums; }

/* 전역 조명 창 — 다이얼 하나와 값 둘 (adobe-help/global-lighting-angle.md) */
.gl-body { display: flex; gap: 14px; align-items: center; padding: 12px 14px; }
.gl-dial { flex: none; cursor: crosshair; }
.gl-dial-canvas { display: block; border-radius: 50%; background: var(--panel2); }
.gl-fields { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; }
.gl-row { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 6px; }

/* 효과 크기 조절 창 (adobe-help/scale-layer-effects.md) */
.sfx-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; min-width: 260px; }
.sfx-row { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 6px; }
.sfx-note { margin: 2px 0 0; font-size: 11px; color: var(--text-dim); line-height: 1.5; }