/* ════════════════════════════════════════════════════════════════
 * 9. 컨텍스트 메뉴 (우클릭)
 * ════════════════════════════════════════════════════════════════ */
#ctx-menu {
  position: fixed; z-index: 9990; display: none;
  background: var(--bg-ctx); border: 1px solid var(--border-base);
  border-radius: var(--radius-lg); padding: 5px 0; min-width: 140px;
  box-shadow: var(--shadow-float); backdrop-filter: blur(8px);
}
#ctx-menu.visible { display: block; }
.ctx-item {
  padding: 9px 16px; font-size: 12px; font-family: var(--font);
  cursor: pointer; color: var(--text-base); display: flex; align-items: center; gap: 8px;
  transition: background 0.1s;
}
.ctx-item:hover { background: var(--btn-h); }
.ctx-item.danger { color: var(--danger-text); }
.ctx-item.danger:hover { background: var(--danger-bg); }
.ctx-sep { height: 1px; background: var(--border-dim); margin: 3px 0; }
.ctx-icon { font-size: 13px; width: 16px; text-align: center; }