/* ── 명령 검색 (Ctrl+K) ── */
.cmdk-btn {
  background: none; border: none; color: var(--text-dim); cursor: pointer;
  display: flex; align-items: center; padding: 2px 6px; border-radius: 3px;
}
.cmdk-btn:hover { background: var(--panel2); color: var(--text); }
.cmdk-overlay {
  position: fixed; inset: 0; z-index: 280; background: rgba(0,0,0,0.25);
  display: flex; justify-content: center; align-items: flex-start; padding-top: 12vh;
}
/* display:flex 가 [hidden] 의 기본 display:none 을 이겨 버린다 — 명시해야 닫힌다 */
.cmdk-overlay[hidden] { display: none; }
.cmdk {
  width: 460px; max-width: 92vw; background: var(--panel);
  border: 1px solid var(--line); border-radius: 8px; overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
}
.cmdk-input {
  width: 100%; box-sizing: border-box; padding: 11px 14px; font-size: 14px;
  background: var(--panel); color: var(--text); border: none; outline: none;
  border-bottom: 1px solid var(--line);
}
.cmdk-list { list-style: none; margin: 0; padding: 4px 0; max-height: 46vh; overflow-y: auto; }
.cmdk-list li {
  display: flex; align-items: center; gap: 8px; padding: 6px 14px;
  font-size: 12.5px; color: var(--text); cursor: pointer;
}
.cmdk-list li.picked, .cmdk-list li:hover { background: var(--blue); color: #fff; }
.cmdk-list li.picked .cmdk-path, .cmdk-list li:hover .cmdk-path,
.cmdk-list li.picked .cmdk-key, .cmdk-list li:hover .cmdk-key { color: rgba(255,255,255,0.75); }
.cmdk-path { color: var(--text-dim); font-size: 11px; min-width: 90px; }
.cmdk-key { margin-left: auto; color: var(--text-dim); font-size: 11px; }
.cmdk-empty { color: var(--text-dim); cursor: default; }
.cmdk-list li.cmdk-empty:hover { background: none; color: var(--text-dim); }

/* ── 없는 글꼴 안내 ── */
.fontmiss-backdrop[hidden] { display: none; }
.fontmiss-modal { width: 400px; max-width: 92vw; }
.fontmiss-body { padding: 12px 16px; }
.fontmiss-note { font-size: 12px; color: var(--text-dim); margin: 0 0 8px; line-height: 1.5; }
.fontmiss-list { margin: 0 0 10px; padding-left: 18px; font-size: 13px; }
.fontmiss-list li { margin: 2px 0; }

/* 창 메뉴 — Photoshop 처럼 켜져 있는 것에 체크가 붙는다.
   체크 자리를 늘 비워 두어야 글자가 좌우로 안 흔들린다 */
.win-menu button { display: flex; align-items: center; justify-content: flex-start; }
.win-menu .dd-key { margin-left: auto; padding-left: 18px; }
.win-check { display: inline-block; width: 14px; flex: none; color: var(--text); }
.win-menu button.checked .win-check::before { content: "✓"; }
.win-docs { display: contents; }